Update link font weight, update dropdown of hero

primefaces · Nov 20, 2023 · 797649e · 797649e
1 parent 4613f1f
commit 797649e
Show file tree

Hide file tree

Showing 9 changed files with 17 additions and 22 deletions.
diff --git a/components/doc/chart/accessibilitydoc.js b/components/doc/chart/accessibilitydoc.js
@@ -19,7 +19,7 @@ export function AccessibilityDoc() {
                 <h3>Screen Reader</h3>
                 <p>
                     Chart components internally use <i>canvas</i> element, refer to the{' '}
-                    <a className="text-primary hover:underline font-semibold" href="https://www.chartjs.org/docs/latest/general/accessibility.html">
+                    <a className="text-primary hover:underline font-medium" 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

diff --git a/components/landing/herosection.js b/components/landing/herosection.js
@@ -130,12 +130,12 @@ const HeroSection = () => {
                     <div className="flex">
                         <div className="flex flex-column w-6 gap-5 pt-8 pr-3">
                             <div className="box p-4 fadein animation-duration-500">
-                                <div className="flex gap-3">
+                                <div className="flex gap-2">
                                     <div className="w-6rem">
                                         <span className="text-secondary font-semibold block mb-3">Amount</span>
                                         <InputNumber value={value1} mode="currency" currency="USD" locale="en-US" className="w-full" inputClassName="w-full" onValueChange={(e) => setValue1(e.value)} />
                                     </div>
-                                    <div className="flex-1">
+                                    <div className="flex-auto" style={{ width: '1%' }}>
                                         <span className="text-secondary font-semibold block mb-3">Beneficiary</span>
                                         <Dropdown value={user} onChange={(e) => setUser(e.value)} options={users} optionLabel="name" placeholder="Select a User" className="w-full" itemTemplate={userTemplate} />
                                     </div>

diff --git a/pages/bootstrap/index.js b/pages/bootstrap/index.js
@@ -18,7 +18,7 @@ const BootstrapDemo = () => {
     ];
 
     const description = `
-    <a href="https://getbootstrap.com" className="font-semibold hover:underline text-primary">Bootstrap</a>
+    <a href="https://getbootstrap.com" className="font-medium hover:underline text-primary">Bootstrap</a>
     is a well-known CSS library to build responsive and mobile first web projects.
     `;
 

diff --git a/pages/bulma/index.js b/pages/bulma/index.js
@@ -18,7 +18,7 @@ const BulmaDemo = () => {
     ];
 
     const description = `
-    <a href="https://bulma.io/" className="font-semibold hover:underline text-primary">Bulma</a> is a free, open source framework that provides ready-to-use frontend components and utilities.
+    <a href="https://bulma.io/" className="font-medium hover:underline text-primary">Bulma</a> is a free, open source framework that provides ready-to-use frontend components and utilities.
     `;
 
     return <DocComponent title="Bulma - PrimeReact" header="Bulma" description={description} componentDocs={docs} hideTabMenu></DocComponent>;

diff --git a/pages/roadmap/index.js b/pages/roadmap/index.js
@@ -1,5 +1,4 @@
 import Head from 'next/head';
-import React from 'react';
 
 const Roadmap = () => {
     return (
@@ -16,7 +15,7 @@ const Roadmap = () => {
                 <h1>Roadmap</h1>
                 <p>
                     At{' '}
-                    <a href="https://www.primetek.com.tr/" className="font-semibold hover:underline text-primary">
+                    <a href="https://www.primetek.com.tr/" className="font-medium hover:underline text-primary">
                         PrimeTek
                     </a>
                     , we are passionate about improving PrimeReact 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

diff --git a/pages/support/index.js b/pages/support/index.js
@@ -1,5 +1,3 @@
-import React from 'react';
-
 const SupportPage = () => {
     return (
         <div>
@@ -10,11 +8,11 @@ const SupportPage = () => {
                     <i className="pi pi-github absolute text-200" style={{ bottom: '-50px', right: '-50px', fontSize: '200px', transform: 'rotateX(45deg) rotateY(0deg) rotateZ(-45deg)' }}></i>
                     <div className="text-2xl text-900 font-semibold mb-3 relative">Community Support</div>
                     <p className="m-0 line-height-3 relative text-lg text-800">
-                        <a href="https://github.com/orgs/primefaces/discussions" className="text-primary hover:underline font-semibold">
+                        <a href="https://github.com/orgs/primefaces/discussions" className="text-primary hover:underline font-medium">
                             Forum
                         </a>{' '}
                         and{' '}
-                        <a href="https://discord.gg/gzKFYnpmCY" className="text-primary hover:underline font-semibold">
+                        <a href="https://discord.gg/gzKFYnpmCY" className="text-primary hover:underline font-medium">
                             Discord
                         </a>{' '}
                         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

diff --git a/pages/team/index.js b/pages/team/index.js
@@ -1,28 +1,26 @@
-import React from 'react';
-
 const TemplatesPage = () => {
     return (
         <div>
             <div className="doc-intro">
                 <h1>Meet the Team</h1>
                 <p>
-                    <a href="https://www.primetek.com.tr" className="text-primary hover:underline font-semibold">
+                    <a href="https://www.primetek.com.tr" className="text-primary hover:underline font-medium">
                         PrimeTek
                     </a>{' '}
                     is a world renowned vendor of popular UI Component suites including{' '}
-                    <a href="https://primefaces.org" className="text-primary hover:underline font-semibold">
+                    <a href="https://primefaces.org" className="text-primary hover:underline font-medium">
                         PrimeFaces
                     </a>
                     ,{' '}
-                    <a href="https://primeng.org" className="text-primary hover:underline font-semibold">
+                    <a href="https://primeng.org" className="text-primary hover:underline font-medium">
                         PrimeNG
                     </a>
                     ,{' '}
-                    <a href="https://primereact.org" className="text-primary hover:underline font-semibold">
+                    <a href="https://primereact.org" className="text-primary hover:underline font-medium">
                         PrimeReact
                     </a>{' '}
                     and{' '}
-                    <a href="https://primevue.org" className="text-primary hover:underline font-semibold">
+                    <a href="https://primevue.org" className="text-primary hover:underline font-medium">
                         PrimeVue
                     </a>
                     . 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.

diff --git a/pages/uikit/index.js b/pages/uikit/index.js
@@ -152,7 +152,7 @@ const UIKitPage = (props) => {
                     <div className="card mb-5" style={{ borderRadius: '50px' }}>
                         <div className="text-900 font-bold text-5xl mb-3 text-center">Pricing</div>
                         <div className="mb-2 text-center line-height-3 text-lg">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.</div>
-                        <a href="https://www.primefaces.org/uikit/licenses" className="mb-6 text-primary hover:underline font-semibold text-center block text-lg">
+                        <a href="https://www.primefaces.org/uikit/licenses" className="mb-6 text-primary hover:underline font-medium text-center block text-lg">
                             View License Details
                         </a>
 
@@ -313,7 +313,7 @@ const UIKitPage = (props) => {
                                 <div className="text-xl text-900 line-height-3 mb-2 text-900">We're a reseller, are we able to purchase a license on behalf of our client?</div>
                                 <p className="mt-0 mb-6 p-0 line-height-3 text-lg">
                                     Yes, after the purchase, please{' '}
-                                    <a href="mailto:[email protected]" className="text-primary hover:underline font-semibold">
+                                    <a href="mailto:[email protected]" className="text-primary hover:underline font-medium">
                                         contact us
                                     </a>{' '}
                                     so we can transfer the license to your client.
@@ -332,7 +332,7 @@ const UIKitPage = (props) => {
                                 <div className="text-xl text-900 line-height-3 mb-2 text-900">How can I get support?</div>
                                 <p className="mt-0 mb-6 p-0 line-height-3 text-lg">
                                     Support is provided by PrimeTek via
-                                    <a href="https://github.com/orgs/primefaces/discussions/categories/figma-ui-kit" className="text-primary hover:underline font-semibold">
+                                    <a href="https://github.com/orgs/primefaces/discussions/categories/figma-ui-kit" className="text-primary hover:underline font-medium">
                                         a dedicated forum channel monitored
                                     </a>{' '}
                                     by PrimeTek support staff.

diff --git a/styles/layout/_doc.scss b/styles/layout/_doc.scss
@@ -126,7 +126,7 @@
 
         a {
             color: var(--primary-color);
-            font-weight: 600;
+            font-weight: 500;
             transition: all .2s;
             border-radius: var(--border-radius);
             @include focus-visible();