From 8efb1a5eea30abd4305608037bd2cc61ff36bccd Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Tue, 26 Mar 2024 00:20:32 +0300 Subject: [PATCH] Update PickList OrderList --- .../themes/primeone/base/orderlist/index.js | 25 ------------------- .../themes/primeone/base/picklist/index.js | 25 ------------------- .../primeone/presets/aura/orderlist/index.js | 21 ---------------- .../primeone/presets/aura/picklist/index.js | 22 ---------------- 4 files changed, 93 deletions(-) diff --git a/components/lib/themes/primeone/base/orderlist/index.js b/components/lib/themes/primeone/base/orderlist/index.js index 27e11b4dc..a58ed5506 100644 --- a/components/lib/themes/primeone/base/orderlist/index.js +++ b/components/lib/themes/primeone/base/orderlist/index.js @@ -78,30 +78,5 @@ export default { color: ${dt('highlight.focus.color')}; background: ${dt('highlight.focus.background')}; } - -.p-orderlist-controls .p-button { - background: ${dt('orderlist.control.background')}; - border: 1px solid ${dt('orderlist.control.border.color')}; - color: ${dt('orderlist.control.color')}; - outline-color: transparent; - transition: opacity ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}; -} - -.p-orderlist-controls .p-button:not(:disabled):hover { - background: ${dt('orderlist.control.hover.background')}; - border: 1px solid ${dt('orderlist.control.hover.border.color')}; - color: ${dt('orderlist.control.hover.color')}; -} - -.p-orderlist-controls .p-button:not(:disabled):active { - background: ${dt('orderlist.control.active.background')}; - border: 1px solid ${dt('orderlist.control.active.border.color')}; - color: ${dt('orderlist.control.hover.active')}; -} - -.p-orderlist-controls .p-button:focus-visible { - outline: ${dt('focus.ring.width')} ${dt('focus.ring.style')} ${dt('focus.ring.color')}; - outline-offset: ${dt('focus.ring.offset')}; -} ` }; diff --git a/components/lib/themes/primeone/base/picklist/index.js b/components/lib/themes/primeone/base/picklist/index.js index 23ac0fcda..16ce40b7e 100644 --- a/components/lib/themes/primeone/base/picklist/index.js +++ b/components/lib/themes/primeone/base/picklist/index.js @@ -78,30 +78,5 @@ export default { color: ${dt('highlight.focus.color')}; background: ${dt('highlight.focus.background')}; } - -.p-picklist-buttons .p-button { - background: ${dt('picklist.control.background')}; - border: 1px solid ${dt('picklist.control.border.color')}; - color: ${dt('picklist.control.color')}; - outline-color: transparent; - transition: opacity ${dt('transition.duration')}, outline-color ${dt('transition.duration')}, background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}; -} - -.p-picklist-buttons .p-button:not(:disabled):hover { - background: ${dt('picklist.control.hover.background')}; - border: 1px solid ${dt('picklist.control.hover.border.color')}; - color: ${dt('picklist.control.hover.color')}; -} - -.p-picklist-buttons .p-button:not(:disabled):active { - background: ${dt('picklist.control.active.background')}; - border: 1px solid ${dt('picklist.control.active.border.color')}; - color: ${dt('picklist.control.active.color')}; -} - -.p-picklist-buttons .p-button:focus-visible { - outline: ${dt('focus.ring.width')} ${dt('focus.ring.style')} ${dt('focus.ring.color')}; - outline-offset: ${dt('focus.ring.offset')}; -} ` }; diff --git a/components/lib/themes/primeone/presets/aura/orderlist/index.js b/components/lib/themes/primeone/presets/aura/orderlist/index.js index e643a1126..d0540c399 100644 --- a/components/lib/themes/primeone/presets/aura/orderlist/index.js +++ b/components/lib/themes/primeone/presets/aura/orderlist/index.js @@ -13,17 +13,6 @@ export default { focusBackground: '{surface.100}', color: '{surface.700}', focusColor: '{surface.800}' - }, - control: { - background: '{surface.100}', - hoverBackground: '{surface.200}', - activeBackground: '{surface.300}', - borderColor: '{surface.100}', - hoverBorderColor: '{surface.200}', - activeBorderColor: '{surface.300}', - color: '{surface.600}', - hoverColor: '{surface.700}', - activeColor: '{surface.800}' } }, dark: { @@ -39,16 +28,6 @@ export default { focusBackground: '{surface.800}', color: '{surface.0}', focusColor: '{surface.0}' - }, - control: { - background: '{surface.800}', - activeBackground: '{surface.600}', - borderColor: '{surface.800}', - hoverBorderColor: '{surface.700}', - activeBorderColor: '{surface.600}', - color: '{surface.300}', - hoverColor: '{surface.200}', - activeColor: '{surface.100}' } } } diff --git a/components/lib/themes/primeone/presets/aura/picklist/index.js b/components/lib/themes/primeone/presets/aura/picklist/index.js index e2ab5f5fb..d0540c399 100644 --- a/components/lib/themes/primeone/presets/aura/picklist/index.js +++ b/components/lib/themes/primeone/presets/aura/picklist/index.js @@ -13,17 +13,6 @@ export default { focusBackground: '{surface.100}', color: '{surface.700}', focusColor: '{surface.800}' - }, - control: { - background: '{surface.100}', - hoverBackground: '{surface.200}', - backgroundActive: '{surface.300}', - borderColor: '{surface.100}', - hoverBorderColor: '{surface.200}', - activeBorderColor: '{surface.300}', - color: '{surface.600}', - hoverColor: '{surface.700}', - activeColor: '{surface.800}' } }, dark: { @@ -39,17 +28,6 @@ export default { focusBackground: '{surface.800}', color: '{surface.0}', focusColor: '{surface.0}' - }, - control: { - background: '{surface.800}', - hoverBackground: '{surface.700}', - backgroundActive: '{surface.600}', - borderColor: '{surface.800}', - hoverBorderColor: '{surface.700}', - activeBorderColor: '{surface.600}', - color: '{surface.300}', - hoverColor: '{surface.200}', - activeColor: '{surface.100}' } } }