From 60193987efca1c4c41433dcf41a8a99d00ef29e7 Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Wed, 17 Jan 2024 22:56:22 +0300 Subject: [PATCH] Merge aura branch, adds new theme and minor showcase cosmetics --- assets/styles/layout/_config.scss | 10 - assets/styles/layout/_core.scss | 18 +- assets/styles/layout/_doc.scss | 6 +- .../styles/layout/variables/main/_dark.scss | 4 +- .../styles/layout/variables/main/_light.scss | 6 +- components/lib/utils/DomHandler.js | 4 +- doc/carousel/VerticalDoc.vue | 8 +- layouts/AppConfigurator.vue | 145 +- .../fonts/Inter-italic.var.woff2 | Bin 0 -> 245036 bytes .../fonts/Inter-roman.var.woff2 | Bin 0 -> 227180 bytes public/themes/aura-dark-amber/theme.css | 6982 ++++++++++++++++ .../fonts/Inter-italic.var.woff2 | Bin 0 -> 245036 bytes .../fonts/Inter-roman.var.woff2 | Bin 0 -> 227180 bytes public/themes/aura-dark-blue/theme.css | 6982 ++++++++++++++++ .../fonts/Inter-italic.var.woff2 | Bin 0 -> 245036 bytes .../fonts/Inter-roman.var.woff2 | Bin 0 -> 227180 bytes public/themes/aura-dark-cyan/theme.css | 6982 ++++++++++++++++ .../fonts/Inter-italic.var.woff2 | Bin 0 -> 245036 bytes .../fonts/Inter-roman.var.woff2 | Bin 0 -> 227180 bytes public/themes/aura-dark-green/theme.css | 6982 ++++++++++++++++ .../fonts/Inter-italic.var.woff2 | Bin 0 -> 245036 bytes .../fonts/Inter-roman.var.woff2 | Bin 0 -> 227180 bytes public/themes/aura-dark-indigo/theme.css | 6982 ++++++++++++++++ .../fonts/Inter-italic.var.woff2 | Bin 0 -> 245036 bytes .../fonts/Inter-roman.var.woff2 | Bin 0 -> 227180 bytes public/themes/aura-dark-lime/theme.css | 6982 ++++++++++++++++ .../fonts/Inter-italic.var.woff2 | Bin 0 -> 245036 bytes .../fonts/Inter-roman.var.woff2 | Bin 0 -> 227180 bytes public/themes/aura-dark-noir/theme.css | 6982 ++++++++++++++++ .../fonts/Inter-italic.var.woff2 | Bin 0 -> 245036 bytes .../fonts/Inter-roman.var.woff2 | Bin 0 -> 227180 bytes public/themes/aura-dark-pink/theme.css | 6982 ++++++++++++++++ .../fonts/Inter-italic.var.woff2 | Bin 0 -> 245036 bytes .../fonts/Inter-roman.var.woff2 | Bin 0 -> 227180 bytes public/themes/aura-dark-purple/theme.css | 6982 ++++++++++++++++ .../fonts/Inter-italic.var.woff2 | Bin 0 -> 245036 bytes .../fonts/Inter-roman.var.woff2 | Bin 0 -> 227180 bytes public/themes/aura-dark-teal/theme.css | 6982 ++++++++++++++++ .../fonts/Inter-italic.var.woff2 | Bin 0 -> 245036 bytes .../fonts/Inter-roman.var.woff2 | Bin 0 -> 227180 bytes public/themes/aura-light-amber/theme.css | 6984 ++++++++++++++++ .../fonts/Inter-italic.var.woff2 | Bin 0 -> 245036 bytes .../fonts/Inter-roman.var.woff2 | Bin 0 -> 227180 bytes public/themes/aura-light-blue/theme.css | 6984 ++++++++++++++++ .../fonts/Inter-italic.var.woff2 | Bin 0 -> 245036 bytes .../fonts/Inter-roman.var.woff2 | Bin 0 -> 227180 bytes public/themes/aura-light-cyan/theme.css | 6984 ++++++++++++++++ .../fonts/Inter-italic.var.woff2 | Bin 0 -> 245036 bytes .../fonts/Inter-roman.var.woff2 | Bin 0 -> 227180 bytes public/themes/aura-light-green/theme.css | 6984 ++++++++++++++++ .../fonts/Inter-italic.var.woff2 | Bin 0 -> 245036 bytes .../fonts/Inter-roman.var.woff2 | Bin 0 -> 227180 bytes public/themes/aura-light-indigo/theme.css | 6984 ++++++++++++++++ .../fonts/Inter-italic.var.woff2 | Bin 0 -> 245036 bytes .../fonts/Inter-roman.var.woff2 | Bin 0 -> 227180 bytes public/themes/aura-light-lime/theme.css | 6984 ++++++++++++++++ .../fonts/Inter-italic.var.woff2 | Bin 0 -> 245036 bytes .../fonts/Inter-roman.var.woff2 | Bin 0 -> 227180 bytes public/themes/aura-light-noir/theme.css | 6992 +++++++++++++++++ .../fonts/Inter-italic.var.woff2 | Bin 0 -> 245036 bytes .../fonts/Inter-roman.var.woff2 | Bin 0 -> 227180 bytes public/themes/aura-light-pink/theme.css | 6984 ++++++++++++++++ .../fonts/Inter-italic.var.woff2 | Bin 0 -> 245036 bytes .../fonts/Inter-roman.var.woff2 | Bin 0 -> 227180 bytes public/themes/aura-light-purple/theme.css | 6984 ++++++++++++++++ .../fonts/Inter-italic.var.woff2 | Bin 0 -> 245036 bytes .../fonts/Inter-roman.var.woff2 | Bin 0 -> 227180 bytes public/themes/aura-light-teal/theme.css | 6984 ++++++++++++++++ 68 files changed, 139835 insertions(+), 34 deletions(-) create mode 100644 public/themes/aura-dark-amber/fonts/Inter-italic.var.woff2 create mode 100644 public/themes/aura-dark-amber/fonts/Inter-roman.var.woff2 create mode 100644 public/themes/aura-dark-amber/theme.css create mode 100644 public/themes/aura-dark-blue/fonts/Inter-italic.var.woff2 create mode 100644 public/themes/aura-dark-blue/fonts/Inter-roman.var.woff2 create mode 100644 public/themes/aura-dark-blue/theme.css create mode 100644 public/themes/aura-dark-cyan/fonts/Inter-italic.var.woff2 create mode 100644 public/themes/aura-dark-cyan/fonts/Inter-roman.var.woff2 create mode 100644 public/themes/aura-dark-cyan/theme.css create mode 100644 public/themes/aura-dark-green/fonts/Inter-italic.var.woff2 create mode 100644 public/themes/aura-dark-green/fonts/Inter-roman.var.woff2 create mode 100644 public/themes/aura-dark-green/theme.css create mode 100644 public/themes/aura-dark-indigo/fonts/Inter-italic.var.woff2 create mode 100644 public/themes/aura-dark-indigo/fonts/Inter-roman.var.woff2 create mode 100644 public/themes/aura-dark-indigo/theme.css create mode 100644 public/themes/aura-dark-lime/fonts/Inter-italic.var.woff2 create mode 100644 public/themes/aura-dark-lime/fonts/Inter-roman.var.woff2 create mode 100644 public/themes/aura-dark-lime/theme.css create mode 100644 public/themes/aura-dark-noir/fonts/Inter-italic.var.woff2 create mode 100644 public/themes/aura-dark-noir/fonts/Inter-roman.var.woff2 create mode 100644 public/themes/aura-dark-noir/theme.css create mode 100644 public/themes/aura-dark-pink/fonts/Inter-italic.var.woff2 create mode 100644 public/themes/aura-dark-pink/fonts/Inter-roman.var.woff2 create mode 100644 public/themes/aura-dark-pink/theme.css create mode 100644 public/themes/aura-dark-purple/fonts/Inter-italic.var.woff2 create mode 100644 public/themes/aura-dark-purple/fonts/Inter-roman.var.woff2 create mode 100644 public/themes/aura-dark-purple/theme.css create mode 100644 public/themes/aura-dark-teal/fonts/Inter-italic.var.woff2 create mode 100644 public/themes/aura-dark-teal/fonts/Inter-roman.var.woff2 create mode 100644 public/themes/aura-dark-teal/theme.css create mode 100644 public/themes/aura-light-amber/fonts/Inter-italic.var.woff2 create mode 100644 public/themes/aura-light-amber/fonts/Inter-roman.var.woff2 create mode 100644 public/themes/aura-light-amber/theme.css create mode 100644 public/themes/aura-light-blue/fonts/Inter-italic.var.woff2 create mode 100644 public/themes/aura-light-blue/fonts/Inter-roman.var.woff2 create mode 100644 public/themes/aura-light-blue/theme.css create mode 100644 public/themes/aura-light-cyan/fonts/Inter-italic.var.woff2 create mode 100644 public/themes/aura-light-cyan/fonts/Inter-roman.var.woff2 create mode 100644 public/themes/aura-light-cyan/theme.css create mode 100644 public/themes/aura-light-green/fonts/Inter-italic.var.woff2 create mode 100644 public/themes/aura-light-green/fonts/Inter-roman.var.woff2 create mode 100644 public/themes/aura-light-green/theme.css create mode 100644 public/themes/aura-light-indigo/fonts/Inter-italic.var.woff2 create mode 100644 public/themes/aura-light-indigo/fonts/Inter-roman.var.woff2 create mode 100644 public/themes/aura-light-indigo/theme.css create mode 100644 public/themes/aura-light-lime/fonts/Inter-italic.var.woff2 create mode 100644 public/themes/aura-light-lime/fonts/Inter-roman.var.woff2 create mode 100644 public/themes/aura-light-lime/theme.css create mode 100644 public/themes/aura-light-noir/fonts/Inter-italic.var.woff2 create mode 100644 public/themes/aura-light-noir/fonts/Inter-roman.var.woff2 create mode 100644 public/themes/aura-light-noir/theme.css create mode 100644 public/themes/aura-light-pink/fonts/Inter-italic.var.woff2 create mode 100644 public/themes/aura-light-pink/fonts/Inter-roman.var.woff2 create mode 100644 public/themes/aura-light-pink/theme.css create mode 100644 public/themes/aura-light-purple/fonts/Inter-italic.var.woff2 create mode 100644 public/themes/aura-light-purple/fonts/Inter-roman.var.woff2 create mode 100644 public/themes/aura-light-purple/theme.css create mode 100644 public/themes/aura-light-teal/fonts/Inter-italic.var.woff2 create mode 100644 public/themes/aura-light-teal/fonts/Inter-roman.var.woff2 create mode 100644 public/themes/aura-light-teal/theme.css diff --git a/assets/styles/layout/_config.scss b/assets/styles/layout/_config.scss index 87ed2e244..ba97708ee 100644 --- a/assets/styles/layout/_config.scss +++ b/assets/styles/layout/_config.scss @@ -5,16 +5,6 @@ .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; - } } } diff --git a/assets/styles/layout/_core.scss b/assets/styles/layout/_core.scss index ab819c5a2..29e10c83b 100644 --- a/assets/styles/layout/_core.scss +++ b/assets/styles/layout/_core.scss @@ -40,31 +40,31 @@ h1, h2, h3, h4, h5, h6 { } h1 { - font-size: 2rem; + font-size: 1.75rem; } h2 { - font-size: 1.5rem; -} - -h3 { font-size: 1.25rem; } -h4 { +h3 { font-size: 1.125rem; } -h5 { +h4 { font-size: 1rem; } -h6 { +h5 { font-size: .875rem; } +h6 { + font-size: .75rem; +} + p { - line-height: 1.75; + line-height: 1.5; margin: 0 0 1rem 0; } diff --git a/assets/styles/layout/_doc.scss b/assets/styles/layout/_doc.scss index a7c30bcff..92fbef87f 100644 --- a/assets/styles/layout/_doc.scss +++ b/assets/styles/layout/_doc.scss @@ -78,7 +78,7 @@ p { font-size: 1.125rem; - color: var(--surface-900); + color: var(--text-color); margin: 0; a { @@ -119,8 +119,8 @@ .doc-section-description { > p { - font-size: 1.125rem; - color: var(--surface-900); + font-size: 1rem; + color: var(--text-color); i { border-radius: 6px; diff --git a/assets/styles/layout/variables/main/_dark.scss b/assets/styles/layout/variables/main/_dark.scss index 6ee9f4868..22fddaaa1 100644 --- a/assets/styles/layout/variables/main/_dark.scss +++ b/assets/styles/layout/variables/main/_dark.scss @@ -12,6 +12,6 @@ --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); + --doc-highlight-text-bg: var(--surface-800); + --doc-highlight-text-color: var(--surface-400); } \ No newline at end of file diff --git a/assets/styles/layout/variables/main/_light.scss b/assets/styles/layout/variables/main/_light.scss index 6b52456bf..d19fde4e3 100644 --- a/assets/styles/layout/variables/main/_light.scss +++ b/assets/styles/layout/variables/main/_light.scss @@ -4,7 +4,7 @@ --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-image: url(https://www.primefaces.org/cdn/primevue/images/layout/pattern.png); --glow-blend: hard-light, multiply; --topbar-border: rgba(0,0,0,.05); --mobile-menu-bg: var(--surface-overlay); @@ -12,6 +12,6 @@ --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); + --doc-highlight-text-bg: var(--surface-200); + --doc-highlight-text-color: var(--surface-700); } \ No newline at end of file diff --git a/components/lib/utils/DomHandler.js b/components/lib/utils/DomHandler.js index fbf6fd368..45e5d5dbe 100755 --- a/components/lib/utils/DomHandler.js +++ b/components/lib/utils/DomHandler.js @@ -310,6 +310,7 @@ export default { if (targetOffset.top + targetOuterHeight + elementOuterHeight > viewport.height) { top = targetOffset.top + windowScrollTop - elementOuterHeight; element.style.transformOrigin = 'bottom'; + element.style.marginTop = 'calc(var(--p-anchor-gutter) * -1)'; if (top < 0) { top = windowScrollTop; @@ -317,6 +318,7 @@ export default { } else { top = targetOuterHeight + targetOffset.top + windowScrollTop; element.style.transformOrigin = 'top'; + element.style.marginTop = 'calc(var(--p-anchor-gutter))'; } if (targetOffset.left + elementOuterWidth > viewport.width) left = Math.max(0, targetOffset.left + windowScrollLeft + targetOuterWidth - elementOuterWidth); @@ -395,7 +397,7 @@ export default { getParentNode(element) { let parent = element?.parentNode; - if (parent && parent instanceof ShadowRoot && parent.host) { + if (parent && parent.host) { parent = parent.host; } diff --git a/doc/carousel/VerticalDoc.vue b/doc/carousel/VerticalDoc.vue index 674299d86..8a4797201 100644 --- a/doc/carousel/VerticalDoc.vue +++ b/doc/carousel/VerticalDoc.vue @@ -4,7 +4,7 @@
- +