Merge branch 'prod'

pull/5513/head
Cagatay Civici 2024-04-02 13:49:03 +03:00
commit d51f7180c7
3 changed files with 13 additions and 6 deletions

View File

@ -1,8 +1,8 @@
{ {
"id": 52, "id": 55,
"content": "Tailwind Presets for Unstyled PrimeVue", "content": "🎉 v4.0.0-beta.1 is out with the new Styled Mode",
"linkText": "Learn More", "linkText": "Learn More",
"linkHref": "http://tailwind.primevue.org", "linkHref": "http://v4.primevue.org",
"backgroundStyle": "background-color:var(--primary-color)", "backgroundStyle": "background-color:var(--primary-color)",
"textStyle": "color:var(--primary-color-text);font-weight:500", "textStyle": "color:var(--primary-color-text);font-weight:500",
"linkStyle": "color:var(--primary-color-text);font-weight:700;text-decoration: underline;" "linkStyle": "color:var(--primary-color-text);font-weight:700;text-decoration: underline;"

View File

@ -1,6 +1,8 @@
<template> <template>
<DocSectionText v-bind="$attrs"> <DocSectionText v-bind="$attrs">
<p class="notification"><strong>Note</strong>: By the end of Q1 2024, PrimeVue v4 will be introduced with a modern theming architecture based on design tokens and css variables.</p> <p class="notification">
<strong>Note</strong>: PrimeVue v4 has a brand new styled mode implementation, visit the <a href="https://v4.primevue.org/theming/styled" target="_blank" rel="noopener noreferrer">v4 documentation</a> for more information.
</p>
<p> <p>
PrimeVue is a design agnostic library so unlike other UI libraries it does not enforce a certain styling such as material or bootstrap. In order to achieve this, styling has been separated into two parts, core and theme. The core resides PrimeVue is a design agnostic library so unlike other UI libraries it does not enforce a certain styling such as material or bootstrap. In order to achieve this, styling has been separated into two parts, core and theme. The core resides
inside PrimeVue to implement the structure of the components such as positioning whereas theme brings the colors and spacing. inside PrimeVue to implement the structure of the components such as positioning whereas theme brings the colors and spacing.

View File

@ -115,7 +115,7 @@
style="max-width: 8rem" style="max-width: 8rem"
class="px-link flex align-items-center surface-card h-2rem px-2 border-1 border-solid surface-border transition-all transition-duration-300 hover:border-primary" class="px-link flex align-items-center surface-card h-2rem px-2 border-1 border-solid surface-border transition-all transition-duration-300 hover:border-primary"
> >
<span class="text-900 block white-space-nowrap overflow-hidden"> {{ versions[0].version }}</span> <span class="text-900 block white-space-nowrap overflow-hidden"> {{ versions[1].version }}</span>
<span class="ml-2 pi pi-angle-down text-600"></span> <span class="ml-2 pi pi-angle-down text-600"></span>
</button> </button>
@ -166,10 +166,15 @@ export default {
data() { data() {
return { return {
versions: [ versions: [
{
name: 'v4',
version: 'v4-beta.1',
url: 'https://v4.primevue.org'
},
{ {
name: 'v3', name: 'v3',
version: pkg.version, version: pkg.version,
url: 'https://www.primevue.org' url: 'https://primevue.org'
}, },
{ {
name: 'v2', name: 'v2',