diff --git a/frontend/public/primevue-sass-theme/CHANGELOG.md b/frontend/public/primevue-sass-theme/CHANGELOG.md new file mode 100644 index 0000000..79aaab4 --- /dev/null +++ b/frontend/public/primevue-sass-theme/CHANGELOG.md @@ -0,0 +1,287 @@ +# Changelog + +## [3.50.0](https://github.com/primefaces/primevue-sass-theme/tree/3.50.0) (2024-03-15) + +- No changes, provides semantic versioning compatibility for PrimeVue 3.49.1 + +## [3.49.1](https://github.com/primefaces/primevue-sass-theme/tree/3.49.1) (2024-02-26) + +- No changes, provides semantic versioning compatibility for PrimeVue 3.49.1 + +## [3.49.0](https://github.com/primefaces/primevue-sass-theme/tree/3.49.0) (2024-02-23) + +**Fixed bugs:** + +- The arrow position is wrong after overlayPanel/confirmPopup is flipped [#74](https://github.com/primefaces/primevue-sass-theme/issues/74) + +**Implemented New Features and Enhancements:** + +- New InputOtp component [#75](https://github.com/primefaces/primevue-sass-theme/issues/75) +- New ButtonGroup component [#72](https://github.com/primefaces/primevue-sass-theme/issues/72) +- Menu components hover and visual focus updates [#71](https://github.com/primefaces/primevue-sass-theme/issues/71) +- New Stepper component [#66](https://github.com/primefaces/primevue-sass-theme/issues/66) +- InputIcon class support & InputField style updates [#69](https://github.com/primefaces/primevue-sass-theme/issues/69) + +## [3.48.1](https://github.com/primefaces/primevue-sass-theme/tree/3.48.1) (2024-02-07) + +**Fixed bugs:** + +- Overwritten styles defect [#62](https://github.com/primefaces/primevue-sass-theme/issues/62) + +## [3.48.0](https://github.com/primefaces/primevue-sass-theme/tree/3.48.0) (2024-02-05) + +**Fixed bugs:** + +- Divider: Divider line doesn't show [#59](https://github.com/primefaces/primevue-sass-theme/issues/59) + +**Implemented New Features and Enhancements:** + +- Move core alignment styles to theme files [#61](https://github.com/primefaces/primevue-sass-theme/issues/61) +- Themes: end value has mixed support, consider using flex-end instead warning [#58](https://github.com/primefaces/primevue-sass-theme/issues/58) +- Variant updates [#57](https://github.com/primefaces/primevue-sass-theme/issues/57) + +## [3.47.2](https://github.com/primefaces/primevue-sass-theme/tree/3.47.2) (2024-01-25) + +- No changes, provides semantic versioning compatibility for PrimeVue 3.47.2 + +## [3.47.1](https://github.com/primefaces/primevue-sass-theme/tree/3.47.1) (2024-01-24) + +- No changes, provides semantic versioning compatibility for PrimeVue 3.47.1 + +## [3.47.0](https://github.com/primefaces/primevue-sass-theme/tree/3.47.0) (2024-01-24) + +[Full Changelog](https://github.com/primefaces/primevue-sass-theme/compare/3.46.0...3.47.0) + +**Fixed bugs:** + +- Remove margin style from buttons in the footer of Dialog [#51](https://github.com/primefaces/primevue-sass-theme/issues/51) +- Tag: center icon when no label is present (icon-only mode) [#48](https://github.com/primefaces/primevue-sass-theme/issues/48) + +**Implemented New Features and Enhancements:** + +- New Aura Theme [#53](https://github.com/primefaces/primevue-sass-theme/issues/53) +- OrderList / PickList design updates [#52](https://github.com/primefaces/primevue-sass-theme/issues/52) +- New MeterGroup component [#46](https://github.com/primefaces/primevue-sass-theme/issues/46) +- Improve the structure of some components to comply with standards [#49](https://github.com/primefaces/primevue-sass-theme/issues/40) + +## [3.46.0](https://github.com/primefaces/primevue-sass-theme/tree/3.46.0) (2024-01-08) + +- No changes, provides semantic versioning compatibility for PrimeVue 3.46.0 + +## [3.45.0](https://github.com/primefaces/primevue-sass-theme/tree/3.45.0) (2023-12-22) + +**Fixed bugs:** + +- Lara Light Teal: $highlightBg implementation defect [#43](https://github.com/primefaces/primevue-sass-theme/issues/43) + +**Implemented New Features and Enhancements:** + +- DataTable: striped row updates [#44](https://github.com/primefaces/primevue-sass-theme/issues/44) + +## [3.44.0](https://github.com/primefaces/primevue-sass-theme/tree/3.44.0) (2023-12-13) + +- No changes, provides semantic versioning compatibility for PrimeVue 3.44.0 + +## [3.43.0](https://github.com/primefaces/primevue-sass-theme/tree/3.43.0) (2023-12-05) + +- No changes, provides semantic versioning compatibility for PrimeVue 3.43.0 + +## [3.42.0](https://github.com/primefaces/primevue-sass-theme/tree/3.42.0) (2023-11-28) + +**Breaking Changes:** + +- Menu components: width changed as min-width [#42](https://github.com/primefaces/primevue-sass-theme/issues/42) + +## [3.41.1](https://github.com/primefaces/primevue-sass-theme/tree/3.41.1) (2023-11-22) + +- No changes, provides semantic versioning compatibility for PrimeVue 3.41.1 + +## [3.41.0](https://github.com/primefaces/primevue-sass-theme/tree/3.41.0) (2023-11-20) + +[Full Changelog](https://github.com/primefaces/primevue-sass-theme/compare/3.40.1...3.41.0) + +**Breaking Changes:** + +- Remove primeflex dependency from DataView [#37](https://github.com/primefaces/primevue-sass-theme/issues/37) + +**Implemented New Features and Enhancements:** + +- Lara: Improved button severity colors [#40](https://github.com/primefaces/primevue-sass-theme/issues/40) +- MegaMenu responsiveness updates [#38](https://github.com/primefaces/primevue-sass-theme/issues/38) +- Calendar responsiveness updates [#36](https://github.com/primefaces/primevue-sass-theme/issues/36) +- Dock responsiveness updates [#35](https://github.com/primefaces/primevue-sass-theme/issues/35) +- Menubar responsiveness updates [#34](https://github.com/primefaces/primevue-sass-theme/issues/34) +- Lara: Add new 4 colors [#33](https://github.com/primefaces/primevue-sass-theme/issues/33) +- [#30](https://github.com/primefaces/primevue-sass-theme/issues/30) +- [#30](https://github.com/primefaces/primevue-sass-theme/issues/30) + +## [3.40.1](https://github.com/primefaces/primevue-sass-theme/tree/3.40.1) (2023-11-09) + +- No changes, provides semantic versioning compatibility for PrimeVue 3.40.1 + +## [3.40.0](https://github.com/primefaces/primevue-sass-theme/tree/3.40.0) (2023-11-09) + +[Full Changelog](https://github.com/primefaces/primevue-sass-theme/compare/3.39.0...3.40.0) + +**Implemented New Features and Enhancements:** + +- Lara Theme updates +- DataTable and Button component style improvements + +## [3.39.0](https://github.com/primefaces/primevue-sass-theme/tree/3.39.0) (2023-11-01) + +[Full Changelog](https://github.com/primefaces/primevue-sass-theme/compare/3.38.1...3.39.0) + +**Fixed bugs:** + +- ConfirmPopup: arrow defect [#29](https://github.com/primefaces/primevue-sass-theme/issues/29) + +**Implemented New Features and Enhancements:** + +- Improve Striped Row colors in Lara [#30](https://github.com/primefaces/primevue-sass-theme/issues/30) + + +## [3.38.1](https://github.com/primefaces/primevue-sass-theme/tree/3.38.1) (2023-10-26) + +- No changes, provides semantic versioning compatibility for PrimeVue 3.38.1 + +## [3.38.0](https://github.com/primefaces/primevue-sass-theme/tree/3.38.0) (2023-10-26) + +[Full Changelog](https://github.com/primefaces/primevue-sass-theme/compare/3.37.0...3.38.0) + +**Implemented New Features and Enhancements:** + +- Lara Theme updates + +## [3.37.0](https://github.com/primefaces/primevue-sass-theme/tree/3.37.0) (2023-10-18) + +[Full Changelog](https://github.com/primefaces/primevue-sass-theme/compare/3.36.0...3.37.0) + +**Implemented New Features and Enhancements:** + +- Lara Theme updates + +## [3.36.0](https://github.com/primefaces/primevue-sass-theme/tree/3.36.0) (2023-10-11) + +[Full Changelog](https://github.com/primefaces/primevue-sass-theme/compare/3.35.0...3.36.0) + +**Fixed bugs:** + +- Editor layer defect [#26](https://github.com/primefaces/primevue-sass-theme/issues/26) + +**Deprecation** + +- Remove FullCalendar theme support [#25](https://github.com/primefaces/primevue-sass-theme/issues/25) + +## [3.35.0](https://github.com/primefaces/primevue-sass-theme/tree/3.35.0) (2023-09-26) + +[Full Changelog](https://github.com/primefaces/primevue-sass-theme/compare/3.34.1...3.35.0) + +**Implemented New Features and Enhancements:** + +- New `@layer` implementation [\#24](https://github.com/primefaces/primevue-sass-theme/issues/24) +- focus-visible updates [\#23](https://github.com/primefaces/primevue-sass-theme/issues/23) +- Use Inter Var instead of System Font for Lara [\#22](https://github.com/primefaces/primevue-sass-theme/issues/22) +- Calendar: focus state update [\#21](https://github.com/primefaces/primevue-sass-theme/issues/21) + +## [3.34.1](https://github.com/primefaces/primevue-sass-theme/tree/3.34.1) (2023-09-08) + +- No changes, provides semantic versioning compatibility for PrimeVue 3.34.0 + +## [3.34.0](https://github.com/primefaces/primevue-sass-theme/tree/3.34.0) (2023-09-05) + +- No changes, provides semantic versioning compatibility for PrimeVue 3.34.0 + +## [3.33.0](https://github.com/primefaces/primevue-sass-theme/tree/3.33.0) (2023-09-01) + +- No changes, provides semantic versioning compatibility for PrimeVue 3.33.0 + +## [3.32.2](https://github.com/primefaces/primevue-sass-theme/tree/3.32.2) (2023-08-23) + +- No changes, provides semantic versioning compatibility for PrimeVue 3.32.2 + +## [3.32.1](https://github.com/primefaces/primevue-sass-theme/tree/3.32.1) (2023-08-18) + +[Full Changelog](https://github.com/primefaces/primevue-sass-theme/compare/3.32.0...3.32.1) + +**Fixed bugs:** + +- https://github.com/primefaces/primevue-sass-theme/issues/17 [#17](https://github.com/primefaces/primevue-sass-theme/issues/17) + +## [3.32.0](https://github.com/primefaces/primevue-sass-theme/tree/3.32.0) (2023-08-11) + +[Full Changelog](https://github.com/primefaces/primevue-sass-theme/compare/3.31.0...3.32.0) + +**Fixed bugs:** + +- SplitButton: menu icon not visible in large size [#12](https://github.com/primefaces/primevue-sass-theme/issues/12) + +## [3.31.0](https://github.com/primefaces/primevue-sass-theme/tree/3.31.0) (2023-07-25) + +[Full Changelog](https://github.com/primefaces/primevue-sass-theme/compare/3.30.2...3.31.0) + +**Fixed bugs:** + +- Bootstrap: remove unused Breadcrumb extensions [\#16](https://github.com/primefaces/primevue-sass-theme/issues/16) + +## [3.30.2](https://github.com/primefaces/primevue-sass-theme/tree/3.30.2) (2023-07-20) + +- No changes, provides semantic versioning compatibility for PrimeVue 3.30.2 + +## [3.30.1](https://github.com/primefaces/primevue-sass-theme/tree/3.30.1) (2023-07-14) + +- No changes, provides semantic versioning compatibility for PrimeVue 3.30.1 + +## [3.30.0](https://github.com/primefaces/primevue-sass-theme/tree/3.30.0) (2023-07-11) + +- No changes, provides semantic versioning compatibility for PrimeVue 3.30.0 + +## [3.29.2](https://github.com/primefaces/primevue-sass-theme/tree/3.29.2) (2023-07-11) + +- No changes, provides semantic versioning compatibility for PrimeVue 3.29.2 + +## [3.29.1](https://github.com/primefaces/primevue-sass-theme/tree/3.29.1) (2023-05-15) + +- No changes, provides semantic versioning compatibility for PrimeVue 3.29.1 + +## [3.29.0](https://github.com/primefaces/primevue-sass-theme/tree/3.29.0) (2023-05-11) + +- No changes, provides semantic versioning compatibility for PrimeVue 3.29.0 + +## [3.28.0](https://github.com/primefaces/primevue-sass-theme/tree/3.28.0) (2023-05-02) + +[Full Changelog](https://github.com/primefaces/primevue-sass-theme/compare/3.27.0...3.28.0) + +**Fixed bugs:** + +- Calendar: Material theme icon color defect [\#10](https://github.com/primefaces/primevue-sass-theme/issues/10) +- Message: wrong close icon size [\#9](https://github.com/primefaces/primevue-sass-theme/issues/9) + +## [3.27.0](https://github.com/primefaces/primevue-sass-theme/tree/3.27.0) (2023-04-19) + +[Full Changelog](https://github.com/primefaces/primevue-sass-theme/compare/3.26.1...3.27.0) + +**Implemented New Features and Enhancements:** + +- SVG: icon width & height fixes [\#7](https://github.com/primefaces/primevue-sass-theme/issues/7) +- Panel: content and footer border defects [\#5](https://github.com/primefaces/primevue-sass-theme/issues/5) + +## [3.26.1](https://github.com/primefaces/primevue-sass-theme/tree/3.26.1) (2023-03-27) + +[Full Changelog](https://github.com/primefaces/primevue-sass-theme/compare/3.26.0...3.26.1) + +**Fixed bugs:** + +- Missing styles from PrimeVue v3.24.0 [\#3](https://github.com/primefaces/primevue-sass-theme/issues/3) + +## [3.26.0](https://github.com/primefaces/primevue-sass-theme/tree/3.26.0) (2023-03-21) + +- No changes, provides semantic versioning compatibility for PrimeVue 3.26.0 + +## [3.25.0](https://github.com/primefaces/primevue-sass-theme/tree/3.25.0) (2023-03-13) + +- No changes, provides semantic versioning compatibility for PrimeVue 3.25.0 + +## [3.24.0](https://github.com/primefaces/primevue-sass-theme/tree/3.24.0) (2023-03-13) + +- Initial release diff --git a/frontend/public/primevue-sass-theme/LICENSE.md b/frontend/public/primevue-sass-theme/LICENSE.md new file mode 100644 index 0000000..e9890f8 --- /dev/null +++ b/frontend/public/primevue-sass-theme/LICENSE.md @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2018-2023 PrimeTek + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +THE SOFTWARE. \ No newline at end of file diff --git a/frontend/public/primevue-sass-theme/README.md b/frontend/public/primevue-sass-theme/README.md new file mode 100644 index 0000000..efb780e --- /dev/null +++ b/frontend/public/primevue-sass-theme/README.md @@ -0,0 +1,3 @@ +# PrimeVue Theming with SASS + +Visit the [official documentation](https://primevue.org/theming/#customtheme) for more information. diff --git a/frontend/public/primevue-sass-theme/package.json b/frontend/public/primevue-sass-theme/package.json new file mode 100644 index 0000000..f99ac2b --- /dev/null +++ b/frontend/public/primevue-sass-theme/package.json @@ -0,0 +1,29 @@ +{ + "name": "primevue-sass-theme", + "version": "3.50.0", + "description": "PrimeVue Sass Theme", + "homepage": "https://primevue.org/", + "repository": { + "type": "git", + "url": "git+https://github.com/primefaces/primevue-sass-theme.git" + }, + "keywords": [ + "primevue", + "vue", + "vue.js", + "vue2", + "vue3", + "ui library", + "component library", + "material", + "bootstrap", + "fluent", + "tailwind", + "unstyled", + "passthrough" + ], + "license": "MIT", + "bugs": { + "url": "https://github.com/primefaces/primevue-sass-theme/issues" + } +} \ No newline at end of file diff --git a/frontend/public/primevue-sass-theme/theme-base/_colors.scss b/frontend/public/primevue-sass-theme/theme-base/_colors.scss new file mode 100644 index 0000000..de70590 --- /dev/null +++ b/frontend/public/primevue-sass-theme/theme-base/_colors.scss @@ -0,0 +1,18 @@ +:root { + @if variable-exists(colors) { + @each $name, $color in $colors { + @for $i from 0 through 5 { + @if ($i == 0) { + --#{$name}-50:#{tint($color, (5 - $i) * 19%)}; + } + @else { + --#{$name}-#{$i * 100}:#{tint($color, (5 - $i) * 19%)}; + } + } + + @for $i from 1 through 4 { + --#{$name}-#{($i + 5) * 100}:#{shade($color, $i * 15%)}; + } + } + } +} \ No newline at end of file diff --git a/frontend/public/primevue-sass-theme/theme-base/_common.scss b/frontend/public/primevue-sass-theme/theme-base/_common.scss new file mode 100644 index 0000000..c33bdc2 --- /dev/null +++ b/frontend/public/primevue-sass-theme/theme-base/_common.scss @@ -0,0 +1,198 @@ +// core +.p-component, .p-component * { + box-sizing: border-box; +} + +.p-hidden-space { + visibility: hidden; +} + +.p-reset { + margin: 0; + padding: 0; + border: 0; + outline: 0; + text-decoration: none; + font-size: 100%; + list-style: none; +} + +.p-disabled, .p-disabled * { + cursor: default; + pointer-events: none; + user-select: none; +} + +.p-component-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.p-unselectable-text { + user-select: none; +} + +.p-sr-only { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal; +} + +.p-link { + text-align: left; + background-color: transparent; + margin: 0; + padding: 0; + border: none; + cursor: pointer; + user-select: none; +} + +.p-link:disabled { + cursor: default; +} + +/* Non vue overlay animations */ +.p-connected-overlay { + opacity: 0; + transform: scaleY(0.8); + transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1); +} + +.p-connected-overlay-visible { + opacity: 1; + transform: scaleY(1); +} + +.p-connected-overlay-hidden { + opacity: 0; + transform: scaleY(1); + transition: opacity .1s linear; +} + +/* Vue based overlay animations */ +.p-connected-overlay-enter-from { + opacity: 0; + transform: scaleY(0.8); +} + +.p-connected-overlay-leave-to { + opacity: 0; +} + +.p-connected-overlay-enter-active { + transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1); +} + +.p-connected-overlay-leave-active { + transition: opacity .1s linear; +} + +/* Toggleable Content */ +.p-toggleable-content-enter-from, +.p-toggleable-content-leave-to { + max-height: 0; +} + +.p-toggleable-content-enter-to, +.p-toggleable-content-leave-from { + max-height: 1000px; +} + +.p-toggleable-content-leave-active { + overflow: hidden; + transition: max-height 0.45s cubic-bezier(0, 1, 0, 1); +} + +.p-toggleable-content-enter-active { + overflow: hidden; + transition: max-height 1s ease-in-out; +} + +// theme +* { + box-sizing: border-box; +} + +.p-component { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: $fontSize; + font-weight: $fontWeight; +} + +.p-component-overlay { + background-color: $maskBg; + transition-duration: $transitionDuration; +} + +.p-disabled, .p-component:disabled { + opacity: $disabledOpacity; +} + +.p-error { + color: $errorColor; +} + +.p-text-secondary { + color: $textSecondaryColor; +} + +.pi { + font-size: $primeIconFontSize; +} + +.p-icon { + width: $primeIconFontSize; + height: $primeIconFontSize; +} + +.p-link { + font-family: var(--font-family); + font-feature-settings: var(--font-feature-settings, normal); + font-size: $fontSize; + border-radius: $borderRadius; + outline-color: transparent; + + &:focus-visible { + @include focused(); + } +} + +.p-component-overlay-enter { + animation: p-component-overlay-enter-animation 150ms forwards; +} + +.p-component-overlay-leave { + animation: p-component-overlay-leave-animation 150ms forwards; +} + +.p-component-overlay { + @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; + } + } +} diff --git a/frontend/public/primevue-sass-theme/theme-base/_components.scss b/frontend/public/primevue-sass-theme/theme-base/_components.scss new file mode 100644 index 0000000..256d151 --- /dev/null +++ b/frontend/public/primevue-sass-theme/theme-base/_components.scss @@ -0,0 +1,112 @@ +@import "_mixins"; +@import "_colors"; + +@import "./components/input/_editor"; + +@layer primevue { + @import "_common"; + + //Input + @import "./components/input/_autocomplete"; + @import "./components/input/_calendar"; + @import "./components/input/_cascadeselect"; + @import "./components/input/_checkbox"; + @import "./components/input/_chips"; + @import "./components/input/_colorpicker"; + @import "./components/input/_dropdown"; + @import "./components/input/_floatlabel"; + @import "./components/input/_iconfield"; + @import "./components/input/_inputotp"; + @import "./components/input/_inputgroup"; + @import "./components/input/_inputicon"; + @import "./components/input/_inputnumber"; + @import "./components/input/_inputswitch"; + @import "./components/input/_inputtext"; + @import "./components/input/_knob"; + @import "./components/input/_listbox"; + @import "./components/input/_multiselect"; + @import "./components/input/_password"; + @import "./components/input/_radiobutton"; + @import "./components/input/_rating"; + @import "./components/input/_selectbutton"; + @import "./components/input/_slider"; + @import "./components/input/_textarea"; + @import "./components/input/_treeselect"; + @import "./components/input/_togglebutton"; + + //Button + @import "./components/button/_button"; + @import "./components/button/_speeddial"; + @import "./components/button/_splitbutton"; + + //Data + @import "./components/data/_carousel"; + @import "./components/data/_datatable"; + @import "./components/data/_dataview"; + @import "./components/data/_filter"; + @import "./components/data/_orderlist"; + @import "./components/data/_organizationchart"; + @import "./components/data/_paginator"; + @import "./components/data/_picklist"; + @import "./components/data/_timeline"; + @import "./components/data/_tree"; + @import "./components/data/_treetable"; + + //Panel + @import "./components/panel/_accordion"; + @import "./components/panel/_card"; + @import "./components/panel/_fieldset"; + @import "./components/panel/_divider"; + @import "./components/panel/_panel"; + @import "./components/panel/_scrollpanel"; + @import "./components/panel/_splitter"; + @import "./components/panel/_stepper"; + @import "./components/panel/_tabview"; + @import "./components/panel/_toolbar"; + + //Overlay + @import "./components/overlay/_confirmpopup"; + @import "./components/overlay/_dialog"; + @import "./components/overlay/_overlaypanel"; + @import "./components/overlay/_sidebar"; + @import "./components/overlay/_tooltip"; + + //File + @import "./components/file/_fileupload"; + + //Menu + @import "./components/menu/_breadcrumb"; + @import "./components/menu/_contextmenu"; + @import "./components/menu/_dock"; + @import "./components/menu/_megamenu"; + @import "./components/menu/_menu"; + @import "./components/menu/_menubar"; + @import "./components/menu/_panelmenu"; + @import "./components/menu/_steps"; + @import "./components/menu/_tabmenu"; + @import "./components/menu/_tieredmenu"; + + //Messages + @import "./components/messages/_inlinemessage"; + @import "./components/messages/_message"; + @import "components/messages/toast"; + + //MultiMedia + @import "./components/multimedia/_galleria"; + @import "./components/multimedia/_image"; + + //Misc + @import "./components/misc/_avatar"; + @import "./components/misc/_badge"; + @import "./components/misc/_blockui"; + @import "./components/misc/_chip"; + @import "./components/misc/_inplace"; + @import "./components/misc/_metergroup"; + @import "./components/misc/_progressbar"; + @import "./components/misc/_progressspinner"; + @import "./components/misc/_ripple"; + @import "./components/misc/_scrolltop"; + @import "./components/misc/_skeleton"; + @import "./components/misc/_tag"; + @import "./components/misc/_terminal"; +} diff --git a/frontend/public/primevue-sass-theme/theme-base/_mixins.scss b/frontend/public/primevue-sass-theme/theme-base/_mixins.scss new file mode 100644 index 0000000..0a63f64 --- /dev/null +++ b/frontend/public/primevue-sass-theme/theme-base/_mixins.scss @@ -0,0 +1,278 @@ +@mixin icon-override($icon) { + &:before { + content: $icon; + } +} + +@mixin focused() { + outline: $focusOutline; + outline-offset: $focusOutlineOffset; + box-shadow: $focusShadow; +} + +@mixin focused-inset() { + outline: $focusOutline; + outline-offset: -1 * $focusOutlineOffset; + box-shadow: inset $focusShadow; +} + +@mixin focused-input() { + outline: $focusOutline; + outline-offset: $inputFocusOutlineOffset; + box-shadow: $focusShadow; + border-color: $inputFocusBorderColor; +} + +@mixin focused-listitem() { + outline: $focusOutline; + outline-offset: $focusOutlineOffset; + box-shadow: $inputListItemFocusShadow; +} + +@mixin invalid-input() { + border-color: $inputErrorBorderColor; +} + +@mixin menuitem { + margin: $inputListItemMargin; + + &:first-child { + margin-top: 0; + } + + &:last-child { + margin-bottom: 0; + } + + > .p-menuitem-content { + color: $menuitemTextColor; + transition: $listItemTransition; + border-radius: $menuitemBorderRadius; + + .p-menuitem-link { + color: $menuitemTextColor; + padding: $menuitemPadding; + user-select: none; + + .p-menuitem-text { + color: $menuitemTextColor; + } + + .p-menuitem-icon { + color: $menuitemIconColor; + margin-right: $inlineSpacing; + } + + .p-submenu-icon { + color: $menuitemIconColor; + } + } + } + + &.p-highlight { + > .p-menuitem-content { + color: $menuitemTextActiveColor; + background: $menuitemActiveBg; + + .p-menuitem-link { + .p-menuitem-text { + color: $menuitemTextActiveColor; + } + + .p-menuitem-icon, .p-submenu-icon { + color: $menuitemIconActiveColor; + } + } + } + + &.p-focus { + > .p-menuitem-content { + background: $menuitemActiveFocusBg; + } + } + } + + &:not(.p-highlight):not(.p-disabled) { + &.p-focus { + > .p-menuitem-content { + color: $menuitemTextHoverColor; + background: $menuitemHoverBg; + + .p-menuitem-link { + .p-menuitem-text { + color: $menuitemTextHoverColor; + } + + .p-menuitem-icon, .p-submenu-icon { + color: $menuitemTextHoverColor; + } + } + + &:hover { + color: $menuitemTextHoverColor; + background: $menuitemHoverBg; + + .p-menuitem-link { + .p-menuitem-text { + color: $menuitemTextHoverColor; + } + + .p-menuitem-icon, .p-submenu-icon { + color: $menuitemIconHoverColor; + } + } + } + } + } + + > .p-menuitem-content { + &:hover { + color: $menuitemTextHoverColor; + background: $menuitemHoverBg; + + .p-menuitem-link { + .p-menuitem-text { + color: $menuitemTextHoverColor; + } + + .p-menuitem-icon, .p-submenu-icon { + color: $menuitemIconHoverColor; + } + } + } + } + } +} + +@mixin horizontal-rootmenuitem { + > .p-menuitem-content { + color: $horizontalMenuRootMenuitemTextColor; + transition: $listItemTransition; + border-radius: $horizontalMenuRootMenuitemBorderRadius; + + .p-menuitem-link { + padding: $horizontalMenuRootMenuitemPadding; + user-select: none; + + .p-menuitem-text { + color: $horizontalMenuRootMenuitemTextColor; + } + + .p-menuitem-icon { + color: $horizontalMenuRootMenuitemIconColor; + margin-right: $inlineSpacing; + } + + .p-submenu-icon { + color: $horizontalMenuRootMenuitemIconColor; + margin-left: $inlineSpacing; + } + } + } + + &:not(.p-highlight):not(.p-disabled) { + > .p-menuitem-content { + &:hover { + color: $horizontalMenuRootMenuitemTextHoverColor; + background: $horizontalMenuRootMenuitemHoverBg; + + .p-menuitem-link { + .p-menuitem-text { + color: $horizontalMenuRootMenuitemTextHoverColor; + } + + .p-menuitem-icon, .p-submenu-icon { + color: $horizontalMenuRootMenuitemIconHoverColor; + } + } + } + } + } +} + +@mixin placeholder { + ::-webkit-input-placeholder { + @content + } + :-moz-placeholder { + @content + } + ::-moz-placeholder { + @content + } + :-ms-input-placeholder { + @content + } +} + +@mixin scaledPadding($val, $scale) { + padding: nth($val, 1) * $scale nth($val, 2) * $scale; +} + +@mixin scaledFontSize($val, $scale) { + font-size: $val * $scale; +} + +@mixin nested-submenu-indents($val, $index, $length) { + .p-submenu-list { + .p-menuitem { + .p-menuitem-content { + .p-menuitem-link { + padding-left: $val * ($index + 1); + } + + } + @if $index < $length { + @include nested-submenu-indents($val, $index + 2, $length); + } + } + } +} + +@mixin action-icon($enabled: true) { + width: $actionIconWidth; + height: $actionIconHeight; + color: $actionIconColor; + border: $actionIconBorder; + background: $actionIconBg; + border-radius: $actionIconBorderRadius; + transition: $actionIconTransition; + outline-color: transparent; + + @if $enabled { + &:enabled:hover { + @include action-icon-hover(); + } + } @else { + &:hover { + @include action-icon-hover(); + } + } + + &:focus-visible { + @include focused(); + } +} + +@mixin action-icon-hover() { + color: $actionIconHoverColor; + border-color: $actionIconHoverBorderColor; + background: $actionIconHoverBg; +} + +@mixin button-states { + //