Skip to content
This repository has been archived by the owner on Feb 12, 2024. It is now read-only.

Commit

Permalink
Merge branch 'master' of https://github.com/primefaces/primeng
Browse files Browse the repository at this point in the history
  • Loading branch information
@mehmetcetin01140
mehmetcetin01140 committed Nov 27, 2023
2 parents 2725692 + 027e4b3 commit bf48e5e
Show file tree
Hide file tree
Showing 13 changed files with 215 additions and 122 deletions.
2 changes: 1 addition & 1 deletion src/app/showcase/doc/chart/accessibilitydoc.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ import { Code } from '../../domain/code';
<div class="doc-section-description">
<h3>Screen Reader</h3>
<p>
Chart components internally use <i>canvas</i> element, refer to the <a class="text-primary hover:underline font-semibold" href="https://www.chartjs.org/docs/latest/general/accessibility.html">Chart.js accessibility</a> guide for
Chart components internally use <i>canvas</i> element, refer to the <a class="text-primary font-medium hover:underline" href="https://www.chartjs.org/docs/latest/general/accessibility.html">Chart.js accessibility</a> guide for
more information. The canvas element can be customized with <i>canvasProps</i> 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.
</p>
Expand Down
2 changes: 1 addition & 1 deletion src/app/showcase/doc/theming/architecturedoc.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import { Component } from '@angular/core';
selector: 'architecture-doc',
template: `
<app-docsectiontext>
<p class="line-height-3 bg-indigo-600 text-white p-3 text-lg" style="border-radius: 10px">
<p class="notification">
<strong>Note</strong>: 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
<strong>Unstyled</strong> 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.
</p>
Expand Down
115 changes: 80 additions & 35 deletions src/app/showcase/pages/lts/lts.component.html
View file

Large diffs are not rendered by default.

40 changes: 28 additions & 12 deletions src/app/showcase/pages/roadmap/roadmap.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,11 @@
<div class="doc-intro">
<h1>Roadmap</h1>
<p>
At <a href="https://www.primetek.com.tr/" class="font-semibold hover:underline text-primary">PrimeTek</a>, we are passionate about improving PrimeNG and
At <a href="https://www.primetek.com.tr/" class="text-primary font-medium hover:underline">PrimeTek</a>, 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.
</p>
</div>

Expand All @@ -19,7 +21,9 @@ <h1>Roadmap</h1>
</div>
<div class="flex flex-column gap-3">
<div class="flex gap-3 border-bottom-1 surface-border pb-3">
<div class="flex-shrink-0 p-3 bg-blue-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">COMPONENTS</div>
<div
class="flex-shrink-0 p-3 bg-blue-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">
COMPONENTS</div>
<div class="flex-1 flex gap-3 flex-column">
<div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
<h2 class="text-lg font-bold mt-0 mb-2">Typings</h2>
Expand All @@ -32,7 +36,8 @@ <h2 class="text-lg font-bold mt-0 mb-2">Typings</h2>
<div class="flex-1 flex gap-3 flex-column">
<div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
<h2 class="text-lg font-bold mt-0 mb-2">Accessibility - I</h2>
<p class="mt-0 mb-3 line-height-3">Initiate WCAG Level AA compliance using PrimeVue as the reference implementation.</p>
<p class="mt-0 mb-3 line-height-3">Initiate WCAG Level AA compliance using PrimeVue as the
reference implementation.</p>
<div class="surface-200 border-round">
<div class="bg-blue-500 border-round" style="width: 100%; height: 4px"></div>
</div>
Expand All @@ -41,7 +46,8 @@ <h2 class="text-lg font-bold mt-0 mb-2">Accessibility - I</h2>
<div class="flex-1 flex gap-3 flex-column">
<div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
<h2 class="text-lg font-bold mt-0 mb-2">Accessibility - II</h2>
<p class="mt-0 mb-3 line-height-3">Finalize WCAG Level AA compliance for all components with screen reader and keyboard support based on community feedback and audit tools.</p>
<p class="mt-0 mb-3 line-height-3">Finalize WCAG Level AA compliance for all components with
screen reader and keyboard support based on community feedback and audit tools.</p>
<div class="surface-200 border-round">
<div class="bg-blue-500 border-round" style="width: 90%; height: 4px"></div>
</div>
Expand All @@ -57,7 +63,8 @@ <h2 class="text-lg font-bold mt-0 mb-2">New Design Tokens</h2>
<div class="flex-1 flex gap-3 flex-column">
<div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
<h2 class="text-lg font-bold mt-0 mb-2">CSS Variables</h2>
<p class="mt-0 mb-3 line-height-3">Implement design tokens as CSS variables instead of SCSS.</p>
<p class="mt-0 mb-3 line-height-3">Implement design tokens as CSS variables instead of SCSS.
</p>
<div class="surface-200 border-round">
<div class="bg-blue-500 border-round" style="width: 0%; height: 4px"></div>
</div>
Expand All @@ -71,22 +78,26 @@ <h2 class="text-lg font-bold mt-0 mb-2">New Styled Mode</h2>
</div>
<div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
<h2 class="text-lg font-bold mt-0 mb-2">Pass Through Props</h2>
<p class="mt-0 mb-3 line-height-3"> Initate the implementation of Pass Through Props to provide advanced control over component internals.</p>
<p class="mt-0 mb-3 line-height-3"> Initate the implementation of Pass Through Props to
provide advanced control over component internals.</p>
<div class="surface-200 border-round">
<div class="bg-blue-500 border-round" style="width: 0%; height: 4px"></div>
</div>
</div>
<div class="p-3 surface-card border-round border-blue-500" style="border-left: 6px solid">
<h2 class="text-lg font-bold mt-0 mb-2">Unstyled Mode</h2>
<p class="mt-0 mb-3 line-height-3">Implementation of the Unstyled Mode to support libraries like Tailwind.</p>
<p class="mt-0 mb-3 line-height-3">Implementation of the Unstyled Mode to support libraries
like Tailwind.</p>
<div class="surface-200 border-round">
<div class="bg-blue-500 border-round" style="width: 0%; height: 4px"></div>
</div>
</div>
</div>
</div>
<div class="flex gap-3 border-bottom-1 surface-border pb-3">
<div class="flex-shrink-0 p-3 bg-indigo-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">Figma UI Kit</div>
<div
class="flex-shrink-0 p-3 bg-indigo-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">
Figma UI Kit</div>
<div class="flex-1 flex gap-3 flex-column"></div>
<div class="flex-1 flex gap-3 flex-column">
<div class="p-3 surface-card border-round border-indigo-500" style="border-left: 6px solid">
Expand Down Expand Up @@ -117,7 +128,9 @@ <h2 class="text-lg font-bold mt-0 mb-2">Tokens</h2>
</div>
</div>
<div class="flex gap-3 border-bottom-1 surface-border pb-3">
<div class="flex-shrink-0 p-3 bg-teal-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">SHOWCASE</div>
<div
class="flex-shrink-0 p-3 bg-teal-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">
SHOWCASE</div>
<div class="flex-1 flex gap-3 flex-column">
<div class="p-3 surface-card border-round border-teal-500" style="border-left: 6px solid">
<h2 class="text-lg font-bold mt-0 mb-2">Demos</h2>
Expand Down Expand Up @@ -158,7 +171,9 @@ <h2 class="text-lg font-bold mt-0 mb-2">Blocks Update</h2>
</div>
</div>
<div class="flex gap-3 border-bottom-1 surface-border pb-3">
<div class="flex-shrink-0 p-3 bg-pink-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">Designer</div>
<div
class="flex-shrink-0 p-3 bg-pink-500 text-white border-round font-bold text-lg flex align-items-center justify-content-center w-14rem">
Designer</div>
<div class="flex-1 flex gap-3 flex-column">
<div class="p-3 surface-card border-round border-pink-500" style="border-left: 6px solid">
<h2 class="text-lg font-bold mt-0 mb-2">Open Source Designer</h2>
Expand All @@ -173,7 +188,8 @@ <h2 class="text-lg font-bold mt-0 mb-2">Open Source Designer</h2>
<div class="flex-1 flex gap-3 flex-column">
<div class="p-3 surface-card border-round border-pink-500" style="border-left: 6px solid">
<h2 class="text-lg font-bold mt-0 mb-2">New UI Based Theme Editor</h2>
<p class="mt-0 mb-3 line-height-3">Advanced Theme Editor with full control over the Theming API.</p>
<p class="mt-0 mb-3 line-height-3">Advanced Theme Editor with full control over the Theming
API.</p>
<div class="surface-200 border-round">
<div class="bg-pink-500 border-round" style="width: 0%; height: 4px"></div>
</div>
Expand Down
Loading

0 comments on commit bf48e5e

Please sign in to comment.