@adcops/autocore-react 3.3.59 → 3.3.63

package/dist/core/AutoCoreTagContext.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import React,{useRef,createContext,useCallback,useContext,useEffect,useMemo,useState}from"react";import{EventEmitterContext}from"./EventEmitterContext";import{MessageType}from"../hub/CommandMessage";export const AutoCoreTagContext=createContext({values:{},rawValues:{},isLoading:!0,write:async()=>{},tap:async()=>{},press:async()=>{},release:async()=>{},scales:{},updateScale:async()=>{},findTagByFqdn:()=>{}});const sleep=e=>new Promise(t=>setTimeout(t,e));export const AutoCoreTagProvider=({children:e,tags:t,scales:a,eagerRead:s=!0})=>{const n=useRef(!1),c=useMemo(()=>({}),[]),r=a??c,{invoke:o,read:l,write:u,serverSubscribe:i,isConnected:f,subscribe:m,unsubscribe:y}=useContext(EventEmitterContext),[b,d]=useState(()=>{const e={};for(const a of t)void 0!==a.initialValue&&(e[a.tagName]=a.initialValue);return e}),[g,p]=useState({}),[v,C]=useState(r),N=useRef(v),h=useRef(b);useEffect(()=>{N.current=v},[v]),useEffect(()=>{h.current=b},[b]);const[T,w]=useState(!0),x=useCallback((e,t)=>{const{valueType:a,scale:s,codec:n}=e;if("number"===a&&"number"==typeof t&&s){const e=N.current[s];return t*(e?.scale??1)}if("json"===a&&n?.fromServer)try{return n.fromServer(t)}catch{}return t},[]),k=useCallback((e,t)=>{const{valueType:a,scale:s,codec:n}=e;if("json"===a&&n?.toServer)try{t=n.toServer(t)}catch{}if("number"===a&&"number"==typeof t&&s){const e=N.current[s];return t/(e?.scale??1)}return t},[]),E=useCallback(e=>{const a=t.filter(t=>t.scale===e);a.length&&p(e=>{const t={...e};for(const e of a){const a=h.current[e.tagName];if("number"!=typeof a)continue;const s=x(e,a);t[e.tagName]!==s&&(t[e.tagName]=s)}return t})},[t,x]),q=useCallback((e,t)=>{d(a=>a[e.tagName]===t?a:{...a,[e.tagName]:t});const a=x(e,t);p(t=>t[e.tagName]===a?t:{...t,[e.tagName]:a})},[x]),M=useCallback(async(e,t,a)=>{const s=a?.concurrency??4,n=a?.minDelayMs??20,c=a?.jitterMs??40;let r=0;const u=Array.from({length:s},()=>(async()=>{for(;;){const a=r++;if(a>=t.length)return;const s=t[a];try{let t=!1;try{await o(s.fqdn,MessageType.Request,{action:"refresh"}),t=!0}catch{}if(!t){const t="GNV"===e.toUpperCase()?{group:"ux"}:{};try{const e=await l(s.fqdn,t);e?.success&&q(s,e.data)}catch(e){}}}catch(e){}finally{const e=Math.floor(Math.random()*c);await sleep(n+e)}}})());await Promise.all(u)},[o,l,q]),S=useCallback(async()=>{for(const[e,t]of Object.entries(r)){if(!t.serverTag)continue;const{domain:a,symbolName:s}=t.serverTag;try{const t=await l(`${a}.${s}`,{group:"ux"});if(t.data&&(t.success??1)&&(t.valid??1)){const a=JSON.parse(t.data);if(a&&"number"==typeof a.scale){const{scale:t,label:s}=a;C(a=>({...a,[e]:{...a[e],scale:t,label:s??a[e]?.label??"---"}})),E(e)}}}catch{}}},[l,r,E]);useEffect(()=>{let e=!0;const a=[],c=async()=>{if(e&&!n.current){n.current=!0;try{await(async()=>{try{await S();for(const n of t){await i(n.tagName,n.fqdn,n.subscriptionOptions);const t=m(n.tagName,t=>{e&&q(n,t)});a.push(t),s&&l(n.fqdn).then(t=>{e&&t?.success&&q(n,t.data)}).catch(e=>{})}}finally{e&&setTimeout(()=>e&&w(!1),100)}})()}finally{e&&setTimeout(()=>e&&w(!1),100)}}};if(f())c();else{const e=m("HUB/connected",()=>{y(e),c()});a.push(e)}return()=>{e=!1,a.forEach(y),n.current=!1}},[m,y,f,o,i,s,t,S,M,q]);const j=useMemo(()=>Object.entries(r).filter(([,e])=>e.serverTag).map(([e,t])=>({scaleName:e,domain:t.serverTag.domain,symbolName:t.serverTag.symbolName})),[r]);useEffect(()=>{let e=!0;const t=[];for(const{scaleName:a,domain:s,symbolName:n}of j){const c=m(`${s}.${n}`,t=>{if(!e)return;const s=t?.value;if(s&&"object"==typeof s&&"number"==typeof s.scale){const{scale:e,label:t}=s;C(s=>({...s,[a]:{...s[a],scale:e,label:t??s[a]?.label??"---"}})),E(a)}});t.push(c)}return()=>{e=!1,t.forEach(y)}},[m,y,j,E]);const R=useCallback(async(e,a)=>{const s=t.find(t=>t.tagName===e);if(!s)return;const n=k(s,a);await u(s.fqdn,n)},[t,u,k]),$=useCallback(async e=>{const a=t.find(t=>t.tagName===e);a&&"boolean"===a.valueType&&(u(a.fqdn,!0).catch(e=>{}),await sleep(300),u(a.fqdn,!1).catch(e=>{}))},[t,u]),V=useCallback(async e=>{const a=t.find(t=>t.tagName===e);a&&"boolean"===a.valueType&&await u(a.fqdn,!0)},[t,u]),A=useCallback(async e=>{const a=t.find(t=>t.tagName===e);a&&"boolean"===a.valueType&&await u(a.fqdn,!1)},[t,u]),O=useCallback(async(e,t,a)=>{const s=v[e];if(s){if(s.serverTag){const n=`${s.serverTag.domain}.${s.serverTag.symbolName}`;await u(n,{name:e,scale:t,label:a})}C(s=>({...s,[e]:{...s[e],scale:t,label:a}})),E(e)}},[v,u,E]);useEffect(()=>{p(e=>{const a={...e};for(const e of t){const t=h.current[e.tagName];if(void 0===t)continue;const s=x(e,t);a[e.tagName]!==s&&(a[e.tagName]=s)}return a})},[t,x,v]);const P=useMemo(()=>{const e=new Map;for(const a of t)e.set(a.fqdn,a);return e},[t]),B=useCallback(e=>P.get(e),[P]),F=useMemo(()=>({values:g,rawValues:b,isLoading:T,write:R,tap:$,press:V,release:A,scales:v,updateScale:O,findTagByFqdn:B}),[g,b,T,R,$,V,A,v,O,B]);return _jsx(AutoCoreTagContext.Provider,{value:F,children:e})};
+import{jsx as _jsx}from"react/jsx-runtime";import React,{useRef,createContext,useCallback,useContext,useEffect,useMemo,useState}from"react";import{EventEmitterContext}from"./EventEmitterContext";import{MessageType}from"../hub/CommandMessage";export const AutoCoreTagContext=createContext({values:{},rawValues:{},isLoading:!0,write:async()=>{},tap:async()=>{},press:async()=>{},release:async()=>{},scales:{},updateScale:async()=>{},findTagByFqdn:()=>{}});const sleep=e=>new Promise(t=>setTimeout(t,e));export const AutoCoreTagProvider=({children:e,tags:t,scales:a,eagerRead:s=!0,flushIntervalMs:n=33})=>{const r=useRef(!1),c=useMemo(()=>({}),[]),o=a??c,{invoke:u,read:l,write:i,serverSubscribe:f,isConnected:m,subscribe:y,unsubscribe:b}=useContext(EventEmitterContext),[d,p]=useState(()=>{const e={};for(const a of t)void 0!==a.initialValue&&(e[a.tagName]=a.initialValue);return e}),[g,v]=useState({}),[C,N]=useState(o),h=useRef(C),w=useRef(d);useEffect(()=>{h.current=C},[C]),useEffect(()=>{w.current=d},[d]);const[T,M]=useState(!0),x=useCallback((e,t)=>{const{valueType:a,scale:s,codec:n}=e;if("number"===a&&"number"==typeof t&&s){const e=h.current[s];return t*(e?.scale??1)}if("json"===a&&n?.fromServer)try{return n.fromServer(t)}catch{}return t},[]),E=useCallback((e,t)=>{const{valueType:a,scale:s,codec:n}=e;if("json"===a&&n?.toServer)try{t=n.toServer(t)}catch{}if("number"===a&&"number"==typeof t&&s){const e=h.current[s];return t/(e?.scale??1)}return t},[]),k=useCallback(e=>{const a=t.filter(t=>t.scale===e);a.length&&v(e=>{const t={...e};for(const e of a){const a=w.current[e.tagName];if("number"!=typeof a)continue;const s=x(e,a);t[e.tagName]!==s&&(t[e.tagName]=s)}return t})},[t,x]),q=useRef(new Map),S=useRef(new Map),j=useRef(null),R=useCallback(()=>{j.current=null;const e=q.current,t=S.current;0===e.size&&0===t.size||(q.current=new Map,S.current=new Map,p(t=>{let a=t;return e.forEach((e,s)=>{a[s]!==e&&(a===t&&(a={...t}),a[s]=e)}),a}),v(e=>{let a=e;return t.forEach((t,s)=>{a[s]!==t&&(a===e&&(a={...e}),a[s]=t)}),a}))},[]),$=useCallback((e,t)=>{const a=x(e,t);if(n<=0)return p(a=>a[e.tagName]===t?a:{...a,[e.tagName]:t}),void v(t=>t[e.tagName]===a?t:{...t,[e.tagName]:a});q.current.set(e.tagName,t),S.current.set(e.tagName,a),null===j.current&&(j.current=setTimeout(R,n))},[x,n,R]);useEffect(()=>()=>{null!==j.current&&(clearTimeout(j.current),j.current=null),q.current=new Map,S.current=new Map},[]);const V=useCallback(async(e,t,a)=>{const s=a?.concurrency??4,n=a?.minDelayMs??20,r=a?.jitterMs??40;let c=0;const o=Array.from({length:s},()=>(async()=>{for(;;){const a=c++;if(a>=t.length)return;const s=t[a];try{let t=!1;try{await u(s.fqdn,MessageType.Request,{action:"refresh"}),t=!0}catch{}if(!t){const t="GNV"===e.toUpperCase()?{group:"ux"}:{};try{const e=await l(s.fqdn,t);e?.success&&$(s,e.data)}catch(e){}}}catch(e){}finally{const e=Math.floor(Math.random()*r);await sleep(n+e)}}})());await Promise.all(o)},[u,l,$]),A=useCallback(async()=>{for(const[e,t]of Object.entries(o)){if(!t.serverTag)continue;const{domain:a,symbolName:s}=t.serverTag;try{const t=await l(`${a}.${s}`,{group:"ux"});if(t.data&&(t.success??1)&&(t.valid??1)){const a=JSON.parse(t.data);if(a&&"number"==typeof a.scale){const{scale:t,label:s}=a;N(a=>({...a,[e]:{...a[e],scale:t,label:s??a[e]?.label??"---"}})),k(e)}}}catch{}}},[l,o,k]);useEffect(()=>{let e=!0;const a=[],n=async()=>{if(e&&!r.current){r.current=!0;try{await(async()=>{try{await A();for(const n of t){await f(n.tagName,n.fqdn,n.subscriptionOptions);const t=y(n.tagName,t=>{e&&$(n,t)});a.push(t),s&&l(n.fqdn).then(t=>{e&&t?.success&&$(n,t.data)}).catch(e=>{})}}finally{e&&setTimeout(()=>e&&M(!1),100)}})()}finally{e&&setTimeout(()=>e&&M(!1),100)}}};if(m())n();else{const e=y("HUB/connected",()=>{b(e),n()});a.push(e)}return()=>{e=!1,a.forEach(b),r.current=!1}},[y,b,m,u,f,s,t,A,V,$]);const O=useMemo(()=>Object.entries(o).filter(([,e])=>e.serverTag).map(([e,t])=>({scaleName:e,domain:t.serverTag.domain,symbolName:t.serverTag.symbolName})),[o]);useEffect(()=>{let e=!0;const t=[];for(const{scaleName:a,domain:s,symbolName:n}of O){const r=y(`${s}.${n}`,t=>{if(!e)return;const s=t?.value;if(s&&"object"==typeof s&&"number"==typeof s.scale){const{scale:e,label:t}=s;N(s=>({...s,[a]:{...s[a],scale:e,label:t??s[a]?.label??"---"}})),k(a)}});t.push(r)}return()=>{e=!1,t.forEach(b)}},[y,b,O,k]);const P=useCallback(async(e,a)=>{const s=t.find(t=>t.tagName===e);if(!s)return;const n=E(s,a);await i(s.fqdn,n)},[t,i,E]),B=useCallback(async e=>{const a=t.find(t=>t.tagName===e);a&&"boolean"===a.valueType&&(i(a.fqdn,!0).catch(e=>{}),await sleep(300),i(a.fqdn,!1).catch(e=>{}))},[t,i]),z=useCallback(async e=>{const a=t.find(t=>t.tagName===e);a&&"boolean"===a.valueType&&await i(a.fqdn,!0)},[t,i]),F=useCallback(async e=>{const a=t.find(t=>t.tagName===e);a&&"boolean"===a.valueType&&await i(a.fqdn,!1)},[t,i]),L=useCallback(async(e,t,a)=>{const s=C[e];if(s){if(s.serverTag){const n=`${s.serverTag.domain}.${s.serverTag.symbolName}`;await i(n,{name:e,scale:t,label:a})}N(s=>({...s,[e]:{...s[e],scale:t,label:a}})),k(e)}},[C,i,k]);useEffect(()=>{v(e=>{const a={...e};for(const e of t){const t=w.current[e.tagName];if(void 0===t)continue;const s=x(e,t);a[e.tagName]!==s&&(a[e.tagName]=s)}return a})},[t,x,C]);const U=useMemo(()=>{const e=new Map;for(const a of t)e.set(a.fqdn,a);return e},[t]),_=useCallback(e=>U.get(e),[U]),D=useMemo(()=>({values:g,rawValues:d,isLoading:T,write:P,tap:B,press:z,release:F,scales:C,updateScale:L,findTagByFqdn:_}),[g,d,T,P,B,z,F,C,L,_]);return _jsx(AutoCoreTagContext.Provider,{value:D,children:e})};

package/dist/themes/adc-dark/blue/theme.css

@@ -2301,7 +2301,7 @@
     color: #030712;
     background: #60a5fa;
     border: 1px solid #60a5fa;
-    padding: 0.5rem 0.75rem;
+    padding: 0.625rem 0.875rem;
     font-size: 1rem;
     transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
     border-radius: 3px;
@@ -2405,7 +2405,7 @@
   }
   .p-button.p-button-icon-only {
     width: 3rem;
-    padding: 0.5rem 0;
+    padding: 0.625rem 0;
   }
   .p-button.p-button-icon-only .p-button-icon-left,
   .p-button.p-button-icon-only .p-button-icon-right {
@@ -2417,14 +2417,14 @@
   }
   .p-button.p-button-sm {
     font-size: 0.875rem;
-    padding: 0.4375rem 0.65625rem;
+    padding: 0.546875rem 0.765625rem;
   }
   .p-button.p-button-sm .p-button-icon {
     font-size: 0.875rem;
   }
   .p-button.p-button-lg {
     font-size: 1.25rem;
-    padding: 0.625rem 0.9375rem;
+    padding: 0.78125rem 1.09375rem;
   }
   .p-button.p-button-lg .p-button-icon {
     font-size: 1.25rem;
@@ -2880,14 +2880,14 @@
   }
   .p-splitbutton.p-button-sm > .p-button {
     font-size: 0.875rem;
-    padding: 0.4375rem 0.65625rem;
+    padding: 0.546875rem 0.765625rem;
   }
   .p-splitbutton.p-button-sm > .p-button .p-button-icon {
     font-size: 0.875rem;
   }
   .p-splitbutton.p-button-lg > .p-button {
     font-size: 1.25rem;
-    padding: 0.625rem 0.9375rem;
+    padding: 0.78125rem 1.09375rem;
   }
   .p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
     width: auto;
@@ -5182,7 +5182,7 @@
   }
   .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
     color: rgba(255, 255, 255, 0.87);
-    padding: 0.5rem 0.75rem;
+    padding: 0.75rem 1rem;
     user-select: none;
   }
   .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
@@ -5345,7 +5345,7 @@
   }
   .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
     color: rgba(255, 255, 255, 0.87);
-    padding: 0.5rem 0.75rem;
+    padding: 0.75rem 1rem;
     user-select: none;
   }
   .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
@@ -5443,7 +5443,7 @@
     border-radius: 3px;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
-    padding: 0.5rem 0.75rem;
+    padding: 0.75rem 1rem;
     user-select: none;
   }
   .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
@@ -5496,7 +5496,7 @@
   }
   .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
     color: rgba(255, 255, 255, 0.87);
-    padding: 0.5rem 0.75rem;
+    padding: 0.75rem 1rem;
     user-select: none;
   }
   .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
@@ -5583,7 +5583,7 @@
   }
   .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
     color: rgba(255, 255, 255, 0.87);
-    padding: 0.5rem 0.75rem;
+    padding: 0.75rem 1rem;
     user-select: none;
   }
   .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
@@ -5666,7 +5666,7 @@
     border-radius: 3px;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
-    padding: 0.5rem 0.75rem;
+    padding: 0.75rem 1rem;
     user-select: none;
   }
   .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
@@ -5698,7 +5698,7 @@
   }
   .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
     color: rgba(255, 255, 255, 0.87);
-    padding: 0.5rem 0.75rem;
+    padding: 0.75rem 1rem;
     user-select: none;
   }
   .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
@@ -5805,19 +5805,19 @@
     transform: rotate(-90deg);
   }
   .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a {
-    padding-left: 1.5rem;
+    padding-left: 2.25rem;
   }
   .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a {
-    padding-left: 2.5rem;
+    padding-left: 3.75rem;
   }
   .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a {
-    padding-left: 3.5rem;
+    padding-left: 5.25rem;
   }
   .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a {
-    padding-left: 4.5rem;
+    padding-left: 6.75rem;
   }
   .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a {
-    padding-left: 5.5rem;
+    padding-left: 8.25rem;
   }
   @media screen and (max-width: 960px) {
     .p-menubar {
@@ -5871,7 +5871,7 @@
     }
     .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
       color: rgba(255, 255, 255, 0.87);
-      padding: 0.5rem 0.75rem;
+      padding: 0.75rem 1rem;
       user-select: none;
     }
     .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
@@ -5945,19 +5945,19 @@
       position: static;
     }
     .p-menubar .p-menubar-root-list ul li a {
-      padding-left: 1.5rem;
+      padding-left: 2.25rem;
     }
     .p-menubar .p-menubar-root-list ul li ul li a {
-      padding-left: 2.5rem;
+      padding-left: 3.75rem;
     }
     .p-menubar .p-menubar-root-list ul li ul li ul li a {
-      padding-left: 3.5rem;
+      padding-left: 5.25rem;
     }
     .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
-      padding-left: 4.5rem;
+      padding-left: 6.75rem;
     }
     .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
-      padding-left: 5.5rem;
+      padding-left: 8.25rem;
     }
     .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
       display: flex;
@@ -6032,7 +6032,7 @@
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
     color: rgba(255, 255, 255, 0.87);
-    padding: 0.5rem 0.75rem;
+    padding: 0.75rem 1rem;
     user-select: none;
   }
   .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
@@ -6109,7 +6109,7 @@
   }
   .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
     color: rgba(255, 255, 255, 0.87);
-    padding: 0.5rem 0.75rem;
+    padding: 0.75rem 1rem;
     user-select: none;
   }
   .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
@@ -6190,7 +6190,7 @@
     height: 0.875rem;
   }
   .p-slidemenu .p-slidemenu-backward {
-    padding: 0.5rem 0.75rem;
+    padding: 0.75rem 1rem;
     color: rgba(255, 255, 255, 0.87);
   }
   .p-steps .p-steps-item .p-menuitem-link {
@@ -6306,7 +6306,7 @@
   }
   .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
     color: rgba(255, 255, 255, 0.87);
-    padding: 0.5rem 0.75rem;
+    padding: 0.75rem 1rem;
     user-select: none;
   }
   .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
@@ -7149,6 +7149,18 @@
     flex-direction: row;
     gap: 2px;
   }
+  /* ---- ac-toolbar-tool-list: stacked text buttons in an OverlayPanel ---- */
+  .ac-toolbar-tool-list {
+    display: flex;
+    flex-direction: column;
+    min-width: 16rem;
+    padding: 2mm;
+  }
+  .ac-toolbar-tool-item {
+    justify-content: flex-start;
+    gap: 0.75rem;
+    margin: 2mm;
+  }
   /* ---- ac-form: content page form layout ---- */
   .ac-form {
     display: flex;
@@ -7212,8 +7224,8 @@ textarea {
 }
 
 .p-button {
-  padding: 0.5rem 0.75rem;
-  font-size: 1rem;
+  padding: 0.625rem 0.875rem;
+  font-size: 1.125rem;
   font-family: inherit;
   border-radius: 3px;
   cursor: pointer;
@@ -7224,8 +7236,8 @@ textarea {
 }
 
 .p-button.p-button-icon-only {
-  padding: 0.5rem 0;
-  width: 2.5rem;
+  padding: 0.625rem 0;
+  width: 2.75rem;
 }
 
 .p-button.p-button-icon-only .p-button-label {
@@ -7233,13 +7245,13 @@ textarea {
 }
 
 .p-button.p-button-sm {
-  font-size: 0.875rem;
-  padding: 0.375rem 0.625rem;
+  font-size: 1rem;
+  padding: 0.5rem 0.75rem;
 }
 
 .p-button.p-button-lg {
-  font-size: 1.125rem;
-  padding: 0.625rem 0.875rem;
+  font-size: 1.25rem;
+  padding: 0.75rem 1rem;
 }
 
 .p-inputtext {
@@ -7255,7 +7267,7 @@ textarea {
 }
 
 .p-selectbutton .p-button {
-  padding: 0.5rem 0.75rem;
+  padding: 0.625rem 0.875rem;
 }
 
 .p-inputgroup > .p-button,
@@ -7288,6 +7300,24 @@ textarea {
   border-bottom-right-radius: 3px;
 }
 
+.p-menuitem-link {
+  font-size: 1.125rem;
+}
+
+.p-menuitem-link .p-menuitem-icon {
+  font-size: 1.25rem;
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+.p-dropdown-item,
+.p-autocomplete-item,
+.p-multiselect-item,
+.p-cascadeselect-item,
+.p-treeselect-item {
+  font-size: 1.125rem;
+}
+
 .p-tabview .p-tabview-nav {
   background: transparent;
   border-bottom: 2px solid #424b57;