From d30500cac75c811ad50f3d7e35a6702abdb8f022 Mon Sep 17 00:00:00 2001 From: mertsincan Date: Mon, 19 Feb 2024 23:00:14 +0000 Subject: [PATCH] Remove `lib/theme` folder --- components/lib/theme/aura/accordion/index.js | 87 -- .../lib/theme/aura/accordion/package.json | 6 - components/lib/theme/aura/avatar/index.js | 84 -- components/lib/theme/aura/avatar/package.json | 6 - components/lib/theme/aura/badge/index.js | 151 --- components/lib/theme/aura/badge/package.json | 6 - components/lib/theme/aura/blockui/index.js | 18 - .../lib/theme/aura/blockui/package.json | 6 - components/lib/theme/aura/breadcrumb/index.js | 96 -- .../lib/theme/aura/breadcrumb/package.json | 6 - components/lib/theme/aura/button/index.js | 1044 ----------------- components/lib/theme/aura/button/package.json | 6 - components/lib/theme/aura/card/index.js | 57 - components/lib/theme/aura/card/package.json | 6 - components/lib/theme/aura/carousel/index.js | 142 --- .../lib/theme/aura/carousel/package.json | 6 - components/lib/theme/aura/checkbox/index.js | 133 --- .../lib/theme/aura/checkbox/package.json | 6 - components/lib/theme/aura/chip/index.js | 63 - components/lib/theme/aura/chip/package.json | 6 - components/lib/theme/aura/chips/index.js | 147 --- components/lib/theme/aura/chips/package.json | 6 - .../lib/theme/aura/colorpicker/index.js | 70 -- .../lib/theme/aura/colorpicker/package.json | 6 - .../lib/theme/aura/confirmdialog/index.js | 19 - .../lib/theme/aura/confirmdialog/package.json | 6 - .../lib/theme/aura/confirmpopup/index.js | 129 -- .../lib/theme/aura/confirmpopup/package.json | 6 - .../lib/theme/aura/contextmenu/index.js | 172 --- .../lib/theme/aura/contextmenu/package.json | 6 - components/lib/theme/aura/datatable/index.js | 625 ---------- .../lib/theme/aura/datatable/package.json | 6 - components/lib/theme/aura/dataview/index.js | 78 -- .../lib/theme/aura/dataview/package.json | 6 - components/lib/theme/aura/dialog/index.js | 186 --- components/lib/theme/aura/dialog/package.json | 6 - components/lib/theme/aura/divider/index.js | 102 -- .../lib/theme/aura/divider/package.json | 6 - components/lib/theme/aura/dock/index.js | 179 --- components/lib/theme/aura/dock/package.json | 6 - components/lib/theme/aura/fieldset/index.js | 100 -- .../lib/theme/aura/fieldset/package.json | 6 - components/lib/theme/aura/fileupload/index.js | 11 - .../lib/theme/aura/fileupload/package.json | 6 - components/lib/theme/aura/galleria/index.js | 466 -------- .../lib/theme/aura/galleria/package.json | 6 - components/lib/theme/aura/global.js | 232 ---- components/lib/theme/aura/iconfield/index.js | 35 - .../lib/theme/aura/iconfield/package.json | 6 - components/lib/theme/aura/image/index.js | 141 --- components/lib/theme/aura/image/package.json | 6 - components/lib/theme/aura/index.js | 292 ----- .../lib/theme/aura/inlinemessage/index.js | 174 --- .../lib/theme/aura/inlinemessage/package.json | 6 - components/lib/theme/aura/inplace/index.js | 54 - .../lib/theme/aura/inplace/package.json | 6 - components/lib/theme/aura/inputgroup/index.js | 111 -- .../lib/theme/aura/inputgroup/package.json | 6 - .../lib/theme/aura/inputswitch/index.js | 128 -- .../lib/theme/aura/inputswitch/package.json | 6 - components/lib/theme/aura/inputtext/index.js | 81 -- .../lib/theme/aura/inputtext/package.json | 6 - components/lib/theme/aura/knob/index.js | 41 - components/lib/theme/aura/knob/package.json | 6 - components/lib/theme/aura/megamenu/index.js | 344 ------ .../lib/theme/aura/megamenu/package.json | 6 - components/lib/theme/aura/menu/index.js | 144 --- components/lib/theme/aura/menu/package.json | 6 - components/lib/theme/aura/menubar/index.js | 298 ----- .../lib/theme/aura/menubar/package.json | 6 - components/lib/theme/aura/message/index.js | 265 ----- .../lib/theme/aura/message/package.json | 6 - components/lib/theme/aura/metergroup/index.js | 109 -- .../lib/theme/aura/metergroup/package.json | 6 - components/lib/theme/aura/orderlist/index.js | 167 --- .../lib/theme/aura/orderlist/package.json | 6 - .../lib/theme/aura/organizationchart/index.js | 133 --- .../theme/aura/organizationchart/package.json | 6 - .../lib/theme/aura/overlaypanel/index.js | 137 --- .../lib/theme/aura/overlaypanel/package.json | 6 - components/lib/theme/aura/paginator/index.js | 106 -- .../lib/theme/aura/paginator/package.json | 6 - components/lib/theme/aura/panel/index.js | 88 -- components/lib/theme/aura/panel/package.json | 6 - components/lib/theme/aura/panelmenu/index.js | 168 --- .../lib/theme/aura/panelmenu/package.json | 6 - components/lib/theme/aura/password/index.js | 111 -- .../lib/theme/aura/password/package.json | 6 - components/lib/theme/aura/picklist/index.js | 167 --- .../lib/theme/aura/picklist/package.json | 6 - .../lib/theme/aura/progressbar/index.js | 139 --- .../lib/theme/aura/progressbar/package.json | 6 - .../lib/theme/aura/progressspinner/index.js | 94 -- .../theme/aura/progressspinner/package.json | 6 - .../lib/theme/aura/radiobutton/index.js | 136 --- .../lib/theme/aura/radiobutton/package.json | 6 - components/lib/theme/aura/rating/index.js | 58 - components/lib/theme/aura/rating/package.json | 6 - .../lib/theme/aura/scrollpanel/index.js | 81 -- .../lib/theme/aura/scrollpanel/package.json | 6 - components/lib/theme/aura/scrolltop/index.js | 78 -- .../lib/theme/aura/scrolltop/package.json | 6 - .../lib/theme/aura/selectbutton/index.js | 114 -- .../lib/theme/aura/selectbutton/package.json | 6 - components/lib/theme/aura/sidebar/index.js | 205 ---- .../lib/theme/aura/sidebar/package.json | 6 - components/lib/theme/aura/skeleton/index.js | 55 - .../lib/theme/aura/skeleton/package.json | 6 - components/lib/theme/aura/slider/index.js | 113 -- components/lib/theme/aura/slider/package.json | 6 - components/lib/theme/aura/speeddial/index.js | 116 -- .../lib/theme/aura/speeddial/package.json | 6 - .../lib/theme/aura/splitbutton/index.js | 77 -- .../lib/theme/aura/splitbutton/package.json | 6 - components/lib/theme/aura/splitter/index.js | 104 -- .../lib/theme/aura/splitter/package.json | 6 - components/lib/theme/aura/steps/index.js | 153 --- components/lib/theme/aura/steps/package.json | 6 - components/lib/theme/aura/tabmenu/index.js | 101 -- .../lib/theme/aura/tabmenu/package.json | 6 - components/lib/theme/aura/tabview/index.js | 170 --- .../lib/theme/aura/tabview/package.json | 6 - components/lib/theme/aura/tag/index.js | 120 -- components/lib/theme/aura/tag/package.json | 6 - components/lib/theme/aura/terminal/index.js | 56 - .../lib/theme/aura/terminal/package.json | 6 - components/lib/theme/aura/textarea/index.js | 76 -- .../lib/theme/aura/textarea/package.json | 6 - components/lib/theme/aura/tieredmenu/index.js | 175 --- .../lib/theme/aura/tieredmenu/package.json | 6 - components/lib/theme/aura/timeline/index.js | 179 --- .../lib/theme/aura/timeline/package.json | 6 - components/lib/theme/aura/toast/index.js | 322 ----- components/lib/theme/aura/toast/package.json | 6 - .../lib/theme/aura/togglebutton/index.js | 160 --- .../lib/theme/aura/togglebutton/package.json | 6 - components/lib/theme/aura/toolbar/index.js | 45 - .../lib/theme/aura/toolbar/package.json | 6 - components/lib/theme/aura/tooltip/index.js | 78 -- .../lib/theme/aura/tooltip/package.json | 6 - components/lib/theme/aura/tree/index.js | 235 ---- components/lib/theme/aura/tree/package.json | 6 - components/lib/theme/aura/treetable/index.js | 524 --------- .../lib/theme/aura/treetable/package.json | 6 - components/lib/theme/index.d.ts | 0 components/lib/theme/index.js | 1 - components/lib/theme/package.json | 6 - components/lib/theme/utils/color/index.js | 4 - components/lib/theme/utils/color/mix.js | 39 - components/lib/theme/utils/color/palette.js | 11 - components/lib/theme/utils/color/shade.js | 3 - components/lib/theme/utils/color/tint.js | 3 - components/lib/theme/utils/index.js | 3 - components/lib/theme/utils/sharedUtils.js | 114 -- components/lib/theme/utils/toVariables.js | 35 - 155 files changed, 12094 deletions(-) delete mode 100644 components/lib/theme/aura/accordion/index.js delete mode 100644 components/lib/theme/aura/accordion/package.json delete mode 100644 components/lib/theme/aura/avatar/index.js delete mode 100644 components/lib/theme/aura/avatar/package.json delete mode 100644 components/lib/theme/aura/badge/index.js delete mode 100644 components/lib/theme/aura/badge/package.json delete mode 100644 components/lib/theme/aura/blockui/index.js delete mode 100644 components/lib/theme/aura/blockui/package.json delete mode 100644 components/lib/theme/aura/breadcrumb/index.js delete mode 100644 components/lib/theme/aura/breadcrumb/package.json delete mode 100644 components/lib/theme/aura/button/index.js delete mode 100644 components/lib/theme/aura/button/package.json delete mode 100644 components/lib/theme/aura/card/index.js delete mode 100644 components/lib/theme/aura/card/package.json delete mode 100644 components/lib/theme/aura/carousel/index.js delete mode 100644 components/lib/theme/aura/carousel/package.json delete mode 100644 components/lib/theme/aura/checkbox/index.js delete mode 100644 components/lib/theme/aura/checkbox/package.json delete mode 100644 components/lib/theme/aura/chip/index.js delete mode 100644 components/lib/theme/aura/chip/package.json delete mode 100644 components/lib/theme/aura/chips/index.js delete mode 100644 components/lib/theme/aura/chips/package.json delete mode 100644 components/lib/theme/aura/colorpicker/index.js delete mode 100644 components/lib/theme/aura/colorpicker/package.json delete mode 100644 components/lib/theme/aura/confirmdialog/index.js delete mode 100644 components/lib/theme/aura/confirmdialog/package.json delete mode 100644 components/lib/theme/aura/confirmpopup/index.js delete mode 100644 components/lib/theme/aura/confirmpopup/package.json delete mode 100644 components/lib/theme/aura/contextmenu/index.js delete mode 100644 components/lib/theme/aura/contextmenu/package.json delete mode 100644 components/lib/theme/aura/datatable/index.js delete mode 100644 components/lib/theme/aura/datatable/package.json delete mode 100644 components/lib/theme/aura/dataview/index.js delete mode 100644 components/lib/theme/aura/dataview/package.json delete mode 100644 components/lib/theme/aura/dialog/index.js delete mode 100644 components/lib/theme/aura/dialog/package.json delete mode 100644 components/lib/theme/aura/divider/index.js delete mode 100644 components/lib/theme/aura/divider/package.json delete mode 100644 components/lib/theme/aura/dock/index.js delete mode 100644 components/lib/theme/aura/dock/package.json delete mode 100644 components/lib/theme/aura/fieldset/index.js delete mode 100644 components/lib/theme/aura/fieldset/package.json delete mode 100644 components/lib/theme/aura/fileupload/index.js delete mode 100644 components/lib/theme/aura/fileupload/package.json delete mode 100644 components/lib/theme/aura/galleria/index.js delete mode 100644 components/lib/theme/aura/galleria/package.json delete mode 100644 components/lib/theme/aura/global.js delete mode 100644 components/lib/theme/aura/iconfield/index.js delete mode 100644 components/lib/theme/aura/iconfield/package.json delete mode 100644 components/lib/theme/aura/image/index.js delete mode 100644 components/lib/theme/aura/image/package.json delete mode 100644 components/lib/theme/aura/index.js delete mode 100644 components/lib/theme/aura/inlinemessage/index.js delete mode 100644 components/lib/theme/aura/inlinemessage/package.json delete mode 100644 components/lib/theme/aura/inplace/index.js delete mode 100644 components/lib/theme/aura/inplace/package.json delete mode 100644 components/lib/theme/aura/inputgroup/index.js delete mode 100644 components/lib/theme/aura/inputgroup/package.json delete mode 100644 components/lib/theme/aura/inputswitch/index.js delete mode 100644 components/lib/theme/aura/inputswitch/package.json delete mode 100644 components/lib/theme/aura/inputtext/index.js delete mode 100644 components/lib/theme/aura/inputtext/package.json delete mode 100644 components/lib/theme/aura/knob/index.js delete mode 100644 components/lib/theme/aura/knob/package.json delete mode 100644 components/lib/theme/aura/megamenu/index.js delete mode 100644 components/lib/theme/aura/megamenu/package.json delete mode 100644 components/lib/theme/aura/menu/index.js delete mode 100644 components/lib/theme/aura/menu/package.json delete mode 100644 components/lib/theme/aura/menubar/index.js delete mode 100644 components/lib/theme/aura/menubar/package.json delete mode 100644 components/lib/theme/aura/message/index.js delete mode 100644 components/lib/theme/aura/message/package.json delete mode 100644 components/lib/theme/aura/metergroup/index.js delete mode 100644 components/lib/theme/aura/metergroup/package.json delete mode 100644 components/lib/theme/aura/orderlist/index.js delete mode 100644 components/lib/theme/aura/orderlist/package.json delete mode 100644 components/lib/theme/aura/organizationchart/index.js delete mode 100644 components/lib/theme/aura/organizationchart/package.json delete mode 100644 components/lib/theme/aura/overlaypanel/index.js delete mode 100644 components/lib/theme/aura/overlaypanel/package.json delete mode 100644 components/lib/theme/aura/paginator/index.js delete mode 100644 components/lib/theme/aura/paginator/package.json delete mode 100644 components/lib/theme/aura/panel/index.js delete mode 100644 components/lib/theme/aura/panel/package.json delete mode 100644 components/lib/theme/aura/panelmenu/index.js delete mode 100644 components/lib/theme/aura/panelmenu/package.json delete mode 100644 components/lib/theme/aura/password/index.js delete mode 100644 components/lib/theme/aura/password/package.json delete mode 100644 components/lib/theme/aura/picklist/index.js delete mode 100644 components/lib/theme/aura/picklist/package.json delete mode 100644 components/lib/theme/aura/progressbar/index.js delete mode 100644 components/lib/theme/aura/progressbar/package.json delete mode 100644 components/lib/theme/aura/progressspinner/index.js delete mode 100644 components/lib/theme/aura/progressspinner/package.json delete mode 100644 components/lib/theme/aura/radiobutton/index.js delete mode 100644 components/lib/theme/aura/radiobutton/package.json delete mode 100644 components/lib/theme/aura/rating/index.js delete mode 100644 components/lib/theme/aura/rating/package.json delete mode 100644 components/lib/theme/aura/scrollpanel/index.js delete mode 100644 components/lib/theme/aura/scrollpanel/package.json delete mode 100644 components/lib/theme/aura/scrolltop/index.js delete mode 100644 components/lib/theme/aura/scrolltop/package.json delete mode 100644 components/lib/theme/aura/selectbutton/index.js delete mode 100644 components/lib/theme/aura/selectbutton/package.json delete mode 100644 components/lib/theme/aura/sidebar/index.js delete mode 100644 components/lib/theme/aura/sidebar/package.json delete mode 100644 components/lib/theme/aura/skeleton/index.js delete mode 100644 components/lib/theme/aura/skeleton/package.json delete mode 100644 components/lib/theme/aura/slider/index.js delete mode 100644 components/lib/theme/aura/slider/package.json delete mode 100644 components/lib/theme/aura/speeddial/index.js delete mode 100644 components/lib/theme/aura/speeddial/package.json delete mode 100644 components/lib/theme/aura/splitbutton/index.js delete mode 100644 components/lib/theme/aura/splitbutton/package.json delete mode 100644 components/lib/theme/aura/splitter/index.js delete mode 100644 components/lib/theme/aura/splitter/package.json delete mode 100644 components/lib/theme/aura/steps/index.js delete mode 100644 components/lib/theme/aura/steps/package.json delete mode 100644 components/lib/theme/aura/tabmenu/index.js delete mode 100644 components/lib/theme/aura/tabmenu/package.json delete mode 100644 components/lib/theme/aura/tabview/index.js delete mode 100644 components/lib/theme/aura/tabview/package.json delete mode 100644 components/lib/theme/aura/tag/index.js delete mode 100644 components/lib/theme/aura/tag/package.json delete mode 100644 components/lib/theme/aura/terminal/index.js delete mode 100644 components/lib/theme/aura/terminal/package.json delete mode 100644 components/lib/theme/aura/textarea/index.js delete mode 100644 components/lib/theme/aura/textarea/package.json delete mode 100644 components/lib/theme/aura/tieredmenu/index.js delete mode 100644 components/lib/theme/aura/tieredmenu/package.json delete mode 100644 components/lib/theme/aura/timeline/index.js delete mode 100644 components/lib/theme/aura/timeline/package.json delete mode 100644 components/lib/theme/aura/toast/index.js delete mode 100644 components/lib/theme/aura/toast/package.json delete mode 100644 components/lib/theme/aura/togglebutton/index.js delete mode 100644 components/lib/theme/aura/togglebutton/package.json delete mode 100644 components/lib/theme/aura/toolbar/index.js delete mode 100644 components/lib/theme/aura/toolbar/package.json delete mode 100644 components/lib/theme/aura/tooltip/index.js delete mode 100644 components/lib/theme/aura/tooltip/package.json delete mode 100644 components/lib/theme/aura/tree/index.js delete mode 100644 components/lib/theme/aura/tree/package.json delete mode 100644 components/lib/theme/aura/treetable/index.js delete mode 100644 components/lib/theme/aura/treetable/package.json delete mode 100644 components/lib/theme/index.d.ts delete mode 100644 components/lib/theme/index.js delete mode 100644 components/lib/theme/package.json delete mode 100644 components/lib/theme/utils/color/index.js delete mode 100644 components/lib/theme/utils/color/mix.js delete mode 100644 components/lib/theme/utils/color/palette.js delete mode 100644 components/lib/theme/utils/color/shade.js delete mode 100644 components/lib/theme/utils/color/tint.js delete mode 100644 components/lib/theme/utils/index.js delete mode 100644 components/lib/theme/utils/sharedUtils.js delete mode 100644 components/lib/theme/utils/toVariables.js diff --git a/components/lib/theme/aura/accordion/index.js b/components/lib/theme/aura/accordion/index.js deleted file mode 100644 index f91251fbe..000000000 --- a/components/lib/theme/aura/accordion/index.js +++ /dev/null @@ -1,87 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - header: { - background: '{surface.0}', - textColor: '{surface.500}', - textColorHover: '{surface.700}', - textColorActive: '{surface.700}' - }, - content: { - background: '{surface.0}', - borderColor: '{surface.200}', - textColor: '{surface.700}' - } - }, - dark: { - header: { - background: '{surface.900}', - textColor: '{surface.400}', - textColorHover: '{surface.0}', - textColorActive: '{surface.0}' - }, - content: { - background: '{surface.900}', - borderColor: '{surface.700}', - textColor: '{surface.0}' - } - } - } - }, - css: ` -.p-accordion-header-link { - cursor: pointer; - display: flex; - flex-direction: row-reverse; - justify-content: space-between; - align-items: center; - user-select: none; - text-decoration: none; - padding: 1.125rem 1.125rem 1.125rem 1.125rem; - color: var(--p-accordion-header-text-color); - background: var(--p-accordion-header-background); - font-weight: 600; - border-radius: var(--p-rounded-base); - transition: color var(--p-transition-duration), outline-color var(--p-transition-duration); - outline-color: transparent; -} - -.p-accordion-header-text { - line-height: 1; -} - -.p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: -2px; -} -.p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - color: var(--p-accordion-header-text-color-hover); -} -.p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - color: var(--p-accordion-header-text-color-active); -} - -.p-accordion-toggle-icon { - transform: rotate(90deg); -} - -.p-accordion-header.p-highlight .p-accordion-toggle-icon { - transform: rotate(-180deg); -} - -.p-accordion-content { - padding: 0 1.125rem 1.125rem 1.125rem; - background: var(--p-accordion-content-background); - color: var(--p-accordion-content-text-color); -} - -.p-accordion-tab { - border-bottom: 1px solid var(--p-accordion-content-border-color); -} - -.p-accordion-tab:last-child { - border-bottom: 0 none -} -` -}; diff --git a/components/lib/theme/aura/accordion/package.json b/components/lib/theme/aura/accordion/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/accordion/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/avatar/index.js b/components/lib/theme/aura/avatar/index.js deleted file mode 100644 index 1e2765573..000000000 --- a/components/lib/theme/aura/avatar/index.js +++ /dev/null @@ -1,84 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - background: '{surface.200}', - borderColor: '{surface.0}' - } - }, - dark: { - root: { - background: '{surface.700}', - borderColor: '{surface.900}' - } - } - } - }, - css: ` -.p-avatar { - display: inline-flex; - align-items: center; - justify-content: center; - width: 2rem; - height: 2rem; - font-size: 1rem; - background: var(--p-avatar-background); - border-radius: var(--p-rounded-base); -} - -.p-avatar-image { - background-color: transparent; -} - -.p-avatar-circle { - border-radius: 50%; -} - -.p-avatar-circle img { - border-radius: 50%; -} - -.p-avatar-icon { - font-size: 1rem; -} - -.p-avatar img { - width: 100%; - height: 100%; -} - -.p-avatar-lg { - width: 3rem; - height: 3rem; - font-size: 1.5rem; -} - -.p-avatar-lg .p-avatar-icon { - font-size: 1.5rem; -} - -.p-avatar-xl { - width: 4rem; - height: 4rem; - font-size: 2rem; -} - -.p-avatar-xl .p-avatar-icon { - font-size: 2rem; -} - -.p-avatar-group { - display: flex; - align-items: center; -} - -.p-avatar-group .p-avatar + .p-avatar { - margin-left: -1rem; -} - -.p-avatar-group .p-avatar { - border: 2px solid var(--p-avatar-border-color); -} - ` -}; diff --git a/components/lib/theme/aura/avatar/package.json b/components/lib/theme/aura/avatar/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/avatar/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/badge/index.js b/components/lib/theme/aura/badge/index.js deleted file mode 100644 index 85249d8a9..000000000 --- a/components/lib/theme/aura/badge/index.js +++ /dev/null @@ -1,151 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - primary: { - background: '{primary.color}', - textColor: '{primary.inverseColor}' - }, - secondary: { - background: '{surface.100}', - textColor: '{surface.600}' - }, - success: { - background: '{green.500}', - textColor: '{surface.0}' - }, - info: { - background: '{sky.500}', - textColor: '{surface.0}' - }, - warn: { - background: '{orange.500}', - textColor: '{surface.0}' - }, - danger: { - background: '{red.500}', - textColor: '{surface.0}' - }, - contrast: { - background: '{surface.950}', - textColor: '{surface.0}' - } - }, - dark: { - primary: { - background: '{primary.color}', - textColor: '{primary.inverseColor}' - }, - secondary: { - background: '{surface.800}', - textColor: '{surface.300}' - }, - success: { - background: '{green.400}', - textColor: '{green.950}' - }, - info: { - background: '{sky.400}', - textColor: '{sky.950}' - }, - warn: { - background: '{orange.400}', - textColor: '{orange.950}' - }, - danger: { - background: '{red.400}', - textColor: '{red.950}' - }, - contrast: { - background: '{surface.0}', - textColor: '{surface.950}' - } - } - } - }, - css: ` -.p-badge { - display: inline-flex; - border-radius: 10px; - justify-content: center; - padding: 0 0.5rem; - background: var(--p-badge-primary-background); - color: var(--p-badge-primary-text-color); - font-size: 0.75rem; - font-weight: 700; - min-width: 1.5rem; - height: 1.5rem; - line-height: 1.5rem; -} - -.p-overlay-badge { - position: relative; -} - -.p-overlay-badge .p-badge { - position: absolute; - top: 0; - right: 0; - transform: translate(50%, -50%); - transform-origin: 100% 0; - margin: 0; -} - -.p-badge-dot { - width: 0.5rem; - min-width: 0.5rem; - height: 0.5rem; - border-radius: 50%; - padding: 0; -} - -.p-badge-no-gutter { - padding: 0; - border-radius: 50%; -} - -.p-badge-secondary { - background-color: var(--p-badge-secondary-background); - color: var(--p-badge-secondary-text-color); -} - -.p-badge-success { - background-color: var(--p-badge-success-background); - color: var(--p-badge-success-text-color); -} - -.p-badge-info { - background-color: var(--p-badge-info-background); - color: var(--p-badge-info-text-color); -} - -.p-badge-warning { - background-color: var(--p-badge-warn-background); - color: var(--p-badge-warn-text-color); -} - -.p-badge-danger { - background-color: var(--p-badge-danger-background); - color: var(--p-badge-danger-text-color); -} - -.p-badge-contrast { - background-color: var(--p-badge-contrast-background); - color: var(--p-badge-contrast-text-color); -} - -.p-badge-lg { - font-size: 1.125rem; - min-width: 2.25rem; - height: 2.25rem; - line-height: 2.25rem; -} - -.p-badge-xl { - font-size: 1.5rem; - min-width: 3rem; - height: 3rem; - line-height: 3rem; -} - ` -}; diff --git a/components/lib/theme/aura/badge/package.json b/components/lib/theme/aura/badge/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/badge/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/blockui/index.js b/components/lib/theme/aura/blockui/index.js deleted file mode 100644 index 6ef1dea46..000000000 --- a/components/lib/theme/aura/blockui/index.js +++ /dev/null @@ -1,18 +0,0 @@ -export default { - css: ` -.p-blockui { - border-radius: var(--p-rounded-base); -} -.p-blockui-container { - position: relative; -} - -.p-blockui.p-component-overlay { - position: absolute; -} - -.p-blockui-document.p-component-overlay { - position: fixed; -} - ` -}; diff --git a/components/lib/theme/aura/blockui/package.json b/components/lib/theme/aura/blockui/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/blockui/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/breadcrumb/index.js b/components/lib/theme/aura/breadcrumb/index.js deleted file mode 100644 index ce0c48482..000000000 --- a/components/lib/theme/aura/breadcrumb/index.js +++ /dev/null @@ -1,96 +0,0 @@ -export default { - variables: { - colorScheme: { - root: { - background: '{surface.0}' - }, - light: { - item: { - textColor: '{surface.500}', - textColorHover: '{surface.700}', - iconColor: '{surface.400}' - }, - separator: { - color: '{surface.400}' - } - }, - dark: { - root: { - background: '{surface.900}' - }, - item: { - textColor: '{surface.400}', - textColorHover: '{surface.0}', - iconColor: '{surface.500}' - }, - separator: { - color: '{surface.500}' - } - } - } - }, - css: ` -.p-breadcrumb { - background: var(-p-breadcrumb-background); - border: 0 none; - border-radius: 6px; - padding: 1rem; - overflow-x: auto; -} - -.p-breadcrumb .p-breadcrumb-list { - margin: 0; - padding: 0; - list-style-type: none; - display: flex; - align-items: center; - flex-wrap: nowrap; -} - -.p-breadcrumb .p-menuitem-link { - text-decoration: none; - display: flex; - align-items: center; -} - -.p-breadcrumb .p-menuitem-separator { - display: flex; - align-items: center; -} - -.p-breadcrumb::-webkit-scrollbar { - display: none; -} - -.p-breadcrumb .p-menuitem-link { - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), outline-color var(--p-transition-duration); - border-radius: var(--p-rounded-base); - outline-color: transparent; -} - -.p-breadcrumb .p-menuitem-link:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -.p-breadcrumb .p-menuitem-text { - color: var(--p-breadcrumb-item-text-color); - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), outline-color var(--p-transition-duration); - line-height: 1; -} - -.p-breadcrumb .p-menuitem-text:hover { - color: var(--p-breadcrumb-item-text-color-hover); - line-height: 1; -} - -.p-breadcrumb .p-menuitem-icon { - color: var(--p-breadcrumb-item-icon-color); -} - -.p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { - margin: 0 0.5rem 0 0.5rem; - color: var(--p-breadcrumb-separator-color); -} -` -}; diff --git a/components/lib/theme/aura/breadcrumb/package.json b/components/lib/theme/aura/breadcrumb/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/breadcrumb/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/button/index.js b/components/lib/theme/aura/button/index.js deleted file mode 100644 index 95d9dd464..000000000 --- a/components/lib/theme/aura/button/index.js +++ /dev/null @@ -1,1044 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - primary: { - background: '{primary.color}', - backgroundHover: '{primary.hoverColor}', - backgroundActive: '{primary.activeColor}', - borderColor: '{primary.color}', - borderColorHover: '{primary.hoverColor}', - borderColorActive: '{primary.activeColor}', - textColor: '{primary.inverseColor}', - textColorHover: '{primary.inverseColor}', - textColorActive: '{primary.inverseColor}' - }, - secondary: { - background: '{surface.100}', - backgroundHover: '{surface.200}', - backgroundActive: '{surface.300}', - borderColor: '{surface.100}', - borderColorHover: '{surface.200}', - borderColorActive: '{surface.300}', - textColor: '{surface.600}', - textColorHover: '{surface.700}', - textColorActive: '{surface.800}' - }, - info: { - background: '{sky.500}', - backgroundHover: '{sky.600}', - backgroundActive: '{sky.700}', - borderColor: '{sky.500}', - borderColorHover: '{sky.600}', - borderColorActive: '{sky.700}', - textColor: '#ffffff', - textColorHover: '#ffffff', - textColorActive: '#ffffff' - }, - success: { - background: '{green.500}', - backgroundHover: '{green.600}', - backgroundActive: '{green.700}', - borderColor: '{green.500}', - borderColorHover: '{green.600}', - borderColorActive: '{green.700}', - textColor: '#ffffff', - textColorHover: '#ffffff', - textColorActive: '#ffffff' - }, - warn: { - background: '{orange.500}', - backgroundHover: '{orange.600}', - backgroundActive: '{orange.700}', - borderColor: '{orange.500}', - borderColorHover: '{orange.600}', - borderColorActive: '{orange.700}', - textColor: '#ffffff', - textColorHover: '#ffffff', - textColorActive: '#ffffff' - }, - help: { - background: '{purple.500}', - backgroundHover: '{purple.600}', - backgroundActive: '{purple.700}', - borderColor: '{purple.500}', - borderColorHover: '{purple.600}', - borderColorActive: '{purple.700}', - textColor: '#ffffff', - textColorHover: '#ffffff', - textColorActive: '#ffffff' - }, - danger: { - background: '{red.500}', - backgroundHover: '{red.600}', - backgroundActive: '{red.700}', - borderColor: '{red.500}', - borderColorHover: '{red.600}', - borderColorActive: '{red.700}', - textColor: '#ffffff', - textColorHover: '#ffffff', - textColorActive: '#ffffff' - }, - contrast: { - background: '{surface.950}', - backgroundHover: '{surface.900}', - backgroundActive: '{surface.800}', - borderColor: '{surface.950}', - borderColorHover: '{surface.900}', - borderColorActive: '{surface.800}', - textColor: '{surface.0}', - textColorHover: '{surface.0}', - textColorActive: '{surface.0}' - } - }, - outlined: { - primary: { - backgroundHover: '{primary.50}', - backgroundActive: '{primary.100}', - borderColor: '{primary.200}', - textColor: '{primary.color}' - }, - secondary: { - backgroundHover: '{surface.50}', - backgroundActive: '{surface.100}', - borderColor: '{surface.200}', - textColor: '{surface.500}' - }, - success: { - backgroundHover: '{green.50}', - backgroundActive: '{green.100}', - borderColor: '{green.200}', - textColor: '{green.500}' - }, - info: { - backgroundHover: '{sky.50}', - backgroundActive: '{sky.100}', - borderColor: '{sky.200}', - textColor: '{sky.500}' - }, - warn: { - backgroundHover: '{orange.50}', - backgroundActive: '{orange.100}', - borderColor: '{orange.200}', - textColor: '{orange.500}' - }, - help: { - backgroundHover: '{purple.50}', - backgroundActive: '{purple.100}', - borderColor: '{purple.200}', - textColor: '{purple.500}' - }, - danger: { - backgroundHover: '{red.50}', - backgroundActive: '{red.100}', - borderColor: '{red.200}', - textColor: '{red.500}' - }, - contrast: { - backgroundHover: '{surface.50}', - backgroundActive: '{surface.100}', - borderColor: '{surface.700}', - textColor: '{surface.950}' - }, - plain: { - backgroundHover: '{surface.50}', - backgroundActive: '{surface.100}', - borderColor: '{surface.200}', - textColor: '{surface.700}' - } - }, - text: { - primary: { - backgroundHover: '{primary.50}', - backgroundActive: '{primary.100}', - textColor: '{primary.color}' - }, - secondary: { - backgroundHover: '{surface.50}', - backgroundActive: '{surface.100}', - textColor: '{surface.500}' - }, - success: { - backgroundHover: '{green.50}', - backgroundActive: '{green.100}', - textColor: '{green.500}' - }, - info: { - backgroundHover: '{sky.50}', - backgroundActive: '{sky.100}', - textColor: '{sky.500}' - }, - warn: { - backgroundHover: '{orange.50}', - backgroundActive: '{orange.100}', - textColor: '{orange.500}' - }, - help: { - backgroundHover: '{purple.50}', - backgroundActive: '{purple.100}', - textColor: '{purple.600}' - }, - danger: { - backgroundHover: '{red.50}', - backgroundActive: '{red.100}', - textColor: '{red.500}' - }, - plain: { - backgroundHover: '{surface.50}', - backgroundActive: '{surface.100}', - textColor: '{surface.700}' - } - }, - link: { - textColor: '{primary.color}', - textColorHover: '{primary.color}', - textColorActive: '{primary.color}' - } - }, - dark: { - root: { - primary: { - background: '{primary.color}', - backgroundHover: '{primary.hoverColor}', - backgroundActive: '{primary.activeColor}', - borderColor: '{primary.color}', - borderColorHover: '{primary.hoverColor}', - borderColorActive: '{primary.activeColor}', - textColor: '{primary.inverseColor}', - textColorHover: '{primary.inverseColor}', - textColorActive: '{primary.inverseColor}' - }, - secondary: { - background: '{surface.800}', - backgroundHover: '{surface.700}', - backgroundActive: '{surface.600}', - borderColor: '{surface.800}', - borderColorHover: '{surface.700}', - borderColorActive: '{surface.600}', - textColor: '{surface.300}', - textColorHover: '{surface.200}', - textColorActive: '{surface.100}' - }, - info: { - background: '{sky.400}', - backgroundHover: '{sky.300}', - backgroundActive: '{sky.200}', - borderColor: '{sky.400}', - borderColorHover: '{sky.300}', - borderColorActive: '{sky.200}', - textColor: '{sky.950}', - textColorHover: '{sky.950}', - textColorActive: '{sky.950}' - }, - success: { - background: '{green.400}', - backgroundHover: '{green.300}', - backgroundActive: '{green.200}', - borderColor: '{green.400}', - borderColorHover: '{green.300}', - borderColorActive: '{green.200}', - textColor: '{green.950}', - textColorHover: '{green.950}', - textColorActive: '{green.950}' - }, - warn: { - background: '{orange.400}', - backgroundHover: '{orange.300}', - backgroundActive: '{orange.200}', - borderColor: '{orange.400}', - borderColorHover: '{orange.300}', - borderColorActive: '{orange.200}', - textColor: '{orange.950}', - textColorHover: '{orange.950}', - textColorActive: '{orange.950}' - }, - help: { - background: '{purple.400}', - backgroundHover: '{purple.300}', - backgroundActive: '{purple.200}', - borderColor: '{purple.400}', - borderColorHover: '{purple.300}', - borderColorActive: '{purple.200}', - textColor: '{purple.950}', - textColorHover: '{purple.950}', - textColorActive: '{purple.950}' - }, - danger: { - background: '{red.400}', - backgroundHover: '{red.300}', - backgroundActive: '{red.200}', - borderColor: '{red.400}', - borderColorHover: '{red.300}', - borderColorActive: '{red.200}', - textColor: '{red.950}', - textColorHover: '{red.950}', - textColorActive: '{red.950}' - }, - contrast: { - background: '{surface.0}', - backgroundHover: '{surface.100}', - backgroundActive: '{surface.200}', - borderColor: '{surface.0}', - borderColorHover: '{surface.100}', - borderColorActive: '{surface.200}', - textColor: '{surface.950}', - textColorHover: '{surface.950}', - textColorActive: '{surface.950}' - } - }, - outlined: { - primary: { - backgroundHover: 'color-mix(in srgb, {primary.color}, transparent 96%)', - backgroundActive: 'color-mix(in srgb, {primary.color}, transparent 84%)', - borderColor: '{primary.900}', - textColor: '{primary.color}' - }, - secondary: { - backgroundHover: 'rgba(255,255,255,0.04)', - backgroundActive: 'rgba(255,255,255,0.16)', - borderColor: '{surface.700}', - textColor: '{surface.400}' - }, - success: { - backgroundHover: 'color-mix(in srgb, {green.400}, transparent 96%)', - backgroundActive: 'color-mix(in srgb, {green.400}, transparent 84%)', - borderColor: '{green.900}', - textColor: '{green.400}' - }, - info: { - backgroundHover: 'color-mix(in srgb, {sky.400}, transparent 96%)', - backgroundActive: 'color-mix(in srgb, {sky.400}, transparent 84%)', - borderColor: '{sky.900}', - textColor: '{sky.400}' - }, - warn: { - backgroundHover: 'color-mix(in srgb, {orange.400}, transparent 96%)', - backgroundActive: 'color-mix(in srgb, {orange.400}, transparent 84%)', - borderColor: '{orange.900}', - textColor: '{orange.400}' - }, - help: { - backgroundHover: 'color-mix(in srgb, {help.400}, transparent 96%)', - backgroundActive: 'color-mix(in srgb, {help.400}, transparent 84%)', - borderColor: '{purple.900}', - textColor: '{purple.400}' - }, - danger: { - backgroundHover: 'color-mix(in srgb, {danger.400}, transparent 96%)', - backgroundActive: 'color-mix(in srgb, {danger.400}, transparent 84%)', - borderColor: '{red.900}', - textColor: '{red.400}' - }, - contrast: { - backgroundHover: '{surface.800}', - backgroundActive: '{surface.700}', - borderColor: '{surface.500}', - textColor: '{surface.0}' - }, - plain: { - backgroundHover: '{surface.800}', - backgroundActive: '{surface.700}', - borderColor: '{surface.600}', - textColor: '{surface.0}' - } - }, - text: { - primary: { - backgroundHover: 'color-mix(in srgb, {primary.color}, transparent 96%)', - backgroundActive: 'color-mix(in srgb, {primary.color}, transparent 84%)', - textColor: '{primary.color}' - }, - secondary: { - backgroundHover: '{surface.800}', - backgroundActive: '{surface.700}', - textColor: '{surface.400}' - }, - success: { - backgroundHover: 'color-mix(in srgb, {green.400}, transparent 96%)', - backgroundActive: 'color-mix(in srgb, {green.400}, transparent 84%)', - textColor: '{green.400}' - }, - info: { - backgroundHover: 'color-mix(in srgb, {sky.400}, transparent 96%)', - backgroundActive: 'color-mix(in srgb, {sky.400}, transparent 84%)', - textColor: '{sky.400}' - }, - warn: { - backgroundHover: 'color-mix(in srgb, {orange.400}, transparent 96%)', - backgroundActive: 'color-mix(in srgb, {orange.400}, transparent 84%)', - textColor: '{orange.400}' - }, - help: { - backgroundHover: 'color-mix(in srgb, {purple.400}, transparent 96%)', - backgroundActive: 'color-mix(in srgb, {purple.400}, transparent 84%)', - textColor: '{purple.400}' - }, - danger: { - backgroundHover: 'color-mix(in srgb, {red.400}, transparent 96%)', - backgroundActive: 'color-mix(in srgb, {red.400}, transparent 84%)', - textColor: '{red.400}' - }, - plain: { - backgroundHover: '{surface.800}', - backgroundActive: '{surface.700}', - textColor: '{surface.0}' - } - }, - link: { - textColor: '{primary.color}', - textColorHover: '{primary.color}', - textColorActive: '{primary.color}' - } - } - } - }, - css: ` -.p-button { - display: inline-flex; - cursor: pointer; - user-select: none; - align-items: center; - justify-content: center; - overflow: hidden; - position: relative; - color: var(--p-button-primary-text-color); - background: var(--p-button-primary-background); - border: 1px solid var(--p-button-primary-border-color); - padding: 0.5rem 1rem; - font-size: 1rem; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), outline-color var(--p-transition-duration); - border-radius: var(--p-rounded-base); - outline-color: transparent; -} - -.p-button:disabled { - cursor: default; -} - -.p-button-icon-left { - margin-right: 0.5rem; -} - -.p-button-icon-right { - order: 1; - margin-left: 0.5rem; -} - -.p-button-icon-top { - margin-bottom: 0.5rem; -} - -.p-button-icon-bottom { - order: 2; - margin-top: 0.5rem; -} - -.p-button-icon-only { - justify-content: center; - width: 2.5rem; - padding: 0.5rem 0; -} - -.p-button-icon-only .p-button-label { - visibility: hidden; - width: 0; -} - -.p-button.p-button-icon-only .p-button-icon-left, -.p-button.p-button-icon-only .p-button-icon-right { - margin: 0; -} - -.p-button-icon-only.p-button-rounded { - border-radius: 50%; - height: 2.5rem; -} - -.p-button-sm { - font-size: 0.875rem; - padding: 0.375rem 0.875rem; -} - -.p-button-sm .p-button-icon { - font-size: 0.875rem; -} - -.p-button-lg { - font-size: 1.25rem; - padding: 0.625rem 1.25rem; -} - -.p-button-sm .p-button-icon { - font-size: 1.25rem; -} - -.p-button-loading-label-only .p-button-label { - margin-left: 0.5rem; -} - -.p-button-loading-label-only .p-button-loading-icon { - margin-right: 0; -} - -.p-button-vertical { - flex-direction: column; -} - -.p-button-label { - font-weight: 500; -} - -.p-fluid .p-button { - width: 100%; -} - -.p-fluid .p-button-icon-only { - width: 2.5rem; -} - -.p-button:not(:disabled):hover { - background: var(--p-button-primary-background-hover); - border: 1px solid var(--p-button-primary-border-color-hover); - color: var(--p-button-primary-text-color-hover); -} - -.p-button:not(:disabled):active { - background: var(--p-button-primary-background-active); - border: 1px solid var(--p-button-primary-border-color-active); - color: var(--p-button-primary-text-color-active); -} - -.p-button:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-button-primary-background); - outline-offset: var(--p-focus-ring-offset); -} - -.p-button .p-badge { - margin-left: 0.5rem; - min-width: 1rem; - height: 1rem; - line-height: 1rem; - background: var(--p-button-primary-text-color); - color: var(--p-button-primary-background); -} - -.p-button-raised { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -.p-button-rounded { - border-radius: 2rem; -} - -/* Default Severities */ -.p-button-secondary { - background: var(--p-button-secondary-background); - border: 1px solid var(--p-button-secondary-border-color); - color: var(--p-button-secondary-text-color); -} - -.p-button-secondary:not(:disabled):hover { - background: var(--p-button-secondary-background-hover); - border: 1px solid var(--p-button-secondary-border-color-hover); - color: var(--p-button-secondary-text-color-hover); -} - -.p-button-secondary:not(:disabled):active { - background: var(--p-button-secondary-background-active); - border: 1px solid var(--p-button-secondary-border-color-active); - color: var(--p-button-secondary-text-color-active); -} - -.p-button-success { - background: var(--p-button-success-background); - border: 1px solid var(--p-button-success-border-color); - color: var(--p-button-success-text-color); -} - -.p-button-success:not(:disabled):hover { - background: var(--p-button-success-background-hover); - border: 1px solid var(--p-button-success-border-color-hover); - color: var(--p-button-success-text-color-hover); -} - -.p-button-success:not(:disabled):active { - background: var(--p-button-success-background-active); - border: 1px solid var(--p-button-success-border-color-active); - color: var(--p-button-success-text-color-active); -} - -.p-button-success:focus-visible { - outline-color: var(--p-button-success-background); -} - -.p-button-info { - background: var(--p-button-info-background); - border: 1px solid var(--p-button-info-border-color); - color: var(--p-button-info-text-color); -} - -.p-button-info:not(:disabled):hover { - background: var(--p-button-info-background-hover); - border: 1px solid var(--p-button-info-border-color-hover); - color: var(--p-button-info-text-color-hover); -} - -.p-button-info:not(:disabled):active { - background: var(--p-button-info-background-active); - border: 1px solid var(--p-button-info-border-color-active); - color: var(--p-button-info-text-color-active); -} - -.p-button-info:focus-visible { - outline-color: var(--p-button-info-background); -} - -.p-button-warning { - background: var(--p-button-warn-background); - border: 1px solid var(--p-button-warn-border-color); - color: var(--p-button-warn-text-color); -} - -.p-button-warning:not(:disabled):hover { - background: var(--p-button-warn-background-hover); - border: 1px solid var(--p-button-warn-border-color-hover); - color: var(--p-button-warn-text-color-hover); -} - -.p-button-warning:not(:disabled):active { - background: var(--p-button-warn-background-active); - border: 1px solid var(--p-button-warn-border-color-active); - color: var(--p-button-warn-text-color-active); -} - -.p-button-warning:focus-visible { - outline-color: var(--p-button-warn-background); -} - -.p-button-help { - background: var(--p-button-help-background); - border: 1px solid var(--p-button-help-border-color); - color: var(--p-button-help-text-color); -} - -.p-button-help:not(:disabled):hover { - background: var(--p-button-help-background-hover); - border: 1px solid var(--p-button-help-border-color-hover); - color: var(--p-button-help-text-color-hover); -} - -.p-button-help:not(:disabled):active { - background: var(--p-button-help-background-active); - border: 1px solid var(--p-button-help-border-color-active); - color: var(--p-button-help-text-color-active); -} - -.p-button-help:focus-visible { - outline-color: var(--p-button-help-background); -} - -.p-button-danger { - background: var(--p-button-danger-background); - border: 1px solid var(--p-button-danger-border-color); - color: var(--p-button-danger-text-color); -} - -.p-button-danger:not(:disabled):hover { - background: var(--p-button-danger-background-hover); - border: 1px solid var(--p-button-danger-border-color-hover); - color: var(--p-button-danger-text-color-hover); -} - -.p-button-danger:not(:disabled):active { - background: var(--p-button-danger-background-active); - border: 1px solid var(--p-button-danger-border-color-active); - color: var(--p-button-danger-text-color-active); -} - -.p-button-danger:focus-visible { - outline-color: var(--p-button-danger-background); -} - -.p-button-contrast { - background: var(--p-button-contrast-background); - border: 1px solid var(--p-button-contrast-border-color); - color: var(--p-button-contrast-text-color); -} - -.p-button-contrast:not(:disabled):hover { - background: var(--p-button-contrast-background-hover); - border: 1px solid var(--p-button-contrast-border-color-hover); - color: var(--p-button-contrast-text-color-hover); -} - -.p-button-contrast:not(:disabled):active { - background: var(--p-button-contrast-background-active); - border: 1px solid var(--p-button-contrast-border-color-active); - color: var(--p-button-contrast-text-color-active); -} - -.p-button-contrast:focus-visible { - outline-color: var(--p-button-contrast-background); -} - - -/* Outlined Buttons */ -.p-button-outlined { - background: transparent; - border-color: var(--p-button-outlined-primary-border-color); - color: var(--p-button-outlined-primary-text-color); -} - -.p-button-outlined:not(:disabled):hover { - background: var(--p-button-outlined-primary-background-hover); - border-color: var(--p-button-outlined-primary-border-color); - color: var(--p-button-outlined-primary-text-color); -} - -.p-button-outlined:not(:disabled):active { - background: var(--p-button-outlined-primary-background-active); - border-color: var(--p-button-outlined-primary-border-color); - color: var(--p-button-outlined-primary-text-color); -} - -.p-button-outlined.p-button-secondary { - border-color: var(--p-button-outlined-secondary-border-color); - color: var(--p-button-outlined-secondary-text-color); -} - -.p-button-outlined.p-button-secondary:not(:disabled):hover { - background: var(--p-button-outlined-secondary-background-hover); - border-color: var(--p-button-outlined-secondary-border-color); - color: var(--p-button-outlined-secondary-text-color); -} - -.p-button-outlined.p-button-secondary:not(:disabled):active { - background: var(--p-button-outlined-secondary-background-active); - border-color: var(--p-button-outlined-secondary-border-color); - color: var(--p-button-outlined-secondary-text-color); -} - -.p-button-outlined.p-button-success { - border-color: var(--p-button-outlined-success-border-color); - color: var(--p-button-outlined-success-text-color); -} - -.p-button-outlined.p-button-success:not(:disabled):hover { - background: var(--p-button-outlined-success-background-hover); - border-color: var(--p-button-outlined-success-border-color); - color: var(--p-button-outlined-success-text-color); -} - -.p-button-outlined.p-button-success:not(:disabled):active { - background: var(--p-button-outlined-success-background-active); - border-color: var(--p-button-outlined-success-border-color); - color: var(--p-button-outlined-success-text-color); -} - -.p-button-outlined.p-button-info { - border-color: var(--p-button-outlined-info-border-color); - color: var(--p-button-outlined-info-text-color); -} - -.p-button-outlined.p-button-info:not(:disabled):hover { - background: var(--p-button-outlined-info-background-hover); - border-color: var(--p-button-outlined-info-border-color); - color: var(--p-button-outlined-info-text-color); -} - -.p-button-outlined.p-button-info:not(:disabled):active { - background: var(--p-button-outlined-info-background-active); - border-color: var(--p-button-outlined-info-border-color); - color: var(--p-button-outlined-info-text-color); -} - -.p-button-outlined.p-button-warning { - border-color: var(--p-button-outlined-warn-border-color); - color: var(--p-button-outlined-warn-text-color); -} - -.p-button-outlined.p-button-warning:not(:disabled):hover { - background: var(--p-button-outlined-warn-background-hover); - border-color: var(--p-button-outlined-warn-border-color); - color: var(--p-button-outlined-warn-text-color); -} - -.p-button-outlined.p-button-warning:not(:disabled):active { - background: var(--p-button-outlined-warn-background-active); - border-color: var(--p-button-outlined-warn-border-color); - color: var(--p-button-outlined-warn-text-color); -} - -.p-button-outlined.p-button-help { - border-color: var(--p-button-outlined-help-border-color); - color: var(--p-button-outlined-help-text-color); -} - -.p-button-outlined.p-button-help:not(:disabled):hover { - background: var(--p-button-outlined-help-background-hover); - border-color: var(--p-button-outlined-help-border-color); - color: var(--p-button-outlined-help-text-color); -} - -.p-button-outlined.p-button-help:not(:disabled):active { - background: var(--p-button-outlined-help-background-active); - border-color: var(--p-button-outlined-help-border-color); - color: var(--p-button-outlined-help-text-color); -} - -.p-button-outlined.p-button-danger { - border-color: var(--p-button-outlined-danger-border-color); - color: var(--p-button-outlined-danger-text-color); -} - -.p-button-outlined.p-button-danger:not(:disabled):hover { - background: var(--p-button-outlined-danger-background-hover); - border-color: var(--p-button-outlined-danger-border-color); - color: var(--p-button-outlined-danger-text-color); -} - -.p-button-outlined.p-button-danger:not(:disabled):active { - background: var(--p-button-outlined-danger-background-active); - border-color: var(--p-button-outlined-danger-border-color); - color: var(--p-button-outlined-danger-text-color); -} - -.p-button-outlined.p-button-contrast { - border-color: var(--p-button-outlined-contrast-border-color); - color: var(--p-button-outlined-contrast-text-color); -} - -.p-button-outlined.p-button-contrast:not(:disabled):hover { - background: var(--p-button-outlined-contrast-background-hover); - border-color: var(--p-button-outlined-contrast-border-color); - color: var(--p-button-outlined-contrast-text-color); -} - -.p-button-outlined.p-button-contrast:not(:disabled):active { - background: var(--p-button-outlined-contrast-background-active); - border-color: var(--p-button-outlined-contrast-border-color); - color: var(--p-button-outlined-contrast-text-color); -} - -.p-button-outlined.p-button-plain { - border-color: var(--p-button-outlined-plain-border-color); - color: var(--p-button-outlined-plain-text-color); -} - -.p-button-outlined.p-button-plain:not(:disabled):hover { - background: var(--p-button-outlined-plain-background-hover); - border-color: var(--p-button-outlined-plain-border-color); - color: var(--p-button-outlined-plain-text-color); -} - -.p-button-outlined.p-button-plain:not(:disabled):active { - background: var(--p-button-outlined-plain-background-active); - border-color: var(--p-button-outlined-plain-border-color); - color: var(--p-button-outlined-plain-text-color); -} - -/* Text Button */ -.p-button-text { - background: transparent; - border-color: transparent; - color: var(--p-button-text-primary-text-color); -} - -.p-button-text:not(:disabled):hover { - background: var(--p-button-text-primary-background-hover); - border-color: transparent; - color: var(--p-button-text-primary-text-color); -} - -.p-button-text:not(:disabled):active { - background: var(--p-button-text-primary-background-active); - border-color: transparent; - color: var(--p-button-text-primary-text-color); -} - -.p-button-text.p-button-secondary { - background: transparent; - border-color: transparent; - color: var(--p-button-text-secondary-text-color); -} - -.p-button-text.p-button-secondary:not(:disabled):hover { - background: var(--p-button-text-secondary-background-hover); - border-color: transparent; - color: var(--p-button-text-secondary-text-color); -} - -.p-button-text.p-button-secondary:not(:disabled):active { - background: var(--p-button-text-secondary-background-active); - border-color: transparent; - color: var(--p-button-text-secondary-text-color); -} - -.p-button-text.p-button-success { - background: transparent; - border-color: transparent; - color: var(--p-button-text-success-text-color); -} - -.p-button-text.p-button-success:not(:disabled):hover { - background: var(--p-button-text-success-background-hover); - border-color: transparent; - color: var(--p-button-text-success-text-color); -} - -.p-button-text.p-button-success:not(:disabled):active { - background: var(--p-button-text-success-background-active); - border-color: transparent; - color: var(--p-button-text-success-text-color); -} - -.p-button-text.p-button-info { - background: transparent; - border-color: transparent; - color: var(--p-button-text-info-text-color); -} - -.p-button-text.p-button-info:not(:disabled):hover { - background: var(--p-button-text-info-background-hover); - border-color: transparent; - color: var(--p-button-text-info-text-color); -} - -.p-button-text.p-button-info:not(:disabled):active { - background: var(--p-button-text-info-background-active); - border-color: transparent; - color: var(--p-button-text-info-text-color); -} - -.p-button-text.p-button-warning { - background: transparent; - border-color: transparent; - color: var(--p-button-text-warn-text-color); -} - -.p-button-text.p-button-warning:not(:disabled):hover { - background: var(--p-button-text-warn-background-hover); - border-color: transparent; - color: var(--p-button-text-warn-text-color); -} - -.p-button-text.p-button-warning:not(:disabled):active { - background: var(--p-button-text-warn-background-active); - border-color: transparent; - color: var(--p-button-text-warn-text-color); -} - -.p-button-text.p-button-help { - background: transparent; - border-color: transparent; - color: var(--p-button-text-help-text-color); -} - -.p-button-text.p-button-help:not(:disabled):hover { - background: var(--p-button-text-help-background-hover); - border-color: transparent; - color: var(--p-button-text-help-text-color); -} - -.p-button-text.p-button-help:not(:disabled):active { - background: var(--p-button-text-help-background-active); - border-color: transparent; - color: var(--p-button-text-help-text-color); -} - -.p-button-text.p-button-danger { - background: transparent; - border-color: transparent; - color: var(--p-button-text-danger-text-color); -} - -.p-button-text.p-button-danger:not(:disabled):hover { - background: var(--p-button-text-danger-background-hover); - border-color: transparent; - color: var(--p-button-text-danger-text-color); -} - -.p-button-text.p-button-danger:not(:disabled):active { - background: var(--p-button-text-danger-background-active); - border-color: transparent; - color: var(--p-button-text-danger-text-color); -} - -.p-button-text.p-button-plain { - background: transparent; - border-color: transparent; - color: var(--p-button-text-plain-text-color); -} - -.p-button-text.p-button-plain:not(:disabled):hover { - background: var(--p-button-text-plain-background-hover); - border-color: transparent; - color: var(--p-button-text-plain-text-color); -} - -.p-button-text.p-button-plain:not(:disabled):active { - background: var(--p-button-text-plain-background-active); - border-color: transparent; - color: var(--p-button-text-plain-text-color); -} - -/* Link Button */ -.p-button-link { - background: transparent; - border-color: transparent; - color: var(--p-button-link-text-color); -} - -.p-button-link:not(:disabled):hover { - background: transparent; - border-color: transparent; - color: var(--p-button-link-text-color-hover); -} - -.p-button-link:not(:disabled):hover .p-button-label { - text-decoration: underline; -} - -.p-button-link:not(:disabled):active { - background: transparent; - border-color: transparent; - color: var(--p-button-link-text-color-active); -} - -.p-buttonset .p-button { - margin: 0; -} -.p-buttonset .p-button:not(:last-child), -.p-buttonset .p-button:not(:last-child):hover { - border-right: 0 none; -} - -.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) { - border-radius: 0; -} - -.p-buttonset .p-button:first-of-type:not(:only-of-type) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -.p-buttonset .p-button:last-of-type:not(:only-of-type) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.p-buttonset .p-button:focus-visible { - position: relative; - z-index: 1; -} - -.p-fluid .p-buttonset { - display: flex; -} - -.p-fluid .p-buttonset .p-button { - flex: 1; -} -` -}; diff --git a/components/lib/theme/aura/button/package.json b/components/lib/theme/aura/button/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/button/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/card/index.js b/components/lib/theme/aura/card/index.js deleted file mode 100644 index d74971d19..000000000 --- a/components/lib/theme/aura/card/index.js +++ /dev/null @@ -1,57 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - background: '{surface.0}', - textColor: '{surface.700}' - }, - subtitle: { - textColor: '{surface.500}' - } - }, - dark: { - root: { - background: '{surface.900}', - textColor: '{surface.0}' - }, - subtitle: { - textColor: '{surface.400}' - } - } - } - }, - css: ` -.p-card { - background: var(--p-card-background); - color: var(--p-card-text-color); - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); - border-radius: 12px; - display: flex; - flex-direction: column; -} - -.p-card-caption { - display: flex; - flex-direction: column; - gap: 0.5rem; -} - -.p-card-body { - padding: 1.5rem; - display: flex; - flex-direction: column; - gap: 1rem; -} - -.p-card-title { - font-size: 1.25rem; - font-weight: 600; -} - -.p-card-subtitle { - font-weight: 400; - color: var(--p-card-subtitle-text-color); -} -` -}; diff --git a/components/lib/theme/aura/card/package.json b/components/lib/theme/aura/card/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/card/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/carousel/index.js b/components/lib/theme/aura/carousel/index.js deleted file mode 100644 index 627fa5432..000000000 --- a/components/lib/theme/aura/carousel/index.js +++ /dev/null @@ -1,142 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - navigator: { - color: '{surface.500}', - colorHover: '{surface.600}', - backgroundHover: '{surface.100}' - }, - indicator: { - background: '{surface.200}', - backgroundHover: '{surface.300}', - backgroundActive: '{primary.color}' - } - }, - dark: { - navigator: { - color: '{surface.400}', - colorHover: '{surface.300}', - backgroundHover: '{surface.800}' - }, - indicator: { - background: '{surface.700}', - backgroundHover: '{surface.600}', - backgroundActive: '{primary.color}' - } - } - } - }, - css: ` -.p-carousel { - display: flex; - flex-direction: column; -} - -.p-carousel-content { - display: flex; - flex-direction: column; - overflow: auto; -} - -.p-carousel-container { - display: flex; - flex-direction: row; -} - -.p-carousel-items-content { - overflow: hidden; - width: 100%; -} - -.p-carousel-items-container { - display: flex; - flex-direction: row; -} - -.p-carousel-prev, -.p-carousel-next { - align-self: center; - flex-grow: 0; - flex-shrink: 0; - display: flex; - justify-content: center; - align-items: center; - overflow: hidden; - position: relative; - width: 1.75rem; - height: 1.75rem; - color: var(--p-carousel-navigator-color); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration),outline-color var(--p-transition-duration); - outline-color: transparent; - margin: 0.5rem; -} - -.p-carousel-prev:enabled:hover, -.p-carousel-next:enabled:hover { - color: var(--p-carousel-navigator-color-hover); - background: var(--p-carousel-navigator-background-hover); -} - -.p-carousel-prev:focus-visible, -.p-carousel-next:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -.p-carousel-indicators { - display: flex; - flex-direction: row; - justify-content: center; - flex-wrap: wrap; - padding: 1rem; - gap: 0.5rem; -} - -.p-carousel-indicator button { - display: flex; - align-items: center; - justify-content: center; - background: var(--p-carousel-indicator-background); - width: 2rem; - height: 0.5rem; - border: 0 none; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), outline-color var(--p-transition-duration); - outline-color: transparent; - border-radius: var(--p-rounded-base); -} - -.p-carousel-indicator button:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -.p-carousel-indicator button:hover { - background: var(--p-carousel-indicator-background-hover); -} - -.p-carousel-indicator.p-highlight button { - background: var(--p-carousel-indicator-background-active); -} - -.p-carousel-vertical .p-carousel-container { - flex-direction: column; -} - -.p-carousel-vertical .p-carousel-items-container { - flex-direction: column; - height: 100%; -} - -.p-items-hidden .p-carousel-item { - visibility: hidden; -} - -.p-items-hidden .p-carousel-item.p-carousel-item-active { - visibility: visible; -} -` -}; diff --git a/components/lib/theme/aura/carousel/package.json b/components/lib/theme/aura/carousel/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/carousel/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/checkbox/index.js b/components/lib/theme/aura/checkbox/index.js deleted file mode 100644 index a5a373ae8..000000000 --- a/components/lib/theme/aura/checkbox/index.js +++ /dev/null @@ -1,133 +0,0 @@ -export default { - variables: { - common: { - root: { - borderRadius: '{rounded.sm}', - width: '1.25rem', - height: '1.25rem', - background: '{form.field.background}', - backgroundChecked: '{primary.color}', - backgroundCheckedHover: '{primary.hover.color}', - backgroundDisabled: '{form.field.background.disabled}', - backgroundFilled: '{form.field.background.filled}', - borderColor: '{form.field.border.color}', - borderColorHover: '{form.field.border.color.hover}', - borderColorChecked: '{primary.color}', - borderColorCheckedHover: '{primary.hover.color}', - borderColorInvalid: '{form.field.border.color.invalid}', - boxShadow: '{form.field.box.shadow}' - }, - icon: { - size: '0.875rem', - color: '{form.field.text.color}', - colorChecked: '{primary.inverse.color}', - colorCheckedHover: '{primary.inverse.color}', - colorDisabled: '{form.field.text.disabled}' - } - } - }, - css: ` -.p-checkbox { - position: relative; - display: inline-flex; - user-select: none; - vertical-align: bottom; - width: var(--p-checkbox-width); - height: var(--p-checkbox-height); -} - -.p-checkbox-input { - cursor: pointer; - appearance: none; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - padding: 0; - margin: 0; - opacity: 0; - z-index: 1; - outline: 0 none; - border: 1px solid transparent; - border-radius: var(--p-checkbox-border-radius); -} - -.p-checkbox-box { - display: flex; - justify-content: center; - align-items: center; - border-radius: var(--p-rounded-sm); - border: 1px solid var(--p-checkbox-border-color); - background: var(--p-checkbox-background); - width: var(--p-checkbox-width); - height: var(--p-checkbox-height); - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), box-shadow var(--p-transition-duration), outline-color var(--p-transition-duration); - outline-color: transparent; - box-shadow: var(--p-checkbox-box-shadow); -} - -.p-checkbox-icon { - transition-duration: var(--p-transition-duration); - color: var(--p-checkbox-icon-color); - font-size: var(--p-checkbox-icon-size); - width: var(--p-checkbox-icon-size); - height: var(--p-checkbox-icon-size); -} - -.p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box { - border-color: var(--p-checkbox-border-color-hover); -} - -.p-checkbox.p-highlight .p-checkbox-box { - border-color: var(--p-checkbox-border-color-checked); - background: var(--p-checkbox-background-checked); -} - -.p-checkbox.p-highlight .p-checkbox-box .p-checkbox-icon { - color: var(--p-checkbox-icon-color-checked); -} - -.p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box { - border-color: var(--p-checkbox-border-color-checked-hover); - background: var(--p-checkbox-background-checked-hover) -} - -.p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box .p-checkbox-icon { - color: var(--p-checkbox-icon-color-checked-hover); -} - -.p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -.p-checkbox.p-invalid > .p-checkbox-box { - border-color: var(--p-checkbox-border-color-invalid); -} - -.p-checkbox.p-variant-filled .p-checkbox-box { - background: var(--p-checkbox-background-filled); -} - -.p-checkbox.p-variant-filled.p-highlight .p-checkbox-box { - background: var(--p-checkbox-background-checked); -} - -.p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box { - background: var(--p-checkbox-background-checked-hover); -} - -.p-checkbox.p-disabled { - opacity: 1; -} - -.p-checkbox.p-disabled .p-checkbox-box { - background: var(--p-checkbox-background-disabled); -} - -.p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { - color: var(--p-checkbox-icon-color-disabled); -} -` -}; diff --git a/components/lib/theme/aura/checkbox/package.json b/components/lib/theme/aura/checkbox/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/checkbox/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/chip/index.js b/components/lib/theme/aura/chip/index.js deleted file mode 100644 index dee1911c2..000000000 --- a/components/lib/theme/aura/chip/index.js +++ /dev/null @@ -1,63 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - background: '{surface.100}', - textColor: '{surface.800}' - } - }, - dark: { - root: { - background: '{surface.700}', - textColor: '{surface.0}' - } - } - } - }, - css: ` -.p-chip { - display: inline-flex; - align-items: center; - background-color: var(--p-chip-background); - color: var(--p-chip-text-color); - border-radius: 16px; - padding: 0.25rem 0.75rem; -} - -.p-chip:has(.p-chip-remove-icon) { - padding-right: 0.5rem; - } - -.p-chip-text { - line-height: 1.5; -} - -.p-chip-icon { - line-height: 1.5; - margin-right: 0.5rem; -} - -.p-chip-remove-icon { - line-height: 1.5; - cursor: pointer; - margin-left: 0.375rem; - border-radius: 6px; - transition: outline-color var(--p-transition-duration); - outline-color: transparent; -} - -.p-chip img { - border-radius: 50%; - width: 2rem; - height: 2rem; - margin-left: -0.5rem; - margin-right: 0.5rem; -} - -.p-chip-remove-icon:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - ` -}; diff --git a/components/lib/theme/aura/chip/package.json b/components/lib/theme/aura/chip/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/chip/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/chips/index.js b/components/lib/theme/aura/chips/index.js deleted file mode 100644 index 7e7eb21f2..000000000 --- a/components/lib/theme/aura/chips/index.js +++ /dev/null @@ -1,147 +0,0 @@ -export default { - variables: { - common: { - root: { - background: '{form.field.background}', - backgroundDisabled: '{form.field.background.disabled}', - backgroundFilled: '{form.field.background.filled}', - backgroundFilledFocus: '{form.field.background.filled.focus}', - borderColor: '{form.field.border.color}', - borderColorHover: '{form.field.border.color.hover}', - borderColorFocus: '{form.field.border.color.focus}', - borderColorInvalid: '{form.field.border.color.invalid}', - textColor: '{form.field.text.color}', - textColorDisabled: '{form.field.text.disabled}', - placeholderTextColor: '{form.field.placeholder.text.color}', - boxShadow: '{form.field.box.shadow}' - } - }, - colorScheme: { - light: { - chip: { - background: '{surface.100}', - backgroundFocus: '{surface.200}', - textColor: '{surface.800}', - textColorFocus: '{surface.900}' - } - }, - dark: { - chip: { - background: '{surface.700}', - backgroundFocus: '{surface.600}', - textColor: '{surface.0}', - textColorFocus: '{surface.0}' - } - } - } - }, - css: ` -.p-chips { - display: inline-flex; -} - -.p-chips-multiple-container { - margin: 0; - padding: 0; - list-style-type: none; - cursor: text; - overflow: hidden; - display: flex; - align-items: center; - flex-wrap: wrap; - padding: 0.25rem 0.25rem; - gap: 0.25rem; - color: var(--p-chips-text-color); - background: var(--p-chips-background); - border: 1px solid var(--p-chips-border-color); - border-radius: var(--p-rounded-base); - width: 100%; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), outline-color var(--p-transition-duration); - outline-color: transparent; - box-shadow: var(--p-chips-box-shadow); -} - -.p-chips:not(.p-disabled):hover .p-chips-multiple-container { - border-color: var(--p-chips-border-color-hover); -} - -.p-chips:not(.p-disabled).p-focus .p-chips-multiple-container { - border-color: var(--p-chips-border-color-focus); - outline: 0 none; -} - -.p-chips.p-invalid .p-chips-multiple-container { - border-color: var(--p-chips-border-color-invalid); -} - -.p-variant-filled.p-chips-multiple-container { - background: var(--p-chips-background-filled); -} - -.p-chips:not(.p-disabled).p-focus .p-variant-filled.p-chips-multiple-container { - background: var(--p-chips-background-filled-focus); -} - -.p-chips.p-disabled .p-chips-multiple-container { - opacity: 1; - background: var(--p-chips-background-disabled); - color: var(--p-chips-text-color-disabled); -} - -.p-chips-token { - cursor: default; - display: inline-flex; - align-items: center; - flex: 0 0 auto; - padding: 0.25rem 0.75rem; - background: var(--p-chips-chip-background); - color: var(--p-chips-chip-text-color); - border-radius: var(--p-rounded-sm); -} - -.p-chips-token.p-focus { - background: var(--p-chips-chip-background-focus); - color: var(--p-chips-chip-text-color-focus); -} - -.p-chips-input-token { - flex: 1 1 auto; - display: inline-flex; -} - -.p-chips-token-icon { - cursor: pointer; - margin-left: 0.375rem; -} - -.p-chips-input-token { - padding: 0.25rem 0; - margin-left: 0.5rem; -} - -.p-chips-input-token input { - border: 0 none; - outline: 0 none; - background-color: transparent; - margin: 0; - padding: 0; - box-shadow: none; - border-radius: 0; - width: 100%; - font-family: inherit; - font-feature-settings: inherit; - font-size: 1rem; - color: inherit; - padding: 0; - margin: 0; -} - -.p-chips-input-token input::placeholder { - color: var(--p-chips-placeholder-text-color); -} - -.p-fluid .p-chips { - display: flex; -} -` -}; diff --git a/components/lib/theme/aura/chips/package.json b/components/lib/theme/aura/chips/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/chips/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/colorpicker/index.js b/components/lib/theme/aura/colorpicker/index.js deleted file mode 100644 index 944caa003..000000000 --- a/components/lib/theme/aura/colorpicker/index.js +++ /dev/null @@ -1,70 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - panel: { - background: '{surface.800}', - borderColor: '{surface.900}' - }, - handle: { - color: '{surface.0}' - } - }, - dark: { - panel: { - background: '{surface.900}', - borderColor: '{surface.700}' - }, - handle: { - color: '{surface.0}' - } - } - } - }, - css: ` -.p-colorpicker-color { - background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%); -} - -.p-colorpicker-hue { - background: linear-gradient(0deg, - red 0, - #ff0 17%, - #0f0 33%, - #0ff 50%, - #00f 67%, - #f0f 83%, - red); -} - -.p-colorpicker-preview { - width: 1.5rem; - height: 1.5rem; - padding: 0; - border: 0 none; - border-radius: var(--p-rounded-base); - transition: outline-color var(--p-transition-duration); - outline-color: transparent; -} - -.p-colorpicker-preview:enabled:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -.p-colorpicker > .p-colorpicker-panel { - background: var(--p-colorpicker-panel-background); - border: 1px solid var(--p-colorpicker-panel-border-color); - border-radius: var(--p-rounded-base); -} - -.p-colorpicker-panel .p-colorpicker-color-handle, -.p-colorpicker-panel .p-colorpicker-hue-handle { - border-color: var(--p-colorpicker-handle-color); -} - -.p-colorpicker-overlay-panel { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); -} -` -}; diff --git a/components/lib/theme/aura/colorpicker/package.json b/components/lib/theme/aura/colorpicker/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/colorpicker/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/confirmdialog/index.js b/components/lib/theme/aura/confirmdialog/index.js deleted file mode 100644 index 86f234049..000000000 --- a/components/lib/theme/aura/confirmdialog/index.js +++ /dev/null @@ -1,19 +0,0 @@ -export default { - variables: { - colorScheme: { - light: {}, - dark: {} - } - }, - css: ` -.p-confirm-dialog .p-dialog-content { - display: flex; - align-items: center; - gap: 1rem; -} - -.p-confirm-dialog-icon { - font-size: 2rem; -} -` -}; diff --git a/components/lib/theme/aura/confirmdialog/package.json b/components/lib/theme/aura/confirmdialog/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/confirmdialog/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/confirmpopup/index.js b/components/lib/theme/aura/confirmpopup/index.js deleted file mode 100644 index 7b599b1e6..000000000 --- a/components/lib/theme/aura/confirmpopup/index.js +++ /dev/null @@ -1,129 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - background: '{surface.0}', - borderColor: '{surface.200}', - textColor: '{surface.700}' - } - }, - dark: { - root: { - background: '{surface.900}', - borderColor: '{surface.700}', - textColor: '{surface.0}' - } - } - } - }, - css: ` -.p-confirm-popup { - position: absolute; - margin-top: 10px; - top: 0; - left: 0; - background: var(--p-confirmpopup-background); - color: var(--p-confirmpopup-text-color); - border: 1px solid var(--p-confirmpopup-border-color); - border-radius: var(--p-rounded-base); - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); -} - -.p-confirm-popup-content { - display: flex; - align-items: center; - padding: 1rem; -} - -.p-confirm-popup-icon { - font-size: 1.5rem; - width: 1.5rem; - height: 1.5rem; -} - -.p-confirm-popup-message { - margin-left: 1rem; -} - -.p-confirm-popup-footer { - display: flex; - justify-content: flex-end; - gap: 0.5rem; - padding: 0 1rem 1rem 1rem; -} - -.p-confirm-popup-footer button { - width: auto; -} - -.p-confirm-popup-footer button:last-child { - margin: 0; -} - -.p-confirm-popup-flipped { - margin-top: 0; - margin-bottom: 10px; -} - -.p-confirm-popup-enter-from { - opacity: 0; - transform: scaleY(0.8); -} - -.p-confirm-popup-leave-to { - opacity: 0; -} - -.p-confirm-popup-enter-active { - transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); -} - -.p-confirm-popup-leave-active { - transition: opacity 0.1s linear; -} - -.p-confirm-popup:after, -.p-confirm-popup:before { - bottom: 100%; - left: calc(var(--overlayArrowLeft, 0) + 1.25rem); - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; -} - -.p-confirm-popup:after { - border-width: 8px; - margin-left: -8px; - border-style: solid; - border-color: transparent; - border-bottom-color: var(--p-confirmpopup-background); -} - -.p-confirm-popup:before { - border-width: 10px; - margin-left: -10px; - border-style: solid; - border-color: transparent; - border-bottom-color: var(--p-confirmpopup-border-color); -} - -.p-confirm-popup-flipped:after, -.p-confirm-popup-flipped:before { - bottom: auto; - top: 100%; -} - -.p-confirm-popup-flipped:after { - border-bottom-color: transparent; - border-top-color: var(--p-confirmpopup-background); -} - -.p-confirm-popup-flipped:before { - border-bottom-color: transparent; - border-top-color: var(--p-confirmpopup-border-color); -} -` -}; diff --git a/components/lib/theme/aura/confirmpopup/package.json b/components/lib/theme/aura/confirmpopup/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/confirmpopup/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/contextmenu/index.js b/components/lib/theme/aura/contextmenu/index.js deleted file mode 100644 index f9067d1de..000000000 --- a/components/lib/theme/aura/contextmenu/index.js +++ /dev/null @@ -1,172 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - background: '{surface.0}', - borderColor: '{surface.200}', - textColor: '{surface.700}' - }, - item: { - backgroundFocus: '{surface.100}', - text: { - color: '{surface.700}', - colorFocus: '{surface.800}' - }, - icon: { - color: '{surface.400}', - colorFocus: '{surface.500}' - } - }, - separator: { - borderColor: '{surface.200}' - } - }, - dark: { - root: { - background: '{surface.900}', - borderColor: '{surface.700}', - textColor: '{surface.0}' - }, - item: { - backgroundFocus: '{surface.800}', - text: { - color: '{surface.0}', - colorFocus: '{surface.0}' - }, - icon: { - color: '{surface.500}', - colorFocus: '{surface.400}' - } - }, - separator: { - borderColor: '{surface.700}' - } - } - } - }, - css: ` -.p-contextmenu { - padding: 0.25rem 0.25rem; - background: var(--p-contextmenu-background); - color: var(--p-contextmenu-text-color); - border: 1px solid var(--p-contextmenu-border-color); - border-radius: var(--p-rounded-base); - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); - min-width: 12.5rem; -} - -.p-contextmenu ul { - margin: 0; - padding: 0; - list-style: none; -} - -.p-contextmenu-root-list { - outline: 0 none; -} - -.p-contextmenu .p-submenu-list { - position: absolute; - min-width: 100%; - z-index: 1; - padding: 0.25rem 0.25rem; - background: var(--p-contextmenu-background); - color: var(--p-contextmenu-text-color); - border: 1px solid var(--p-contextmenu-border-color); - border-radius: var(--p-rounded-base); - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); -} - -.p-contextmenu .p-menuitem-link { - cursor: pointer; - display: flex; - align-items: center; - text-decoration: none; - overflow: hidden; - position: relative; - color: inherit; - padding: 0.5rem 0.75rem; - user-select: none; -} - -.p-contextmenu .p-menuitem-text { - line-height: 1; -} - -.p-contextmenu .p-menuitem { - position: relative; - margin: 2px 0; -} - -.p-contextmenu .p-menuitem:first-child { - margin-top: 0; -} -.p-contextmenu .p-menuitem:last-child { - margin-bottom: 0; -} - -.p-contextmenu .p-menuitem-content { - transition: background-color var(--p-transition-duration), color var(--p-transition-duration); - border-radius: var(--p-rounded-sm); - color: var(--p-contextmenu-item-text-color); -} - -.p-contextmenu .p-menuitem-icon { - color: var(--p-contextmenu-item-icon-color); - margin-right: 0.5rem; -} - -.p-contextmenu .p-submenu-icon { - color: var(--p-contextmenu-item-icon-color); - margin-left: auto; - font-size: 0.875rem; - width: 0.875rem; - height: 0.875rem; -} - -.p-contextmenu .p-menuitem.p-focus > .p-menuitem-content { - color: var(--p-contextmenu-item-text-color-focus); - background: var(--p-contextmenu-item-background-focus); -} - -.p-contextmenu .p-menuitem.p-focus > .p-menuitem-content .p-menuitem-icon, -.p-contextmenu .p-menuitem.p-focus > .p-menuitem-content .p-submenu-icon { - color: var(--p-contextmenu-item-icon-color-focus); -} - -.p-contextmenu .p-menuitem:not(.p-disabled) > .p-menuitem-content:hover { - color: var(--p-contextmenu-item-text-color-focus); - background: var(--p-contextmenu-item-background-focus); -} - -.p-contextmenu .p-menuitem:not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-icon, -.p-contextmenu .p-menuitem:not(.p-disabled) > .p-menuitem-content:hover .p-submenu-icon { - color: var(--p-contextmenu-item-icon-color-focus); -} - -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-content { - color: var(--p-contextmenu-item-text-color-focus); - background: var(--p-contextmenu-item-background-focus); -} - -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-content .p-menuitem-icon, -.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-content .p-submenu-icon { - color: var(--p-contextmenu-item-icon-color-focus); -} - -.p-contextmenu .p-menuitem-separator { - border-top: 1px solid var(--p-contextmenu-separator-border-color); - margin: 2px 0; -} - -.p-contextmenu-enter-from, -.p-contextmenu-leave-active { - opacity: 0; -} - -.p-contextmenu-enter-active { - transition: opacity 250ms; -} -` -}; diff --git a/components/lib/theme/aura/contextmenu/package.json b/components/lib/theme/aura/contextmenu/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/contextmenu/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/datatable/index.js b/components/lib/theme/aura/datatable/index.js deleted file mode 100644 index a3eb97c93..000000000 --- a/components/lib/theme/aura/datatable/index.js +++ /dev/null @@ -1,625 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - header: { - background: '{surface.0}', - borderColor: '{surface.200}', - textColor: '{surface.700}' - }, - headerCell: { - background: '{surface.0}', - backgroundHover: '{surface.100}', - borderColor: '{surface.200}', - textColor: '{surface.700}', - textColorHover: '{surface.800}' - }, - row: { - background: '{surface.0}', - backgroundStriped: '{surface.50}', - backgroundHover: '{surface.100}', - textColor: '{surface.700}', - textColorHover: '{surface.800}' - }, - bodyCell: { - borderColor: '{surface.200}', - borderColorSelected: '{primary.100}' - }, - footerCell: { - background: '{surface.0}', - borderColor: '{surface.200}', - textColor: '{surface.700}' - }, - footer: { - background: '{surface.0}', - borderColor: '{surface.200}', - textColor: '{surface.700}' - }, - dropPointColor: '{primary.color}', - resizerColor: '{primary.color}', - sortIcon: { - color: '{surface.500}', - colorHover: '{surface.600}' - }, - rowAction: { - backgroundHover: '{surface.100}', - backgroundHoverHighlight: '{surface.0}', - color: '{surface.500}', - colorHover: '{surface.500}' - } - }, - dark: { - header: { - background: '{surface.900}', - borderColor: '{surface.800}', - textColor: '{surface.0}' - }, - headerCell: { - background: '{surface.900}', - backgroundHover: '{surface.800}', - borderColor: '{surface.800}', - textColor: '{surface.0}', - textColorHover: '{surface.0}' - }, - row: { - background: '{surface.900}', - backgroundStriped: '{surface.950}', - backgroundHover: '{surface.800}', - textColor: '{surface.0}', - textColorHover: '{surface.0}' - }, - bodyCell: { - borderColor: '{surface.800}', - borderColorSelected: '{primary.900}' - }, - footerCell: { - background: '{surface.900}', - borderColor: '{surface.800}', - textColor: '{surface.0}' - }, - footer: { - background: '{surface.900}', - borderColor: '{surface.800}', - textColor: '{surface.0}' - }, - dropPointColor: '{primary.color}', - resizerColor: '{primary.color}', - sortIcon: { - color: '{surface.400}', - colorHover: '{surface.300}' - }, - rowAction: { - backgroundHover: '{surface.800}', - backgroundHoverHighlight: '{surface.900}', - color: '{surface.400}', - colorHover: '{surface.300}' - } - } - } - }, - css: ` -.p-datatable { - position: relative; -} - -.p-datatable-table { - border-spacing: 0px; - width: 100%; -} - -.p-datatable .p-sortable-column { - cursor: pointer; - user-select: none; - outline-color: transparent; -} - -.p-datatable .p-sortable-column .p-column-title, -.p-datatable .p-sortable-column .p-sortable-column-icon, -.p-datatable .p-sortable-column .p-sortable-column-badge { - vertical-align: middle; -} - -.p-datatable .p-sortable-column .p-sortable-column-icon { - color: var(--p-datatable-sort-icon-color); - margin-left: 0.5rem; - transition: color var(--p-transition-duration); -} - -.p-datatable .p-sortable-column .p-sortable-column-badge { - display: inline-flex; - align-items: center; - justify-content: center; - border-radius: 50%; - height: 1rem; - min-width: 1rem; - line-height: 1rem; - margin-left: 0.5rem; -} - -.p-datatable .p-sortable-column:not(.p-highlight):hover { - background: var(--p-datatable-header-cell-background-hover); - color: var(--p-datatable-header-cell-text-color-hover); -} - -.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: var(--p-datatable-sort-icon-color-hover); -} - -.p-datatable .p-sortable-column.p-highlight { - background: var(--p-highlight-background); - color: var(--p-highlight-text-color); -} - -.p-datatable .p-sortable-column:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: -1px; -} - -.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: var(--p-highlight-text-color); -} - -.p-datatable-hoverable-rows .p-selectable-row { - cursor: pointer; -} - -.p-datatable-scrollable > .p-datatable-wrapper { - position: relative; -} - -.p-datatable-scrollable-table > .p-datatable-thead { - top: 0; - z-index: 1; -} - -.p-datatable-scrollable-table > .p-datatable-frozen-tbody { - position: sticky; - z-index: 1; -} - -.p-datatable-scrollable-table>.p-datatable-tfoot { - bottom: 0; - z-index: 1; -} - -.p-datatable-scrollable .p-frozen-column { - position: sticky; - background: inherit; -} - -.p-datatable-scrollable th.p-frozen-column { - z-index: 1; -} - -.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, -.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead { - background: var(--p-datatable-header-cell-background); -} - -.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, -.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot { - background: var(--p-datatable-footer-cell-background); -} - -.p-datatable-flex-scrollable { - display: flex; - flex-direction: column; - height: 100%; -} - -.p-datatable-flex-scrollable>.p-datatable-wrapper { - display: flex; - flex-direction: column; - flex: 1; - height: 100%; -} - -.p-datatable-scrollable-table>.p-datatable-tbody>.p-rowgroup-header { - position: sticky; - z-index: 1; -} - -/* Resizable */ -.p-datatable-resizable-table > .p-datatable-thead > tr > th, -.p-datatable-resizable-table > .p-datatable-tfoot > tr > td, -.p-datatable-resizable-table > .p-datatable-tbody > tr > td { - overflow: hidden; - white-space: nowrap; -} - -.p-datatable-resizable-table>.p-datatable-thead > tr > th.p-resizable-column:not(.p-frozen-column) { - background-clip: padding-box; - position: relative; -} - -.p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-resizable-column:last-child .p-column-resizer { - display: none; -} - -.p-datatable .p-column-resizer { - display: block; - position: absolute; - top: 0; - right: 0; - margin: 0; - width: 0.5rem; - height: 100%; - padding: 0px; - cursor: col-resize; - border: 1px solid transparent; -} - -.p-datatable .p-column-header-content { - display: flex; - align-items: center; -} - -.p-datatable .p-column-resizer-helper { - width: 1px; - position: absolute; - z-index: 10; - display: none; - background: var(--p-datatable-resizer-color); -} - -.p-datatable .p-row-toggler, -.p-datatable .p-row-editor-init, -.p-datatable .p-row-editor-save, -.p-datatable .p-row-editor-cancel { - display: inline-flex; - align-items: center; - justify-content: center; - overflow: hidden; - position: relative; - width: 1.75rem; - height: 1.75rem; - color: var(--p-datatable-row-action-color); - border: 0 none; - border-radius: 50%; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), box-shadow var(--p-transition-duration), outline-color var(--p-transition-duration); - outline-color: transparent; -} - -.p-datatable .p-row-toggler:enabled:hover, -.p-datatable .p-row-editor-init:enabled:hover, -.p-datatable .p-row-editor-save:enabled:hover, -.p-datatable .p-row-editor-cancel:enabled:hover { - color: var(--p-datatable-row-action-color-hover); - background: var(--p-datatable-row-action-background-hover); -} - -.p-datatable .p-row-toggler:focus-visible, -.p-datatable .p-row-editor-init:focus-visible, -.p-datatable .p-row-editor-save:focus-visible, -.p-datatable .p-row-editor-cancel:focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; -} - -.p-datatable .p-row-editor-save { - margin-right: 0.5rem; -} - -.p-datatable-tbody > tr.p-highlight .p-row-toggler:hover, -.p-datatable-tbody > tr.p-highlight .p-row-editor-init:hover, -.p-datatable-tbody > tr.p-highlight .p-row-editor-save:hover, -.p-datatable-tbody > tr.p-highlight .p-row-editor-cancel:hover { - background: var(--p-datatable-row-action-background-hover-highlight); - color: inherit; -} - -.p-datatable-reorder-indicator-up, -.p-datatable-reorder-indicator-down { - position: absolute; - display: none; -} - -.p-reorderable-column, -.p-datatable-reorderablerow-handle { - cursor: move; -} - -.p-datatable .p-datatable-loading-overlay { - position: absolute; - display: flex; - align-items: center; - justify-content: center; - z-index: 2; -} - -.p-column-filter-row { - display: flex; - align-items: center; - width: 100%; -} - -.p-column-filter-menu { - display: inline-flex; - margin-left: auto; -} - -.p-column-filter-row .p-column-filter-element { - flex: 1 1 auto; - width: 1%; -} - -.p-column-filter-menu-button, -.p-column-filter-clear-button { - display: inline-flex; - justify-content: center; - align-items: center; - cursor: pointer; - text-decoration: none; - overflow: hidden; - position: relative; -} - -.p-column-filter-row-items { - margin: 0; - padding: 0; - list-style: none; -} - -.p-column-filter-row-item { - cursor: pointer; -} - -.p-column-filter-add-button, -.p-column-filter-remove-button { - justify-content: center; -} - -.p-column-filter-add-button .p-button-label, -.p-column-filter-remove-button .p-button-label { - flex-grow: 0; -} - -.p-column-filter-buttonbar { - display: flex; - align-items: center; - justify-content: space-between; -} - -.p-column-filter-buttonbar .p-button:not(.p-button-icon-only) { - width: auto; -} - -.p-datatable-virtualscroller-spacer { - display: flex; -} - -.p-datatable .p-virtualscroller .p-virtualscroller-loading { - transform: none !important; - min-height: 0; - position: sticky; - top: 0; - left: 0; -} - -.p-datatable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} - -.p-datatable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} - -.p-datatable-header { - background: var(--p-datatable-header-background); - color: var(--p-datatable-header-text-color); - border: 1px solid var(--p-datatable-header-border-color); - border-width: 0 0 1px 0; - padding: 0.75rem 1rem; - font-weight: 600; -} - -.p-datatable-footer { - background: var(--p-datatable-header-background); - color: var(--p-datatable-header-text-color); - border: 1px solid var(--p-datatable-header-border-color); - border-width: 0 0 1px 0; - padding: 0.75rem 1rem; - font-weight: 600; -} - -.p-datatable-thead > tr > th { - text-align: left; - padding: 0.75rem 1rem; - background: var(--p-datatable-header-cell-background); - border: 1px solid var(--p-datatable-header-cell-border-color); - border-width: 0 0 1px 0; - color: var(--p-datatable-header-cell-text-color); - font-weight: 600; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), box-shadow var(--p-transition-duration), outline-color var(--p-transition-duration); -} - -.p-datatable-tbody > tr { - outline-color: transparent; - background: var(--p-datatable-row-background); - color: var(--p-datatable-row-text-color); - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), box-shadow var(--p-transition-duration), outline-color var(--p-transition-duration); -} - -.p-datatable-tbody > tr > td { - text-align: left; - border: 1px solid var(--p-datatable-body-cell-border-color); - border-width: 0 0 1px 0; - padding: 0.75rem 1rem; -} - -.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - background: var(--p-datatable-row-background-hover); - color: var(--p-datatable-row-text-color-hover); -} - -.p-datatable-tbody > tr.p-highlight { - background: var(--p-highlight-background); - color: var(--p-highlight-text-color); -} - -.p-datatable-tbody > tr:has(+ .p-highlight) > td { - border-bottom-color: var(--p-datatable-body-cell-border-color-selected); -} - -.p-datatable-tbody > tr.p-highlight > td { - border-bottom-color: var(--p-datatable-body-cell-border-color-selected); -} - -.p-datatable-tbody > tr:focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: -1px; -} - -.p-datatable-tbody > tr.p-highlight-contextmenu { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: -1px; -} - -.p-datatable-tfoot > tr > td { - text-align: left; - padding: 0.75rem 1rem; - border: 1px solid var(--p-datatable-footer-cell-border-color); - border-width: 0 0 1px 0; - font-weight: 600; - color: var(--p-datatable-footer-cell-text-color); - background: var(--p-datatable-footer-cell-background); -} - -.p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 var(--p-datatable-drop-point-color); -} - -.p-datatable-tbody>tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 var(--p-datatable-drop-point-color); -} - -.p-datatable-loading-icon { - font-size: 2rem; - width: 2rem; - height: 2rem; -} - -.p-datatable.p-datatable-gridlines .p-datatable-header { - border-width: 1px 1px 0 1px; -} - -.p-datatable.p-datatable-gridlines .p-datatable-footer { - border-width: 0 1px 1px 1px; -} - -.p-datatable.p-datatable-gridlines .p-paginator-top { - border-width: 0 1px 0 1px; -} - -.p-datatable.p-datatable-gridlines .p-paginator-bottom { - border-width: 0 1px 1px 1px; -} - -.p-datatable.p-datatable-gridlines .p-datatable-thead>tr>th { - border-width: 1px 0 1px 1px; -} - -.p-datatable.p-datatable-gridlines .p-datatable-thead>tr>th:last-child { - border-width: 1px; -} - -.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr>td { - border-width: 1px 0 0 1px; -} - -.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr>td:last-child { - border-width: 1px 1px 0 1px; -} - -.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr:last-child>td { - border-width: 1px 0 1px 1px; -} - -.p-datatable.p-datatable-gridlines .p-datatable-tbody>tr:last-child>td:last-child { - border-width: 1px; -} - -.p-datatable.p-datatable-gridlines .p-datatable-tfoot>tr>td { - border-width: 1px 0 1px 1px; -} - -.p-datatable.p-datatable-gridlines .p-datatable-tfoot>tr>td:last-child { - border-width: 1px 1px 1px 1px; -} - -.p-datatable.p-datatable-gridlines .p-datatable-thead+.p-datatable-tfoot > tr > td { - border-width: 0 0 1px 1px; -} - -.p-datatable.p-datatable-gridlines .p-datatable-thead+.p-datatable-tfoot > tr > td:last-child { - border-width: 0 1px 1px 1px; -} - -.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { - border-width: 0 0 1px 1px; -} - -.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { - border-width: 0 1px 1px 1px; -} - -.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { - border-width: 0 0 0 1px; -} - -.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody >tr:last-child >td:last-child { - border-width: 0 1px 0 1px; -} - -.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd { - background: var(--p-datatable-row-background-striped); -} - -.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight { - background: var(--p-highlight-background); - color: var(--p-highlight-text-color); -} - -.p-datatable.p-datatable-sm .p-datatable-header { - padding: 0.375rem 0.5rem; -} - -.p-datatable.p-datatable-sm .p-datatable-thead > tr > th { - padding: 0.375rem 0.5rem; -} - -.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { - padding: 0.375rem 0.5rem; -} - -.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { - padding: 0.375rem 0.5rem; -} - -.p-datatable.p-datatable-sm .p-datatable-footer { - padding: 0.375rem 0.5rem; -} - -.p-datatable.p-datatable-lg .p-datatable-header { - padding: 0.9375rem 1.25rem; -} - -.p-datatable.p-datatable-lg .p-datatable-thead > tr > th { - padding: 0.9375rem 1.25rem; -} - -.p-datatable.p-datatable-lg .p-datatable-tbody>tr>td { - padding: 0.9375rem 1.25rem; -} - -.p-datatable.p-datatable-lg .p-datatable-tfoot>tr>td { - padding: 0.9375rem 1.25rem; -} - -.p-datatable.p-datatable-lg .p-datatable-footer { - padding: 0.9375rem 1.25rem; -} -` -}; diff --git a/components/lib/theme/aura/datatable/package.json b/components/lib/theme/aura/datatable/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/datatable/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/dataview/index.js b/components/lib/theme/aura/dataview/index.js deleted file mode 100644 index e9db6e05c..000000000 --- a/components/lib/theme/aura/dataview/index.js +++ /dev/null @@ -1,78 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - header: { - background: '{surface.0}', - borderColor: '{surface.200}', - textColor: '{surface.700}' - }, - content: { - background: '{surface.0}', - textColor: '{surface.700}' - }, - footer: { - background: '{surface.0}', - borderColor: '{surface.200}', - textColor: '{surface.700}' - } - }, - dark: { - header: { - background: '{surface.900}', - borderColor: '{surface.700}', - textColor: '{surface.0}' - }, - content: { - background: '{surface.900}', - textColor: '{surface.0}' - }, - footer: { - background: '{surface.900}', - borderColor: '{surface.700}', - textColor: '{surface.0}' - } - } - } - }, - css: ` -.p-dataview .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} - -.p-dataview .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} - -.p-dataview-header { - background: var(--p-dataview-header-background); - color: var(--p-dataview-header-text-color); - border: 1px solid var(--p-dataview-header-border-color); - border-width: 0 0 1px 0; - padding: 0.75rem 1rem; - font-weight: 600; -} - -.p-dataview-content { - background: var(--p-dataview-content-background); - color: var(--p-dataview-content-text-color); - border: 0 none; - padding: 0; -} - -.p-dataview-footer { - background: var(--p-dataview-footer-background); - color: var(--p-dataview-footer-text-color); - border: 1px solid var(--p-dataview-footer-border-color); - border-width: 0 0 1px 0; - padding: 0.75rem 1rem; - font-weight: 600; -} - -.p-dataview-layout-options.p-selectbutton .p-button svg { - position: relative; -} -` -}; diff --git a/components/lib/theme/aura/dataview/package.json b/components/lib/theme/aura/dataview/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/dataview/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/dialog/index.js b/components/lib/theme/aura/dialog/index.js deleted file mode 100644 index 9a1cf2989..000000000 --- a/components/lib/theme/aura/dialog/index.js +++ /dev/null @@ -1,186 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - background: '{surface.0}', - borderColor: '{surface.200}', - textColor: '{surface.700}' - }, - headerIcon: { - color: '{surface.500}', - colorHover: '{surface.600}', - backgroundHover: '{surface.100}' - } - }, - dark: { - root: { - background: '{surface.900}', - borderColor: '{surface.700}', - textColor: '{surface.0}' - }, - headerIcon: { - color: '{surface.400}', - colorHover: '{surface.300}', - backgroundHover: '{surface.800}' - } - } - } - }, - css: ` -.p-dialog { - max-height: 90%; - transform: scale(1); - border-radius: var(--p-rounded-xl); - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); - background: var(--p-dialog-background); - border: 1px solid var(--p-dialog-border-color); - color: var(--p-dialog-text-color); -} - -.p-dialog-content { - overflow-y: auto; - padding: 0 1.5rem 1.5rem 1.5rem; -} - -.p-dialog-header { - display: flex; - align-items: center; - justify-content: space-between; - flex-shrink: 0; - padding: 1.5rem; -} - -.p-dialog-title { - font-weight: 600; - font-size: 1.25rem; -} - -.p-dialog-footer { - flex-shrink: 0; - padding: 0 1.5rem 1.5rem 1.5rem; - display: flex; - justify-content: flex-end; - gap: 0.5rem; -} - -.p-dialog-header-icons { - display: flex; - align-items: center; - gap: 0.5rem; -} - -.p-dialog-header-icon { - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - position: relative; - width: 1.75rem; - height: 1.75rem; - color: var(--p-dialog-header-icon-color); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), outline-color var(--p-transition-duration); - outline-color: transparent; -} - -.p-dialog-header-icon:enabled:hover { - background: var(--p-dialog-header-icon-background-hover); - color: var(--p-dialog-header-icon-color-hover); -} - -.p-dialog-header-icon:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -.p-dialog-enter-active { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.p-dialog-leave-active { - transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1); -} - -.p-dialog-enter-from, -.p-dialog-leave-to { - opacity: 0; - transform: scale(0.7); -} - -.p-dialog-top .p-dialog, -.p-dialog-bottom .p-dialog, -.p-dialog-left .p-dialog, -.p-dialog-right .p-dialog, -.p-dialog-topleft .p-dialog, -.p-dialog-topright .p-dialog, -.p-dialog-bottomleft .p-dialog, -.p-dialog-bottomright .p-dialog { - margin: 0.75rem; - transform: translate3d(0px, 0px, 0px); -} - -.p-dialog-top .p-dialog-enter-active, -.p-dialog-top .p-dialog-leave-active, -.p-dialog-bottom .p-dialog-enter-active, -.p-dialog-bottom .p-dialog-leave-active, -.p-dialog-left .p-dialog-enter-active, -.p-dialog-left .p-dialog-leave-active, -.p-dialog-right .p-dialog-enter-active, -.p-dialog-right .p-dialog-leave-active, -.p-dialog-topleft .p-dialog-enter-active, -.p-dialog-topleft .p-dialog-leave-active, -.p-dialog-topright .p-dialog-enter-active, -.p-dialog-topright .p-dialog-leave-active, -.p-dialog-bottomleft .p-dialog-enter-active, -.p-dialog-bottomleft .p-dialog-leave-active, -.p-dialog-bottomright .p-dialog-enter-active, -.p-dialog-bottomright .p-dialog-leave-active { - transition: all 0.3s ease-out; -} - -.p-dialog-top .p-dialog-enter-from, -.p-dialog-top .p-dialog-leave-to { - transform: translate3d(0px, -100%, 0px); -} - -.p-dialog-bottom .p-dialog-enter-from, -.p-dialog-bottom .p-dialog-leave-to { - transform: translate3d(0px, 100%, 0px); -} - -.p-dialog-left .p-dialog-enter-from, -.p-dialog-left .p-dialog-leave-to, -.p-dialog-topleft .p-dialog-enter-from, -.p-dialog-topleft .p-dialog-leave-to, -.p-dialog-bottomleft .p-dialog-enter-from, -.p-dialog-bottomleft .p-dialog-leave-to { - transform: translate3d(-100%, 0px, 0px); -} - -.p-dialog-right .p-dialog-enter-from, -.p-dialog-right .p-dialog-leave-to, -.p-dialog-topright .p-dialog-enter-from, -.p-dialog-topright .p-dialog-leave-to, -.p-dialog-bottomright .p-dialog-enter-from, -.p-dialog-bottomright .p-dialog-leave-to { - transform: translate3d(100%, 0px, 0px); -} - -.p-dialog-maximized { - width: 100vw !important; - height: 100vh !important; - top: 0px !important; - left: 0px !important; - max-height: 100%; - height: 100%; - border-radius: 0; -} - -.p-dialog-maximized .p-dialog-content { - flex-grow: 1; -} -` -}; diff --git a/components/lib/theme/aura/dialog/package.json b/components/lib/theme/aura/dialog/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/dialog/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/divider/index.js b/components/lib/theme/aura/divider/index.js deleted file mode 100644 index 999c8e87b..000000000 --- a/components/lib/theme/aura/divider/index.js +++ /dev/null @@ -1,102 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - borderColor: '{surface.200}' - }, - content: { - background: '{surface.0}', - textColor: '{surface.700}' - } - }, - dark: { - root: { - borderColor: '{surface.700}' - }, - content: { - background: '{surface.900}', - textColor: '{surface.0}' - } - } - } - }, - css: ` -.p-divider-horizontal { - display: flex; - width: 100%; - position: relative; - align-items: center; - margin: 1rem 0; - padding: 0 1rem; -} - -.p-divider-horizontal:before { - position: absolute; - display: block; - top: 50%; - left: 0; - width: 100%; - content: ""; - border-top: 1px solid var(--p-divider-border-color); -} - -.p-divider-horizontal .p-divider-content { - padding: 0 0.5rem; -} - -.p-divider-vertical { - min-height: 100%; - margin: 0 1rem; - display: flex; - position: relative; - justify-content: center; - margin: 0 1rem; - padding: 1rem 0; -} - -.p-divider-vertical:before { - position: absolute; - display: block; - top: 0; - left: 50%; - height: 100%; - content: ""; - border-left: 1px solid var(--p-divider-border-color); -} - -.p-divider.p-divider-vertical .p-divider-content { - padding: 0.5rem 0; -} - -.p-divider-content { - z-index: 1; - background: var(--p-divider-content-background); - color: var(--p-divider-content-text-color); -} - -.p-divider-solid.p-divider-horizontal:before { - border-top-style: solid; -} - -.p-divider-solid.p-divider-vertical:before { - border-left-style: solid; -} - -.p-divider-dashed.p-divider-horizontal:before { - border-top-style: dashed; -} - -.p-divider-dashed.p-divider-vertical:before { - border-left-style: dashed; -} - -.p-divider-dotted.p-divider-horizontal:before { - border-top-style: dotted; -} - -.p-divider-dotted.p-divider-vertical:before { - border-left-style: dotted; -} - ` -}; diff --git a/components/lib/theme/aura/divider/package.json b/components/lib/theme/aura/divider/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/divider/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/dock/index.js b/components/lib/theme/aura/dock/index.js deleted file mode 100644 index a498c196a..000000000 --- a/components/lib/theme/aura/dock/index.js +++ /dev/null @@ -1,179 +0,0 @@ -export default { - variables: { - colorScheme: { - light: {}, - dark: {} - } - }, - css: ` -.p-dock { - position: absolute; - z-index: 1; - display: flex; - justify-content: center; - align-items: center; - pointer-events: none; -} - -.p-dock-list-container { - display: flex; - pointer-events: auto; - background: rgba(255, 255, 255, 0.1); - border: 1px solid rgba(255, 255, 255, 0.2); - padding: 0.5rem 0.5rem; - border-radius: 0.5rem; -} - -.p-dock-list { - margin: 0; - padding: 0; - list-style: none; - display: flex; - align-items: center; - justify-content: center; - outline: 0 none; -} - -.p-dock-item { - transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); - will-change: transform; - padding: 0.5rem; - border-radius: 6px; -} - -p-dock-item.p-focus { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -.p-dock-link { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - position: relative; - overflow: hidden; - cursor: default; - width: 3rem; - height: 3rem; -} - -.p-dock-item-second-prev, -.p-dock-item-second-next { - transform: scale(1.2); -} - -.p-dock-item-prev, -.p-dock-item-next { - transform: scale(1.4); -} - -.p-dock-item-current { - transform: scale(1.6); - z-index: 1; -} - -.p-dock-top { - left: 0; - top: 0; - width: 100%; -} - -.p-dock-top .p-dock-item { - transform-origin: center top; -} - -.p-dock-bottom { - left: 0; - bottom: 0; - width: 100%; -} - -.p-dock-bottom .p-dock-item { - transform-origin: center bottom; -} - -.p-dock-right { - right: 0; - top: 0; - height: 100%; -} - -.p-dock-right .p-dock-item { - transform-origin: center right; -} - -.p-dock-right .p-dock-list { - flex-direction: column; -} - -.p-dock-left { - left: 0; - top: 0; - height: 100%; -} - -.p-dock-left .p-dock-item { - transform-origin: center left; -} - -.p-dock-left .p-dock-list { - flex-direction: column; -} - -.p-dock-top .p-dock-item-second-prev, -.p-dock-top .p-dock-item-second-next, -.p-dock-bottom .p-dock-item-second-prev, -.p-dock-bottom .p-dock-item-second-next { - margin: 0 0.9rem; -} -.p-dock-top .p-dock-item-prev, -.p-dock-top .p-dock-item-next, -.p-dock-bottom .p-dock-item-prev, -.p-dock-bottom .p-dock-item-next { - margin: 0 1.3rem; -} -.p-dock-top .p-dock-item-current, -.p-dock-bottom .p-dock-item-current { - margin: 0 1.5rem; -} -.p-dock-left .p-dock-item-second-prev, -.p-dock-left .p-dock-item-second-next, -.p-dock-right .p-dock-item-second-prev, -.p-dock-right .p-dock-item-second-next { - margin: 0.9rem 0; -} -.p-dock-left .p-dock-item-prev, -.p-dock-left .p-dock-item-next, -.p-dock-right .p-dock-item-prev, -.p-dock-right .p-dock-item-next { - margin: 1.3rem 0; -} -.p-dock-left .p-dock-item-current, -.p-dock-right .p-dock-item-current { - margin: 1.5rem 0; -} -.p-dock-mobile.p-dock-top .p-dock-list-container, -.p-dock-mobile.p-dock-bottom .p-dock-list-container { - overflow-x: auto; - width: 100%; -} -.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, -.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { - margin: 0 auto; -} -.p-dock-mobile.p-dock-left .p-dock-list-container, -.p-dock-mobile.p-dock-right .p-dock-list-container { - overflow-y: auto; - height: 100%; -} -.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, -.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { - margin: auto 0; -} -.p-dock-mobile .p-dock-list .p-dock-item { - transform: none; - margin: 0; -} -` -}; diff --git a/components/lib/theme/aura/dock/package.json b/components/lib/theme/aura/dock/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/dock/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/fieldset/index.js b/components/lib/theme/aura/fieldset/index.js deleted file mode 100644 index 928e9d053..000000000 --- a/components/lib/theme/aura/fieldset/index.js +++ /dev/null @@ -1,100 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - background: '{surface.0}', - borderColor: '{surface.200}', - textColor: '{surface.700}' - }, - legend: { - backgroundHover: '{surface.100}', - textColor: '{surface.700}', - textColorHover: '{surface.800}' - }, - toggleIcon: { - color: '{surface.500}', - colorHover: '{surface.600}' - } - }, - dark: { - root: { - background: '{surface.900}', - borderColor: '{surface.700}', - textColor: '{surface.0}' - }, - legend: { - backgroundHover: '{surface.800}', - textColor: '{surface.0}', - textColorHover: '{surface.0}' - }, - toggleIcon: { - color: '{surface.400}', - colorHover: '{surface.300}' - } - } - } - }, - css: ` -.p-fieldset { - border: 1px solid var(--p-fieldset-border-color); - background: var(--p-fieldset-background); - color: var(--p-fieldset-text-color); - border-radius: var(--p-rounded-base); - padding: 0 1.125rem 1.125rem 1.125rem; - margin: 0; -} - -.p-fieldset-legend { - font-weight: 600; - border-radius: 6px; - border: 0 none; - padding: 0.5rem 0.75rem; - margin-bottom: 0.375rem; -} - -.p-fieldset-toggleable > .p-fieldset-legend { - padding: 0; -} - -.p-fieldset-toggleable > .p-fieldset-legend > a { - cursor: pointer; - user-select: none; - overflow: hidden; - position: relative; - text-decoration: none; - display: flex; - gap: 0.5rem; - align-items: center; - justify-content: center; - padding: 0.5rem 0.75rem; - color: var(--p-legend-text-color); - border-radius: var(--p-rounded-base); - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), outline-color var(--p-transition-duration); - outline-color: transparent; -} - -.p-fieldset-toggleable > .p-fieldset-legend > a:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -.p-fieldset-toggleable > .p-fieldset-legend > a:hover { - color: var(--p-fieldset-legend-text-color-hover); - background: var(--p-fieldset-legend-background-hover); -} - -.p-fieldset-toggler { - color: var(--p-fieldset-toggle-icon-color); - transition: color var(--p-transition-duration); -} - -.p-fieldset-toggleable > .p-fieldset-legend > a:hover > .p-fieldset-toggler { - color: var(--p-fieldset-toggle-icon-color-hover); -} - -.p-fieldset .p-fieldset-content { - padding: 0; -} - ` -}; diff --git a/components/lib/theme/aura/fieldset/package.json b/components/lib/theme/aura/fieldset/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/fieldset/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/fileupload/index.js b/components/lib/theme/aura/fileupload/index.js deleted file mode 100644 index 024b6b227..000000000 --- a/components/lib/theme/aura/fileupload/index.js +++ /dev/null @@ -1,11 +0,0 @@ -export default { - variables: { - colorScheme: { - light: {}, - dark: {}, - }, - }, - css: ` - -`, -}; diff --git a/components/lib/theme/aura/fileupload/package.json b/components/lib/theme/aura/fileupload/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/fileupload/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/galleria/index.js b/components/lib/theme/aura/galleria/index.js deleted file mode 100644 index 5373c9b67..000000000 --- a/components/lib/theme/aura/galleria/index.js +++ /dev/null @@ -1,466 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - navigator: { - backgroundHover: 'rgba(255, 255, 255, 0.1)', - color: '{surface.100}' - }, - thumbnailNavigator: { - backgroundHover: '{surface.200}', - color: '{surface.600}', - colorHover: '{surface.700}' - }, - thumbnailContainer: { - background: '{surface.50}' - }, - caption: { - background: 'rgba(0, 0, 0, 0.5)', - textColor: '{surface.100}' - }, - indicator: { - background: '{surface.200}', - backgroundHover: '{surface.300}', - backgroundActive: '{primary.color}' - }, - insetIndicators: { - background: 'rgba(0, 0, 0, 0.5)' - }, - insetIndicator: { - background: 'rgba(255, 255, 255, 0.4)', - backgroundHover: 'rgba(255, 255, 255, 0.4)', - backgroundActive: '{primary.color}' - }, - mask: { - background: 'rgba(0,0,0,0.9)' - }, - close: { - backgroundHover: 'rgba(255,255,255,0.1)', - color: '{surface.50}', - colorHover: '{surface.0}' - } - }, - dark: { - navigator: { - backgroundHover: 'rgba(255, 255, 255, 0.1)', - color: '{surface.400}' - }, - thumbnailNavigator: { - backgroundHover: '{surface.800}', - color: '{surface.400}', - colorHover: '{surface.300}' - }, - thumbnailContainer: { - background: '{surface.950}' - }, - caption: { - background: 'rgba(0, 0, 0, 0.5)', - textColor: '{surface.100}' - }, - indicator: { - background: '{surface.200}', - backgroundHover: '{surface.300}', - backgroundActive: '{primary.color}' - }, - insetIndicators: { - background: 'rgba(0, 0, 0, 0.5)' - }, - insetIndicator: { - background: 'rgba(255, 255, 255, 0.4)', - backgroundHover: 'rgba(255, 255, 255, 0.4)', - backgroundActive: '{primary.color}' - }, - mask: { - background: 'rgba(0,0,0,0.9)' - }, - close: { - backgroundHover: 'rgba(255,255,255,0.1)', - color: '{surface.50}', - colorHover: '{surface.0}' - } - } - } - }, - css: ` -.p-galleria-content { - display: flex; - flex-direction: column; -} - -.p-galleria-item-wrapper { - display: flex; - flex-direction: column; - position: relative; -} - -.p-galleria-item-container { - position: relative; - display: flex; - height: 100%; -} - -.p-galleria-item-nav { - position: absolute; - top: 50%; - margin-top: -0.5rem; - display: inline-flex; - justify-content: center; - align-items: center; - overflow: hidden; - background: transparent; - color: var(--p-galleria-navigator-color); - width: 3rem; - height: 3rem; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), outline-color var(--p-transition-duration); - border-radius: 50%; - margin: 0 0.5rem; -} - -.p-galleria-item-nav:not(.p-disabled):hover { - background: var(--p-galleria-navigator-background-hover); -} - -.p-galleria-item-prev-icon, -.p-galleria-item-next-icon { - font-size: 1.5rem; - width: 1.5rem; - height: 1.5rem; -} - -.p-galleria-item-prev { - left: 0; -} - -.p-galleria-item-next { - right: 0; -} - -.p-galleria-item { - display: flex; - justify-content: center; - align-items: center; - height: 100%; - width: 100%; -} - -.p-galleria-item-nav-onhover .p-galleria-item-nav { - pointer-events: none; - opacity: 0; - transition: opacity var(--p-transition-duration) ease-in-out; -} - -.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav { - pointer-events: all; - opacity: 1; -} - -.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled { - pointer-events: none; -} - -.p-galleria-caption { - position: absolute; - bottom: 0; - left: 0; - width: 100%; - background: var(--p-galleria-caption-background); - color: var(--p-galleria-caption-text-color); - padding: 1rem; -} - -.p-galleria-thumbnail-wrapper { - display: flex; - flex-direction: column; - overflow: auto; - flex-shrink: 0; -} - -.p-galleria-thumbnail-prev, -.p-galleria-thumbnail-next { - align-self: center; - flex: 0 0 auto; - display: flex; - justify-content: center; - align-items: center; - overflow: hidden; - position: relative; - margin: 0.5rem; - background: transparent; - color: var(--p-galleria-thumbnail-navigator-color); - width: 2rem; - height: 2rem; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), outline-color var(--p-transition-duration); - outline-color: transparent; - border-radius: 50%; -} - -.p-galleria-thumbnail-prev:hover, -.p-galleria-thumbnail-next:hover { - background: var(--p-galleria-thumbnail-navigator-background-hover); - color: var(--p-galleria-thumbnail-navigator-color-hover); -} - -.p-galleria-thumbnail-prev:focus-visible, -.p-galleria-thumbnail-next:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -.p-galleria-thumbnail-prev span, -.p-galleria-thumbnail-next span { - display: flex; - justify-content: center; - align-items: center; -} - -.p-galleria-thumbnail-container { - display: flex; - flex-direction: row; - background: var(--p-galleria-thumbnail-container-background); - padding: 1rem 0.25rem; -} - -.p-galleria-thumbnail-items-container { - overflow: hidden; - width: 100%; -} - -.p-galleria-thumbnail-items { - display: flex; -} - -.p-galleria-thumbnail-item { - overflow: auto; - display: flex; - align-items: center; - justify-content: center; - cursor: pointer; - opacity: 0.5; -} - -.p-galleria-thumbnail-item-content { - outline-color: transparent; -} - -.p-galleria-thumbnail-item-content:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -.p-galleria-thumbnail-item:hover { - opacity: 1; - transition: opacity 0.3s; -} - -.p-galleria-thumbnail-item-current { - opacity: 1; -} - -.p-galleria-thumbnails-left .p-galleria-content, -.p-galleria-thumbnails-right .p-galleria-content { - flex-direction: row; -} - -.p-galleria-thumbnails-left .p-galleria-item-wrapper, -.p-galleria-thumbnails-right .p-galleria-item-wrapper { - flex-direction: row; -} - -.p-galleria-thumbnails-left .p-galleria-item-wrapper, -.p-galleria-thumbnails-top .p-galleria-item-wrapper { - order: 2; -} - -.p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper, -.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper { - order: 1; -} - -.p-galleria-thumbnails-left .p-galleria-thumbnail-container, -.p-galleria-thumbnails-right .p-galleria-thumbnail-container { - flex-direction: column; - flex-grow: 1; -} - -.p-galleria-thumbnails-left .p-galleria-thumbnail-items, -.p-galleria-thumbnails-right .p-galleria-thumbnail-items { - flex-direction: column; - height: 100%; -} - -.p-galleria-indicators { - display: flex; - align-items: center; - justify-content: center; - padding: 1rem; - gap: 0.5rem; -} - -.p-galleria-indicator > button { - display: inline-flex; - align-items: center; - background-color: var(--p-galleria-indicator-background); - width: 1rem; - height: 1rem; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), outline-color var(--p-transition-duration); - outline-color: transparent; - border-radius: 50%; -} - -.p-galleria-indicator > button:hover { - background: var(--p-galleria-indicator-background-hover); -} - -.p-galleria-indicator > button:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -.p-galleria-indicator.p-highlight > button { - background-color: var(--p-galleria-indicator-background-active); -} - -.p-galleria-indicators-left .p-galleria-item-wrapper, -.p-galleria-indicators-right .p-galleria-item-wrapper { - flex-direction: row; - align-items: center; -} - -.p-galleria-indicators-left .p-galleria-item-container, -.p-galleria-indicators-top .p-galleria-item-container { - order: 2; -} - -.p-galleria-indicators-left .p-galleria-indicators, -.p-galleria-indicators-top .p-galleria-indicators { - order: 1; -} - -.p-galleria-indicators-left .p-galleria-indicators, -.p-galleria-indicators-right .p-galleria-indicators { - flex-direction: column; -} - -.p-galleria-indicator-onitem .p-galleria-indicators { - position: absolute; - display: flex; - z-index: 1; - background: var(--p-galleria-inset-indicators-background); -} - -.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator > button { - background: var(--p-galleria-inset-indicator-background); -} - -.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight > button { - background-color: var(--p-galleria-inset-indicator-background-active); -} - -.p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators { - top: 0; - left: 0; - width: 100%; - align-items: flex-start; -} - -.p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators { - right: 0; - top: 0; - height: 100%; - align-items: flex-end; -} - -.p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators { - bottom: 0; - left: 0; - width: 100%; - align-items: flex-end; -} - -.p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators { - left: 0; - top: 0; - height: 100%; - align-items: flex-start; -} - - -.p-galleria-mask { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - display: flex; - align-items: center; - justify-content: center; - --p-mask-background: var(--p-galleria-mask-background); -} - -.p-galleria-close { - position: absolute; - top: 0; - right: 0; - display: flex; - justify-content: center; - align-items: center; - overflow: hidden; - margin: 0.5rem; - background: transparent; - color: var(--p-galleria-close-color); - width: 3rem; - height: 3rem; - border-radius: 50%; - outline-color: transparent; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), outline-color var(--p-transition-duration); -} - -.p-galleria-close-icon { - font-size: 1.5rem; - width: 1.5rem; - height: 1.5rem; -} - -.p-galleria-close:hover { - background: var(--p-galleria-close-background-hover); - color: var(--p-galleria-close-color-hover); -} - -.p-galleria-close:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -.p-galleria-mask .p-galleria-item-nav { - position: fixed; - top: 50%; - margin-top: -0.5rem; -} - -.p-galleria-enter-active { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.p-galleria-leave-active { - transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1); -} - -.p-galleria-enter-from, -.p-galleria-leave-to { - opacity: 0; - transform: scale(0.7); -} - -.p-galleria-enter-active .p-galleria-item-nav { - opacity: 0; -} - -.p-items-hidden .p-galleria-thumbnail-item { - visibility: hidden; -} - -.p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active { - visibility: visible; -} -` -}; diff --git a/components/lib/theme/aura/galleria/package.json b/components/lib/theme/aura/galleria/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/galleria/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/global.js b/components/lib/theme/aura/global.js deleted file mode 100644 index f15721bad..000000000 --- a/components/lib/theme/aura/global.js +++ /dev/null @@ -1,232 +0,0 @@ -export default { - css: ` -.p-component, -.p-component * { - box-sizing: border-box; -} - -.p-hidden-space { - visibility: hidden; -} - -.p-reset { - margin: 0; - padding: 0; - border: 0; - outline: 0; - text-decoration: none; - font-size: 100%; - list-style: none; -} - -.p-disabled, -.p-disabled * { - cursor: default; - pointer-events: none; - user-select: none; -} - -.p-component-overlay { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; -} - -.p-unselectable-text { - user-select: none; -} - -.p-sr-only { - border: 0; - clip: rect(1px, 1px, 1px, 1px); - clip-path: inset(50%); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; - word-wrap: normal; -} - -.p-link { - text-align: left; - background-color: transparent; - margin: 0; - padding: 0; - border: none; - cursor: pointer; - user-select: none; -} - -.p-link:disabled { - cursor: default; -} - -/* Non vue overlay animations */ -.p-connected-overlay { - opacity: 0; - transform: scaleY(0.8); - transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), - opacity 0.12s cubic-bezier(0, 0, 0.2, 1); -} - -.p-connected-overlay-visible { - opacity: 1; - transform: scaleY(1); -} - -.p-connected-overlay-hidden { - opacity: 0; - transform: scaleY(1); - transition: opacity 0.1s linear; -} - -/* Vue based overlay animations */ -.p-connected-overlay-enter-from { - opacity: 0; - transform: scaleY(0.8); -} - -.p-connected-overlay-leave-to { - opacity: 0; -} - -.p-connected-overlay-enter-active { - transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), - opacity 0.12s cubic-bezier(0, 0, 0.2, 1); -} - -.p-connected-overlay-leave-active { - transition: opacity 0.1s linear; -} - -/* Toggleable Content */ -.p-toggleable-content-enter-from, -.p-toggleable-content-leave-to { - max-height: 0; -} - -.p-toggleable-content-enter-to, -.p-toggleable-content-leave-from { - max-height: 1000px; -} - -.p-toggleable-content-leave-active { - overflow: hidden; - transition: max-height 0.45s cubic-bezier(0, 1, 0, 1); -} - -.p-toggleable-content-enter-active { - overflow: hidden; - transition: max-height 1s ease-in-out; -} - -* { - box-sizing: border-box; -} - -.p-component { - font-family: var(--p-font-family); - font-feature-settings: var(--p-font-feature-settings, normal); - font-size: 1rem; - font-weight: normal; -} - -.p-component-overlay { - background-color: rgba(0, 0, 0, 0.4); - transition-duration: var(--p-transition-duration); -} - -.p-disabled, -.p-component:disabled { - opacity: 0.6; -} - -.p-error { - color: #f87171; -} - -.p-text-secondary { - color: #64748b; -} - -.pi { - font-size: 1rem; -} - -.p-icon { - width: 1rem; - height: 1rem; -} - -.p-link { - font-family: var(--p-font-family); - font-feature-settings: var(--p-font-feature-settings, normal); - font-size: 1rem; - border-radius: 6px; - outline-color: transparent; -} -.p-link:focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: 2px; - box-shadow: none; -} - -.p-component-overlay-enter { - animation: p-component-overlay-enter-animation 150ms forwards; -} - -.p-component-overlay-leave { - animation: p-component-overlay-leave-animation 150ms forwards; -} - -@keyframes p-component-overlay-enter-animation { - from { - background-color: transparent; - } - to { - background-color: var(--p-mask-background); - } -} -@keyframes p-component-overlay-leave-animation { - from { - background-color: var(--p-mask-background); - } - to { - background-color: transparent; - } -} - -.p-ripple { - overflow: hidden; - position: relative; -} - -.p-ink { - display: block; - position: absolute; - background: rgba(255, 255, 255, 0.5); - border-radius: 100%; - transform: scale(0); - pointer-events: none; -} - -.p-ink-active { - animation: ripple 0.4s linear; -} - -.p-ripple-disabled .p-ink { - display: none; -} - -@keyframes ripple { - 100% { - opacity: 0; - transform: scale(2.5); - } -} -` -}; diff --git a/components/lib/theme/aura/iconfield/index.js b/components/lib/theme/aura/iconfield/index.js deleted file mode 100644 index 429a8fcd8..000000000 --- a/components/lib/theme/aura/iconfield/index.js +++ /dev/null @@ -1,35 +0,0 @@ -export default { - variables: { - colorScheme: { - light: {}, - dark: {} - } - }, - css: ` -.p-icon-field { - position: relative; -} - -.p-icon-field .p-input-icon { - position: absolute; - top: 50%; - margin-top: -.5rem; -} - -.p-icon-field-left .p-input-icon { - left: 0.75rem; -} - -.p-icon-field-right .p-input-icon { - right: 0.75rem; -} - -.p-icon-field-left .p-inputtext { - padding-left: 2.5rem; -} - -.p-icon-field-right .p-inputtext { - padding-right: 2.5rem; -} -` -}; diff --git a/components/lib/theme/aura/iconfield/package.json b/components/lib/theme/aura/iconfield/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/iconfield/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/image/index.js b/components/lib/theme/aura/image/index.js deleted file mode 100644 index cf7347edb..000000000 --- a/components/lib/theme/aura/image/index.js +++ /dev/null @@ -1,141 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - previewIndicator: { - background: '{maskBackground}', - textColor: '{surface.200}' - }, - mask: { - background: 'rgba(0,0,0,0.9)' - }, - action: { - backgroundHover: 'rgba(255,255,255,0.1)', - color: '{surface.50}', - colorHover: '{surface.0}' - } - }, - dark: { - previewIndicator: { - background: '{maskBackground}', - textColor: '{surface.200}' - }, - mask: { - background: 'rgba(0,0,0,0.9)' - }, - action: { - backgroundHover: 'rgba(255,255,255,0.1)', - color: '{surface.50}', - colorHover: '{surface.0}' - } - } - } - }, - css: ` -.p-image-mask { - display: flex; - align-items: center; - justify-content: center; - --p-mask-background: var(--p-image-mask-background); -} - -.p-image-preview-container { - position: relative; - display: inline-flex; - line-height: 0; -} - -.p-image-preview-indicator { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - display: flex; - align-items: center; - justify-content: center; - opacity: 0; - transition: opacity 0.3s; - border: 0 none; - padding: 0; - cursor: pointer; - background: transparent; - color: var(--p-image-preview-indicator-text-color); - transition: background-color var(--p-transition-duration); -} - -.p-image-preview-container:hover > .p-image-preview-indicator { - opacity: 1; - cursor: pointer; - background: var(--p-image-preview-indicator-background); -} - -.p-image-preview-icon { - width: 1.5rem; - height: 1.5rem; -} - -.p-image-toolbar { - position: absolute; - top: 0; - right: 0; - display: flex; - z-index: 1; - padding: 1rem; - gap: 0.5rem; -} - -.p-image-action { - display: inline-flex; - justify-content: center; - align-items: center; - color: var(--p-image-action-color); - background: transparent; - width: 3rem; - height: 3rem; - border-radius: 50%; - outline-color: transparent; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), outline-color var(--p-transition-duration); -} - -.p-image-action:hover { - color: var(--p-image-action-color-hover); - background: var(--p-image-action-background-hover); -} - -.p-image-action:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -.p-image-action .p-icon { - font-size: 1.5rem; - width: 1.5rem; - height: 1.5rem; -} - -.p-image-action.p-disabled { - pointer-events: auto; -} - -.p-image-preview { - transition: transform 0.15s; - max-width: 100vw; - max-height: 100vh; -} - -.p-image-preview-enter-active { - transition: all 150ms cubic-bezier(0, 0, 0.2, 1); -} - -.p-image-preview-leave-active { - transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1); -} - -.p-image-preview-enter-from, -.p-image-preview-leave-to { - opacity: 0; - transform: scale(0.7); -} -` -}; diff --git a/components/lib/theme/aura/image/package.json b/components/lib/theme/aura/image/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/image/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/index.js b/components/lib/theme/aura/index.js deleted file mode 100644 index 92c48ddec..000000000 --- a/components/lib/theme/aura/index.js +++ /dev/null @@ -1,292 +0,0 @@ -import accordion from 'primevue/theme/aura/accordion'; -import avatar from 'primevue/theme/aura/avatar'; -import badge from 'primevue/theme/aura/badge'; -import blockui from 'primevue/theme/aura/blockui'; -import breadcrumb from 'primevue/theme/aura/breadcrumb'; -import button from 'primevue/theme/aura/button'; -import card from 'primevue/theme/aura/card'; -import carousel from 'primevue/theme/aura/carousel'; -import checkbox from 'primevue/theme/aura/checkbox'; -import chip from 'primevue/theme/aura/chip'; -import chips from 'primevue/theme/aura/chips'; -import colorpicker from 'primevue/theme/aura/colorpicker'; -import confirmdialog from 'primevue/theme/aura/confirmdialog'; -import confirmpopup from 'primevue/theme/aura/confirmpopup'; -import contextmenu from 'primevue/theme/aura/contextmenu'; -import datatable from 'primevue/theme/aura/datatable'; -import dataview from 'primevue/theme/aura/dataview'; -import dialog from 'primevue/theme/aura/dialog'; -import divider from 'primevue/theme/aura/divider'; -import dock from 'primevue/theme/aura/dock'; -import fieldset from 'primevue/theme/aura/fieldset'; -import galleria from 'primevue/theme/aura/galleria'; -import global from 'primevue/theme/aura/global'; -import iconfield from 'primevue/theme/aura/iconfield'; -import image from 'primevue/theme/aura/image'; -import inlinemessage from 'primevue/theme/aura/inlinemessage'; -import inplace from 'primevue/theme/aura/inplace'; -import inputgroup from 'primevue/theme/aura/inputgroup'; -import inputswitch from 'primevue/theme/aura/inputswitch'; -import inputtext from 'primevue/theme/aura/inputtext'; -import knob from 'primevue/theme/aura/knob'; -import megamenu from 'primevue/theme/aura/megamenu'; -import menu from 'primevue/theme/aura/menu'; -import menubar from 'primevue/theme/aura/menubar'; -import message from 'primevue/theme/aura/message'; -import metergroup from 'primevue/theme/aura/metergroup'; -import orderlist from 'primevue/theme/aura/orderlist'; -import organizationchart from 'primevue/theme/aura/organizationchart'; -import overlaypanel from 'primevue/theme/aura/overlaypanel'; -import paginator from 'primevue/theme/aura/paginator'; -import panel from 'primevue/theme/aura/panel'; -import panelmenu from 'primevue/theme/aura/panelmenu'; -import password from 'primevue/theme/aura/password'; -import picklist from 'primevue/theme/aura/picklist'; -import progressbar from 'primevue/theme/aura/progressbar'; -import progressspinner from 'primevue/theme/aura/progressspinner'; -import radiobutton from 'primevue/theme/aura/radiobutton'; -import rating from 'primevue/theme/aura/rating'; -import scrollpanel from 'primevue/theme/aura/scrollpanel'; -import scrolltop from 'primevue/theme/aura/scrolltop'; -import selectbutton from 'primevue/theme/aura/selectbutton'; -import sidebar from 'primevue/theme/aura/sidebar'; -import skeleton from 'primevue/theme/aura/skeleton'; -import slider from 'primevue/theme/aura/slider'; -import speeddial from 'primevue/theme/aura/speeddial'; -import splitbutton from 'primevue/theme/aura/splitbutton'; -import splitter from 'primevue/theme/aura/splitter'; -import steps from 'primevue/theme/aura/steps'; -import tabmenu from 'primevue/theme/aura/tabmenu'; -import tabview from 'primevue/theme/aura/tabview'; -import tag from 'primevue/theme/aura/tag'; -import terminal from 'primevue/theme/aura/terminal'; -import textarea from 'primevue/theme/aura/textarea'; -import tieredmenu from 'primevue/theme/aura/tieredmenu'; -import timeline from 'primevue/theme/aura/timeline'; -import toast from 'primevue/theme/aura/toast'; -import togglebutton from 'primevue/theme/aura/togglebutton'; -import toolbar from 'primevue/theme/aura/toolbar'; -import tooltip from 'primevue/theme/aura/tooltip'; -import tree from 'primevue/theme/aura/tree'; -import treetable from 'primevue/theme/aura/treetable'; - -export default { - primitive: { - rounded: { - sm: '4px', - base: '6px', - lg: '8px', - xl: '12px' - }, - emerald: { 50: '#ecfdf5', 100: '#d1fae5', 200: '#a7f3d0', 300: '#6ee7b7', 400: '#34d399', 500: '#10b981', 600: '#059669', 700: '#047857', 800: '#065f46', 900: '#064e3b', 950: '#022c22' }, - green: { 50: '#f0fdf4', 100: '#dcfce7', 200: '#bbf7d0', 300: '#86efac', 400: '#4ade80', 500: '#22c55e', 600: '#16a34a', 700: '#15803d', 800: '#166534', 900: '#14532d', 950: '#052e16' }, - lime: { 50: '#f7fee7', 100: '#ecfccb', 200: '#d9f99d', 300: '#bef264', 400: '#a3e635', 500: '#84cc16', 600: '#65a30d', 700: '#4d7c0f', 800: '#3f6212', 900: '#365314', 950: '#1a2e05' }, - red: { 50: '#fef2f2', 100: '#fee2e2', 200: '#fecaca', 300: '#fca5a5', 400: '#f87171', 500: '#ef4444', 600: '#dc2626', 700: '#b91c1c', 800: '#991b1b', 900: '#7f1d1d', 950: '#450a0a' }, - orange: { 50: '#fff7ed', 100: '#ffedd5', 200: '#fed7aa', 300: '#fdba74', 400: '#fb923c', 500: '#f97316', 600: '#ea580c', 700: '#c2410c', 800: '#9a3412', 900: '#7c2d12', 950: '#431407' }, - amber: { 50: '#fffbeb', 100: '#fef3c7', 200: '#fde68a', 300: '#fcd34d', 400: '#fbbf24', 500: '#f59e0b', 600: '#d97706', 700: '#b45309', 800: '#92400e', 900: '#78350f', 950: '#451a03' }, - yellow: { 50: '#fefce8', 100: '#fef9c3', 200: '#fef08a', 300: '#fde047', 400: '#facc15', 500: '#eab308', 600: '#ca8a04', 700: '#a16207', 800: '#854d0e', 900: '#713f12', 950: '#422006' }, - teal: { 50: '#f0fdfa', 100: '#ccfbf1', 200: '#99f6e4', 300: '#5eead4', 400: '#2dd4bf', 500: '#14b8a6', 600: '#0d9488', 700: '#0f766e', 800: '#115e59', 900: '#134e4a', 950: '#042f2e' }, - cyan: { 50: '#ecfeff', 100: '#cffafe', 200: '#a5f3fc', 300: '#67e8f9', 400: '#22d3ee', 500: '#06b6d4', 600: '#0891b2', 700: '#0e7490', 800: '#155e75', 900: '#164e63', 950: '#083344' }, - sky: { 50: '#f0f9ff', 100: '#e0f2fe', 200: '#bae6fd', 300: '#7dd3fc', 400: '#38bdf8', 500: '#0ea5e9', 600: '#0284c7', 700: '#0369a1', 800: '#075985', 900: '#0c4a6e', 950: '#082f49' }, - blue: { 50: '#eff6ff', 100: '#dbeafe', 200: '#bfdbfe', 300: '#93c5fd', 400: '#60a5fa', 500: '#3b82f6', 600: '#2563eb', 700: '#1d4ed8', 800: '#1e40af', 900: '#1e3a8a', 950: '#172554' }, - indigo: { 50: '#eef2ff', 100: '#e0e7ff', 200: '#c7d2fe', 300: '#a5b4fc', 400: '#818cf8', 500: '#6366f1', 600: '#4f46e5', 700: '#4338ca', 800: '#3730a3', 900: '#312e81', 950: '#1e1b4b' }, - violet: { 50: '#f5f3ff', 100: '#ede9fe', 200: '#ddd6fe', 300: '#c4b5fd', 400: '#a78bfa', 500: '#8b5cf6', 600: '#7c3aed', 700: '#6d28d9', 800: '#5b21b6', 900: '#4c1d95', 950: '#2e1065' }, - purple: { 50: '#faf5ff', 100: '#f3e8ff', 200: '#e9d5ff', 300: '#d8b4fe', 400: '#c084fc', 500: '#a855f7', 600: '#9333ea', 700: '#7e22ce', 800: '#6b21a8', 900: '#581c87', 950: '#3b0764' }, - fuchsia: { 50: '#fdf4ff', 100: '#fae8ff', 200: '#f5d0fe', 300: '#f0abfc', 400: '#e879f9', 500: '#d946ef', 600: '#c026d3', 700: '#a21caf', 800: '#86198f', 900: '#701a75', 950: '#4a044e' }, - pink: { 50: '#fdf2f8', 100: '#fce7f3', 200: '#fbcfe8', 300: '#f9a8d4', 400: '#f472b6', 500: '#ec4899', 600: '#db2777', 700: '#be185d', 800: '#9d174d', 900: '#831843', 950: '#500724' }, - rose: { 50: '#fff1f2', 100: '#ffe4e6', 200: '#fecdd3', 300: '#fda4af', 400: '#fb7185', 500: '#f43f5e', 600: '#e11d48', 700: '#be123c', 800: '#9f1239', 900: '#881337', 950: '#4c0519' }, - slate: { 50: '#f8fafc', 100: '#f1f5f9', 200: '#e2e8f0', 300: '#cbd5e1', 400: '#94a3b8', 500: '#64748b', 600: '#475569', 700: '#334155', 800: '#1e293b', 900: '#0f172a', 950: '#020617' }, - gray: { 50: '#f9fafb', 100: '#f3f4f6', 200: '#e5e7eb', 300: '#d1d5db', 400: '#9ca3af', 500: '#6b7280', 600: '#4b5563', 700: '#374151', 800: '#1f2937', 900: '#111827', 950: '#030712' }, - zinc: { 50: '#fafafa', 100: '#f4f4f5', 200: '#e4e4e7', 300: '#d4d4d8', 400: '#a1a1aa', 500: '#71717a', 600: '#52525b', 700: '#3f3f46', 800: '#27272a', 900: '#18181b', 950: '#09090b' }, - neutral: { 50: '#fafafa', 100: '#f5f5f5', 200: '#e5e5e5', 300: '#d4d4d4', 400: '#a3a3a3', 500: '#737373', 600: '#525252', 700: '#404040', 800: '#262626', 900: '#171717', 950: '#0a0a0a' }, - stone: { 50: '#fafaf9', 100: '#f5f5f4', 200: '#e7e5e4', 300: '#d6d3d1', 400: '#a8a29e', 500: '#78716c', 600: '#57534e', 700: '#44403c', 800: '#292524', 900: '#1c1917', 950: '#0c0a09' } - }, - semantic: { - fontFamily: '"Inter var", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"', - fontFeatureSettings: '"cv02", "cv03", "cv04", "cv11"', - transitionDuration: '0.2s', - focusRing: { - width: '1px', - style: 'solid', - color: '{primary.500}', - offset: '2px' - }, - anchorGutter: '2px', - primary: { - 50: '{emerald.50}', - 100: '{emerald.100}', - 200: '{emerald.200}', - 300: '{emerald.300}', - 400: '{emerald.400}', - 500: '{emerald.500}', - 600: '{emerald.600}', - 700: '{emerald.700}', - 800: '{emerald.800}', - 900: '{emerald.900}', - 950: '{emerald.950}' - }, - colorScheme: { - light: { - surface: { - 0: '#ffffff', - 50: '{slate.50}', - 100: '{slate.100}', - 200: '{slate.200}', - 300: '{slate.300}', - 400: '{slate.400}', - 500: '{slate.500}', - 600: '{slate.600}', - 700: '{slate.700}', - 800: '{slate.800}', - 900: '{slate.900}', - 950: '{slate.950}' - }, - primary: { - color: '{primary.500}', - inverseColor: '#ffffff', - hoverColor: '{primary.600}', - activeColor: '{primary.700}' - }, - highlight: { - background: '{primary.50}', - backgroundFocus: '{primary.100}', - textColor: '{primary.700}', - textColorFocus: '{primary.800}' - }, - maskBackground: 'rgba(0,0,0,0.4)', - formField: { - background: '{surface.0}', - backgroundDisabled: '{surface.200}', - backgroundFilled: '{surface.50}', - backgroundFilledFocus: '{surface.0}', - borderColor: '{surface.300}', - borderColorHover: '{surface.400}', - borderColorFocus: '{primary.color}', - borderColorInvalid: '{red.400}', - textColor: '{surface.700}', - textColorDisabled: '{surface.500}', - placeholderTextColor: '{surface.500}', - boxShadow: '0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)' - } - }, - dark: { - surface: { - 0: '#ffffff', - 50: '{zinc.50}', - 100: '{zinc.100}', - 200: '{zinc.200}', - 300: '{zinc.300}', - 400: '{zinc.400}', - 500: '{zinc.500}', - 600: '{zinc.600}', - 700: '{zinc.700}', - 800: '{zinc.800}', - 900: '{zinc.900}', - 950: '{zinc.950}' - }, - primary: { - color: '{primary.400}', - inverseColor: '{surface.900}', - hoverColor: '{primary.300}', - activeColor: '{primary.200}' - }, - highlight: { - background: 'color-mix(in srgb, {primary.400}, transparent 84%)', - backgroundFocus: 'color-mix(in srgb, {primary.400}, transparent 76%)', - textColor: 'rgba(255,255,255,.87)', - textColorFocus: 'rgba(255,255,255,.87)' - }, - maskBackground: 'rgba(0,0,0,0.4)', - formField: { - background: '{surface.950}', - backgroundDisabled: '{surface.700}', - backgroundFilled: '{surface.800}', - backgroundFilledFocus: '{surface.950}', - borderColor: '{surface.700}', - borderColorHover: '{surface.600}', - borderColorFocus: '{primary.color}', - borderColorInvalid: '{red.300}', - textColor: '{surface.0}', - textColorDisabled: '{surface.400}', - placeholderTextColor: '{surface.400}', - boxShadow: '0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05)' - } - } - } - }, - components: { - global, - accordion, - avatar, - badge, - blockui, - breadcrumb, - button, - card, - carousel, - checkbox, - chip, - chips, - colorpicker, - confirmdialog, - confirmpopup, - contextmenu, - dataview, - datatable, - dialog, - divider, - dock, - fieldset, - galleria, - iconfield, - image, - inlinemessage, - inplace, - inputgroup, - inputswitch, - inputtext, - knob, - megamenu, - menu, - menubar, - message, - metergroup, - orderlist, - organizationchart, - overlaypanel, - paginator, - password, - panel, - panelmenu, - picklist, - progressbar, - progressspinner, - radiobutton, - rating, - scrollpanel, - scrolltop, - selectbutton, - skeleton, - sidebar, - slider, - speeddial, - splitter, - splitbutton, - steps, - tabmenu, - tabview, - textarea, - tieredmenu, - tag, - terminal, - timeline, - togglebutton, - tree, - treetable, - toast, - toolbar - }, - directives: { - tooltip - } -}; diff --git a/components/lib/theme/aura/inlinemessage/index.js b/components/lib/theme/aura/inlinemessage/index.js deleted file mode 100644 index ca99cb5ef..000000000 --- a/components/lib/theme/aura/inlinemessage/index.js +++ /dev/null @@ -1,174 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - info: { - background: 'color-mix(in srgb, {blue.50}, transparent 5%)', - borderColor: '{blue.200}', - textColor: '{blue.600}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)' - }, - success: { - background: 'color-mix(in srgb, {green.50}, transparent 5%)', - borderColor: '{green.200}', - textColor: '{green.600}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)' - }, - warn: { - background: 'color-mix(in srgb,{yellow.50}, transparent 5%)', - borderColor: '{yellow.200}', - textColor: '{yellow.600}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)' - }, - error: { - background: 'color-mix(in srgb, {red.50}, transparent 5%)', - borderColor: '{red.200}', - textColor: '{red.600}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)' - }, - secondary: { - background: '{surface.100}', - borderColor: '{surface.200}', - textColor: '{surface.600}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)' - }, - contrast: { - background: '{surface.900}', - borderColor: '{surface.950}', - textColor: '{surface.50}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)' - } - }, - dark: { - info: { - background: 'color-mix(in srgb, {blue.500}, transparent 84%)', - borderColor: 'color-mix(in srgb, {blue.700}, transparent 64%)', - textColor: '{blue.500}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)' - }, - success: { - background: 'color-mix(in srgb, {green.500}, transparent 84%)', - borderColor: 'color-mix(in srgb, {green.700}, transparent 64%)', - textColor: '{green.500}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)' - }, - warn: { - background: 'color-mix(in srgb, {yellow.500}, transparent 84%)', - borderColor: 'color-mix(in srgb, {yellow.700}, transparent 64%)', - textColor: '{yellow.500}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)' - }, - error: { - background: 'color-mix(in srgb, {red.500}, transparent 84%)', - borderColor: 'color-mix(in srgb, {red.700}, transparent 64%)', - textColor: '{red.500}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)' - }, - secondary: { - background: '{surface.800}', - borderColor: '{surface.700}', - textColor: '{surface.300}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)' - }, - contrast: { - background: '{surface.0}', - borderColor: '{surface.100}', - textColor: '{surface.950}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)' - } - } - } - }, - css: ` -.p-inline-message { - display: inline-flex; - align-items: center; - justify-content: center; - padding: 0.5rem 0.75rem; - margin: 0; - border-radius: var(--p-rounded-base); -} - -.p-inline-message-text { - font-weight: 500; -} - -.p-inline-message-icon { - flex-shrink: 0; - margin-right: 0.5rem; -} - -.p-inline-message-icon-only .p-inline-message-text { - visibility: hidden; - width: 0; -} - -.p-fluid .p-inline-message { - display: flex; -} - -.p-inline-message-info { - background: var(--p-inlinemessage-info-background); - border: 1px solid var(--p-inlinemessage-info-border-color); - color: var(--p-inlinemessage-info-text-color); - box-shadow: var(--p-inlinemessage-info-box-shadow); -} -.p-inline-message-info .p-inline-message-icon { - color: var(--p-inlinemessage-info-text-color); -} - -.p-inline-message-success { - background: var(--p-inlinemessage-success-background); - border: 1px solid var(--p-inlinemessage-success-border-color); - color: var(--p-inlinemessage-success-text-color); - box-shadow: var(--p-inlinemessage-success-box-shadow); -} -.p-inline-message-success .p-inline-message-icon { - color: var(--p-inlinemessage-success-text-color); -} - -.p-inline-message-warn { - background: var(--p-inlinemessage-warn-background); - border: 1px solid var(--p-inlinemessage-warn-border-color); - color: var(--p-inlinemessage-warn-text-color); - box-shadow: var(--p-inlinemessage-warn-box-shadow); -} -.p-inline-message-warn .p-inline-message-icon { - color: var(--p-inlinemessage-warn-text-color); -} - -.p-inline-message-error { - background: var(--p-inlinemessage-error-background); - border: 1px solid var(--p-inlinemessage-error-border-color); - color: var(--p-inlinemessage-error-text-color); - box-shadow: var(--p-inlinemessage-error-box-shadow); -} -.p-inline-message-error .p-inline-message-icon { - color: var(--p-inlinemessage-error-text-color); -} - -.p-inline-message-secondary { - background: var(--p-inlinemessage-secondary-background); - border: 1px solid var(--p-inlinemessage-secondary-border-color); - color: var(--p-inlinemessage-secondary-text-color); - box-shadow: var(--p-inlinemessage-secondary-box-shadow); -} -.p-inline-message-secondary .p-inline-message-icon { - color: var(--p-inlinemessage-secondary-text-color); -} - -.p-inline-message-contrast { - background: var(--p-inlinemessage-contrast-background); - border: 1px solid var(--p-inlinemessage-contrast-border-color); - color: var(--p-inlinemessage-contrast-text-color); - box-shadow: var(--p-inlinemessage-contrast-box-shadow); -} -.p-inline-message-contrast .p-inline-message-icon { - color: var(--p-inlinemessage-contrast-text-color); -} - -.p-inline-message-icon-only .p-inline-message-icon { - margin-right: 0; -} -` -}; diff --git a/components/lib/theme/aura/inlinemessage/package.json b/components/lib/theme/aura/inlinemessage/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/inlinemessage/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/inplace/index.js b/components/lib/theme/aura/inplace/index.js deleted file mode 100644 index ce92a3dfc..000000000 --- a/components/lib/theme/aura/inplace/index.js +++ /dev/null @@ -1,54 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - display: { - backgroundHover: '{surface.100}', - textColorHover: '{surface.800}' - } - }, - dark: { - display: { - backgroundHover: '{surface.800}', - textColorHover: '{surface.0}' - } - } - } - }, - css: ` -.p-inplace .p-inplace-display { - display: inline; - cursor: pointer; -} - -.p-inplace .p-inplace-content { - display: inline; -} - -.p-fluid .p-inplace.p-inplace-closable .p-inplace-content { - display: flex; -} - -.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext { - flex: 1 1 auto; - width: 1%; -} - -.p-inplace-display { - padding: 0.5rem 0.75rem; - border-radius: var(--p-rounded-base); - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), outline-color var(--p-transition-duration); - outline-color: transparent; -} - -.p-inplace-display:not(.p-disabled):hover { - background: var(--p-inplace-display-background-hover); - color: var(--p-inplace-display-text-color-hover); -} - -.p-inplace-display:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - ` -}; diff --git a/components/lib/theme/aura/inplace/package.json b/components/lib/theme/aura/inplace/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/inplace/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/inputgroup/index.js b/components/lib/theme/aura/inputgroup/index.js deleted file mode 100644 index 59c8f574e..000000000 --- a/components/lib/theme/aura/inputgroup/index.js +++ /dev/null @@ -1,111 +0,0 @@ -export default { - variables: { - common: { - addon: { - background: '{form.field.background.color}', - borderColor: '{form.field.border.color}', - textColor: '{form.field.placeholder.color}' - } - } - }, - css: ` -.p-inputgroup { - display: flex; - align-items: stretch; - width: 100%; -} - -.p-inputgroup-addon { - display: flex; - align-items: center; - justify-content: center; - padding: 0.5rem; - background: var(--p-inputgroup-addon-background); - color: var(--p-inputgroup-addon-text-color); - border-top: 1px solid var(--p-inputgroup-addon-border-color); - border-left: 1px solid var(--p-inputgroup-addon-border-color); - border-bottom: 1px solid var(--p-inputgroup-addon-border-color); - padding: 0.5rem 0.75rem; - min-width: 2.5rem; -} - -.p-inputgroup .p-float-label { - display: flex; - align-items: stretch; - width: 100%; -} - -.p-inputgroup .p-inputtext, -.p-fluid .p-inputgroup .p-inputtext, -.p-inputgroup .p-inputwrapper, -.p-fluid .p-inputgroup .p-input { - flex: 1 1 auto; - width: 1%; -} - -.p-inputgroup-addon:last-child { - border-right: 1px solid var(--p-inputgroup-addon-border-color); -} - -.p-inputgroup > .p-component, -.p-inputgroup > .p-inputwrapper > .p-inputtext, -.p-inputgroup > .p-float-label > .p-component { - border-radius: 0; - margin: 0; -} - -.p-inputgroup > .p-component + .p-inputgroup-addon, -.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon, -.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { - border-left: 0 none; -} - -.p-inputgroup > .p-component:focus, -.p-inputgroup > .p-inputwrapper > .p-inputtext:focus, -.p-inputgroup > .p-float-label > .p-component:focus { - z-index: 1; -} - -.p-inputgroup > .p-component:focus ~ label, -.p-inputgroup > .p-inputwrapper > .p-inputtext:focus~label, -.p-inputgroup > .p-float-label > .p-component:focus~label { - z-index: 1; -} - -.p-inputgroup-addon:first-child, -.p-inputgroup button:first-child, -.p-inputgroup input:first-child, -.p-inputgroup > .p-inputwrapper:first-child, -.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.p-inputgroup .p-float-label:first-child input { - border-top-left-radius: 6px; - border-bottom-left-radius: 6px; -} - -.p-inputgroup-addon:last-child, -.p-inputgroup button:last-child, -.p-inputgroup input:last-child, -.p-inputgroup > .p-inputwrapper:last-child, -.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-inputgroup .p-float-label:last-child input { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.p-fluid .p-inputgroup .p-button { - width: auto; -} - -.p-fluid .p-inputgroup .p-button.p-button-icon-only { - width: 2.5rem; -} -` -}; diff --git a/components/lib/theme/aura/inputgroup/package.json b/components/lib/theme/aura/inputgroup/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/inputgroup/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/inputswitch/index.js b/components/lib/theme/aura/inputswitch/index.js deleted file mode 100644 index ae7d2a858..000000000 --- a/components/lib/theme/aura/inputswitch/index.js +++ /dev/null @@ -1,128 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - background: '{surface.300}', - backgroundInvalid: '{red.400}', - backgroundHover: '{surface.400}', - backgroundChecked: '{primary.500}', - backgroundCheckedHover: '{primary.600}', - borderRadius: '30px' - }, - handle: { - background: '{surface.0}', - backgroundHover: '{surface.0}', - backgroundChecked: '{surface.0}', - backgroundCheckedHover: '{surface.0}', - backgroundInvalid: '{surface.0}' - } - }, - dark: { - root: { - background: '{surface.700}', - backgroundInvalid: '{red.300}', - backgroundHover: '{surface.600}', - backgroundChecked: '{primary.400}', - backgroundCheckedHover: '{primary.300}', - borderRadius: '30px' - }, - handle: { - background: '{surface.400}', - backgroundHover: '{surface.300}', - backgroundChecked: '{surface.900}', - backgroundCheckedHover: '{surface.900}', - backgroundInvalid: '{surface.900}' - } - } - } - }, - css: ` -.p-inputswitch { - display: inline-block; - width: 2.5rem; - height: 1.5rem; -} - -.p-inputswitch-input { - cursor: pointer; - appearance: none; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - padding: 0; - margin: 0; - opacity: 0; - z-index: 1; - outline: 0 none; - border-radius: var(--p-inputswitch-border-radius); -} - -.p-inputswitch-slider { - position: absolute; - cursor: pointer; - top: 0; - left: 0; - right: 0; - bottom: 0; - border: 0 none; - background: var(--p-inputswitch-background); - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), box-shadow var(--p-transition-duration), outline-color var(--p-transition-duration); - border-radius: var(--p-inputswitch-border-radius); - outline-color: transparent; -} - -.p-inputswitch-slider:before { - position: absolute; - content: ""; - top: 50%; - background: var(--p-inputswitch-handle-background); - width: 1rem; - height: 1rem; - left: 0.25rem; - margin-top: -0.5rem; - border-radius: 50%; - transition: all var(--p-transition-duration); -} - -.p-inputswitch.p-highlight .p-inputswitch-slider { - background: var(--p-inputswitch-background-checked); -} - -.p-inputswitch.p-highlight .p-inputswitch-slider:before { - background: var(--p-inputswitch-handle-background-checked); - left: 1.25rem; -} - -.p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider { - background: var(--p-inputswitch-background-hover); -} - -.p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider:before { - background: var(--p-inputswitch-handle-background-hover); -} - -.p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider { - background: var(--p-inputswitch-background-checked-hover); -} - -.p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider:before { - background: var(--p-inputswitch-handle-background-checked-hover); -} - -.p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -.p-inputswitch.p-invalid > .p-inputswitch-slider { - background: var(--p-inputswitch-background-invalid); -} - -.p-inputswitch.p-invalid > .p-inputswitch-slider:before { - background: var(--p-inputswitch-handle-background-invalid); -} -` -}; diff --git a/components/lib/theme/aura/inputswitch/package.json b/components/lib/theme/aura/inputswitch/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/inputswitch/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/inputtext/index.js b/components/lib/theme/aura/inputtext/index.js deleted file mode 100644 index 97280d5d7..000000000 --- a/components/lib/theme/aura/inputtext/index.js +++ /dev/null @@ -1,81 +0,0 @@ -export default { - variables: { - common: { - root: { - background: '{form.field.background}', - backgroundDisabled: '{form.field.background.disabled}', - backgroundFilled: '{form.field.background.filled}', - backgroundFilledFocus: '{form.field.background.filled.focus}', - borderColor: '{form.field.border.color}', - borderColorHover: '{form.field.border.color.hover}', - borderColorFocus: '{form.field.border.color.focus}', - borderColorInvalid: '{form.field.border.color.invalid}', - textColor: '{form.field.text.color}', - textColorDisabled: '{form.field.text.disabled}', - placeholderTextColor: '{form.field.placeholder.text.color}', - boxShadow: '{form.field.box.shadow}' - } - } - }, - css: ` -.p-inputtext { - font-family: inherit; - font-feature-settings: inherit; - font-size: 1rem; - color: var(--p-inputtext-text-color); - background: var(--p-inputtext-background); - padding: 0.5rem 0.75rem; - border: 1px solid var(--p-inputtext-border-color); - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), outline-color var(--p-transition-duration); - appearance: none; - border-radius: var(--p-rounded-base); - outline-color: transparent; - box-shadow: var(--p-inputtext-box-shadow); -} - -.p-inputtext:enabled:hover { - border-color: var(--p-inputtext-border-color-hover); -} - -.p-inputtext:enabled:focus { - border-color: var(--p-inputtext-border-color-focus); - outline: 0 none; -} - -.p-inputtext.p-invalid { - border-color: var(--p-inputtext-border-color-invalid); -} - -.p-inputtext.p-variant-filled { - background-color: var(--p-inputtext-background-filled); -} - -.p-inputtext.p-variant-filled:enabled:focus { - background-color: var(--p-inputtext-background-filled-focus); -} - -.p-inputtext:disabled { - opacity: 1; - background: var(--p-inputtext-background-disabled); - color: var(--p-inputtext-text-color-disabled); -} - -.p-input-icon-right > svg:last-of-type, -.p-input-icon-right > i:last-of-type { - right: 0.75rem; - color: #94a3b8; -} - -.p-input-icon-right > .p-inputtext { - padding-right: 2.5rem; -} - -.p-inputtext::placeholder { - color: var(--p-inputtext-placeholder-text-color); -} - -.p-fluid .p-inputtext { - width: 100%; -} -` -}; diff --git a/components/lib/theme/aura/inputtext/package.json b/components/lib/theme/aura/inputtext/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/inputtext/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/knob/index.js b/components/lib/theme/aura/knob/index.js deleted file mode 100644 index 489e59269..000000000 --- a/components/lib/theme/aura/knob/index.js +++ /dev/null @@ -1,41 +0,0 @@ -export default { - variables: { - colorScheme: { - light: {}, - dark: {} - } - }, - css: ` -.p-knob-range { - fill: none; - transition: stroke 0.1s ease-in; -} - -.p-knob-value { - animation-name: p-knob-dash-frame; - animation-fill-mode: forwards; - fill: none; -} - -.p-knob-text { - font-size: 1.3rem; - text-align: center; -} - -.p-knob svg { - border-radius: var(--p-rounded-base); - outline-color: transparent; - transition: outline-color var(--p-transition-duration); -} -.p-knob svg:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -@keyframes p-knob-dash-frame { - 100% { - stroke-dashoffset: 0; - } -} -` -}; diff --git a/components/lib/theme/aura/knob/package.json b/components/lib/theme/aura/knob/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/knob/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/megamenu/index.js b/components/lib/theme/aura/megamenu/index.js deleted file mode 100644 index 4dc2bbfb5..000000000 --- a/components/lib/theme/aura/megamenu/index.js +++ /dev/null @@ -1,344 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - background: '{surface.0}', - borderColor: '{surface.200}', - textColor: '{surface.700}' - }, - item: { - backgroundFocus: '{surface.100}', - text: { - color: '{surface.700}', - colorFocus: '{surface.800}' - }, - icon: { - color: '{surface.400}', - colorFocus: '{surface.500}' - } - }, - submenuHeader: { - textColor: '{surface.400}' - }, - separator: { - borderColor: '{surface.200}' - }, - mobileToggle: { - color: '{surface.500}', - colorHover: '{surface.600}', - backgroundHover: '{surface.100}' - } - }, - dark: { - root: { - background: '{surface.900}', - borderColor: '{surface.700}', - textColor: '{surface.0}' - }, - item: { - backgroundFocus: '{surface.800}', - text: { - color: '{surface.0}', - colorFocus: '{surface.0}' - }, - icon: { - color: '{surface.500}', - colorFocus: '{surface.400}' - } - }, - submenuHeader: { - textColor: '{surface.500}' - }, - separator: { - borderColor: '{surface.700}' - }, - toggleIcon: { - color: '{surface.400}', - colorHover: '{surface.300}', - backgroundHover: '{surface.800}' - } - } - } - }, - css: ` -.p-megamenu { - display: flex; - position: relative; - padding: 0.5rem 0.5rem; - background: var(--p-megamenu-background); - color: var(--p-megamenu-text-color); - border: 1px solid var(--p-megamenu-border-color); - border-radius: var(--p-rounded-base); -} - -.p-megamenu-root-list { - margin: 0; - padding: 0; - list-style: none; -} - -.p-megamenu .p-menuitem-content { - transition: background-color var(--p-transition-duration), color var(--p-transition-duration); - border-radius: var(--p-rounded-sm); - color: var(--p-megamenu-item-text-color); -} - -.p-megamenu .p-menuitem-link { - cursor: pointer; - display: flex; - align-items: center; - text-decoration: none; - overflow: hidden; - position: relative; - color: inherit; - padding: 0.5rem 0.75rem; - user-select: none; -} - -.p-megamenu .p-menuitem-text { - line-height: 1; -} - -.p-megamenu .p-menuitem-icon { - color: var(--p-megamenu-item-icon-color); - margin-right: 0.5rem; -} - -.p-megamenu .p-menuitem.p-focus > .p-menuitem-content { - color: var(--p-megamenu-item-text-color-focus); - background: var(--p-megamenu-item-background-focus); -} - -.p-megamenu .p-menuitem.p-focus > .p-menuitem-content .p-menuitem-icon, -.p-megamenu .p-menuitem.p-focus > .p-menuitem-content .p-submenu-icon { - color: var(--p-megamenu-item-icon-color-focus); -} - -.p-megamenu .p-menuitem:not(.p-disabled) > .p-menuitem-content:hover { - color: var(--p-megamenu-item-text-color-focus); - background: var(--p-megamenu-item-background-focus); -} - -.p-megamenu .p-menuitem:not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-icon, -.p-megamenu .p-menuitem:not(.p-disabled) > .p-menuitem-content:hover .p-submenu-icon { - color: var(--p-megamenu-item-icon-color-focus); -} - -.p-megamenu .p-menuitem-active > .p-menuitem-content { - color: var(--p-megamenu-item-text-color-focus); - background: var(--p-megamenu-item-background-focus); -} - -.p-megamenu .p-menuitem-active > .p-menuitem-content .p-menuitem-icon, -.p-megamenu .p-menuitem-active > .p-menuitem-content .p-submenu-icon { - color: var(--p-megamenu-item-icon-color-focus); -} - -.p-megamenu .p-submenu-icon { - color: var(--p-megamenu-item-icon-color); - margin-left: 0.5rem; - font-size: 0.875rem; - width: 0.875rem; - height: 0.875rem; -} - -.p-megamenu-panel { - display: none; - position: absolute; - width: auto; - z-index: 1; - left: 0; - min-width: 100%; - background: var(--p-megamenu-background); - color: var(--p-megamenu-text-color); - border: 1px solid var(--p-megamenu-border-color); - border-radius: var(--p-rounded-base); - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1) -} - -.p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel { - display: block; -} - -.p-megamenu-submenu { - margin: 0; - list-style: none; - padding: 0.25rem 0.25rem; - min-width: 12.5rem; -} - -.p-megamenu-submenu .p-menuitem { - margin: 2px 0; -} - -.p-megamenu-submenu .p-menuitem:first-child { - margin-top: 0; -} - -.p-megamenu-submenu .p-menuitem:last-child { - margin-bottom: 0; -} - -.p-megamenu-submenu .p-submenu-header { - margin: 0; - padding: 0.5rem 0.75rem; - color: var(--p-megamenu-submenu-header-text-color); - font-weight: 600; - margin-bottom: 2px; -} - -.p-megamenu-submenu .p-menuitem-separator { - border-top: 1px solid var(--p-megamenu-separator-border-color); - margin: 2px 0; -} - -.p-megamenu-horizontal { - align-items: center; -} - -.p-megamenu-horizontal .p-megamenu-root-list { - display: flex; - align-items: center; - flex-wrap: wrap; -} - -.p-megamenu-horizontal .p-megamenu-end { - margin-left: auto; - align-self: center; -} - -.p-megamenu-vertical { - display: inline-flex; - flex-direction: column; - min-width: 12.5rem; - padding: 0.25rem 0.25rem; -} - -.p-megamenu-vertical .p-megamenu-root-list { - flex-direction: column; -} - -.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel { - left: 100%; - top: 0; -} - -.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-submenu-icon { - margin-left: auto; -} - -.p-megamenu-grid { - display: flex; -} - -.p-megamenu-col-2, -.p-megamenu-col-3, -.p-megamenu-col-4, -.p-megamenu-col-6, -.p-megamenu-col-12 { - flex: 0 0 auto; - padding: 0.5rem; -} - -.p-megamenu-col-2 { - width: 16.6667%; -} - -.p-megamenu-col-3 { - width: 25%; -} - -.p-megamenu-col-4 { - width: 33.3333%; -} - -.p-megamenu-col-6 { - width: 50%; -} - -.p-megamenu-col-12 { - width: 100%; -} - -.p-megamenu-button { - display: none; - justify-content: center; - align-items: center; - cursor: pointer; - width: 1.75rem; - height: 1.75rem; - position: relative; - color: var(--p-megamenu-mobile-toggle-color); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), outline-color var(--p-transition-duration); - outline-color: transparent; -} - -.p-megamenu-button:hover { - color: var(--p-megamenu-mobile-toggle-color-hover); - background: var(--p-megamenu-mobile-toggle-background-hover); -} - -.p-megamenu-button:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -.p-megamenu-mobile { - display: flex; -} - -.p-megamenu-mobile .p-megamenu-button { - display: flex; -} - -.p-megamenu-mobile .p-megamenu-root-list { - position: absolute; - display: none; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; - width: 100%; - padding: 0.25rem 0.25rem; - background: var(--p-megamenu-background); - border: 1px solid var(--p-megamenu-border-color); - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); - gap: 2px; -} - -.p-megamenu-mobile-active .p-megamenu-root-list { - display: flex; -} - -.p-megamenu-mobile .p-megamenu-root-list .p-menuitem { - width: 100%; - position: static; -} - -.p-megamenu-mobile .p-megamenu-panel { - position: static; - border: 0 none; - border-radius: 0; - box-shadow: none; -} - -.p-megamenu-mobile .p-megamenu-grid { - flex-wrap: wrap; - overflow: auto; - max-height: 90%; -} - -.p-megamenu-mobile .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; -} - -.p-megamenu-mobile .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-content .p-submenu-icon { - transform: rotate(-180deg); -} -` -}; diff --git a/components/lib/theme/aura/megamenu/package.json b/components/lib/theme/aura/megamenu/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/megamenu/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/menu/index.js b/components/lib/theme/aura/menu/index.js deleted file mode 100644 index 956ce2c11..000000000 --- a/components/lib/theme/aura/menu/index.js +++ /dev/null @@ -1,144 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - background: '{surface.0}', - borderColor: '{surface.200}', - textColor: '{surface.700}' - }, - item: { - backgroundFocus: '{surface.100}', - text: { - color: '{surface.700}', - colorFocus: '{surface.800}' - }, - icon: { - color: '{surface.400}', - colorFocus: '{surface.500}' - } - }, - submenuHeader: { - textColor: '{surface.400}' - }, - separator: { - borderColor: '{surface.200}' - } - }, - dark: { - root: { - background: '{surface.900}', - borderColor: '{surface.700}', - textColor: '{surface.0}' - }, - item: { - backgroundFocus: '{surface.800}', - text: { - color: '{surface.0}', - colorFocus: '{surface.0}' - }, - icon: { - color: '{surface.500}', - colorFocus: '{surface.400}' - } - }, - submenuHeader: { - textColor: '{surface.500}' - }, - separator: { - borderColor: '{surface.700}' - } - } - } - }, - css: ` -.p-menu { - padding: 0.25rem 0.25rem; - background: var(--p-menu-background); - color: var(--p-menu-text-color); - border: 1px solid var(--p-menu-border-color); - border-radius: var(--p-rounded-base); - min-width: 12.5rem; -} - -.p-menu ul { - margin: 0; - padding: 0; - list-style: none; -} - -.p-menu .p-menuitem { - margin: 2px 0; -} - -.p-menu .p-menuitem:first-child { - margin-top: 0; -} - -.p-menu .p-menuitem:last-child { - margin-bottom: 0; -} - -.p-menu .p-menuitem-link { - cursor: pointer; - display: flex; - align-items: center; - text-decoration: none; - overflow: hidden; - position: relative; - color: inherit; - padding: 0.5rem 0.75rem; - user-select: none; -} - -.p-menu .p-menuitem-text { - line-height: 1; -} - -.p-menu .p-menuitem-content { - transition: background-color var(--p-transition-duration), color var(--p-transition-duration); - border-radius: var(--p-rounded-sm); - color: var(--p-menu-item-text-color); -} - -.p-menu .p-menuitem-icon { - color: var(--p-menu-item-icon-color); - margin-right: 0.5rem; -} - -.p-menu .p-menuitem.p-focus .p-menuitem-content { - color: var(--p-menu-item-text-color-focus); - background: var(--p-menu-item-background-focus); -} - -.p-menu .p-menuitem.p-focus .p-menuitem-icon { - color: var(--p-menu-item-icon-color-focus); -} - -.p-menu .p-menuitem:not(.p-disabled) .p-menuitem-content:hover { - color: var(--p-menu-item-text-color-focus); - background: var(--p-menu-item-background-focus); -} - -.p-menu .p-menuitem:not(.p-disabled) .p-menuitem-content:hover .p-menuitem-icon, -.p-menu .p-menuitem:not(.p-disabled) .p-menuitem-content:hover .p-submenu-icon { - color: var(--p-menu-item-icon-color-focus); -} - -.p-menu.p-menu-overlay { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); -} - -.p-menu .p-submenu-header { - margin: 0; - padding: 0.5rem 0.75rem; - color: var(--p-menu-submenu-header-text-color); - font-weight: 600; -} - -.p-menu .p-menuitem-separator { - border-top: 1px solid var(--p-menu-separator-border-color); - margin: 2px 0; -} -` -}; diff --git a/components/lib/theme/aura/menu/package.json b/components/lib/theme/aura/menu/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/menu/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/menubar/index.js b/components/lib/theme/aura/menubar/index.js deleted file mode 100644 index ccbf06ed1..000000000 --- a/components/lib/theme/aura/menubar/index.js +++ /dev/null @@ -1,298 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - background: '{surface.0}', - borderColor: '{surface.200}', - textColor: '{surface.700}' - }, - item: { - backgroundFocus: '{surface.100}', - text: { - color: '{surface.700}', - colorFocus: '{surface.800}' - }, - icon: { - color: '{surface.400}', - colorFocus: '{surface.500}' - } - }, - separator: { - borderColor: '{surface.200}' - }, - mobileToggle: { - color: '{surface.500}', - colorHover: '{surface.600}', - backgroundHover: '{surface.100}' - } - }, - dark: { - root: { - background: '{surface.900}', - borderColor: '{surface.700}', - textColor: '{surface.0}' - }, - item: { - backgroundFocus: '{surface.800}', - text: { - color: '{surface.0}', - colorFocus: '{surface.0}' - }, - icon: { - color: '{surface.500}', - colorFocus: '{surface.400}' - } - }, - separator: { - borderColor: '{surface.700}' - }, - mobileToggle: { - color: '{surface.400}', - colorHover: '{surface.300}', - backgroundHover: '{surface.800}' - } - } - } - }, - css: ` -.p-menubar { - display: flex; - align-items: center; - padding: 0.5rem 0.5rem; - background: var(--p-menubar-background); - color: var(--p-menubar-text-color); - border: 1px solid var(--p-menubar-border-color); - border-radius: var(--p-rounded-base); -} - -.p-menubar ul { - margin: 0; - padding: 0; - list-style: none; -} - -.p-menubar .p-menuitem-link { - cursor: pointer; - display: flex; - align-items: center; - text-decoration: none; - overflow: hidden; - position: relative; - color: inherit; - padding: 0.5rem 0.75rem; - user-select: none; -} - -.p-menubar .p-menuitem-text { - line-height: 1; -} - -.p-menubar-root-list { - display: flex; - align-items: center; - flex-wrap: wrap; - outline: 0 none; -} - -.p-menubar-root-list > .p-menuitem-active > .p-submenu-list { - display: block; -} - -.p-menubar .p-menuitem-content { - transition: background-color var(--p-transition-duration), color var(--p-transition-duration); - border-radius: var(--p-rounded-sm); - color: var(--p-menubar-item-text-color); -} - -.p-menubar .p-menuitem-icon { - color: var(--p-menubar-item-icon-color); - margin-right: 0.5rem; -} - -.p-menubar .p-menuitem.p-focus > .p-menuitem-content { - color: var(--p-menubar-item-text-color-focus); - background: var(--p-menubar-item-background-focus); -} - -.p-menubar .p-menuitem.p-focus > .p-menuitem-content .p-menuitem-icon, -.p-menubar .p-menuitem.p-focus > .p-menuitem-content .p-submenu-icon { - color: var(--p-menubar-item-icon-color-focus); -} - -.p-menubar .p-menuitem:not(.p-disabled) > .p-menuitem-content:hover { - color: var(--p-menubar-item-text-color-focus); - background: var(--p-menubar-item-background-focus); -} - -.p-menubar .p-menuitem:not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-icon, -.p-menubar .p-menuitem:not(.p-disabled) > .p-menuitem-content:hover .p-submenu-icon { - color: var(--p-menubar-item-icon-color-focus); -} - -.p-menubar .p-menuitem-active > .p-menuitem-content { - color: var(--p-menubar-item-text-color-focus); - background: var(--p-menubar-item-background-focus); -} - -.p-menubar .p-menuitem-active > .p-menuitem-content .p-menuitem-icon, -.p-menubar .p-menuitem-active > .p-menuitem-content .p-submenu-icon { - color: var(--p-menubar-item-icon-color-focus); -} - -.p-menubar .p-submenu-icon { - color: var(--p-menubar-item-icon-color); - margin-left: auto; - font-size: 0.875rem; - width: 0.875rem; - height: 0.875rem; -} - -.p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-submenu-icon { - margin-left: 0.5rem; -} - -.p-menubar .p-submenu-list { - display: none; - position: absolute; - min-width: 12.5rem; - z-index: 1; - padding: 0.25rem 0.25rem; - background: var(--p-menubar-background); - color: var(--p-menubar-text-color); - border: 1px solid var(--p-menubar-border-color); - border-radius: var(--p-rounded-base); - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); -} - -.p-menubar .p-submenu-list .p-menuitem-separator { - border-top: 1px solid var(--p-menubar-separator-border-color); - margin: 2px 0; -} - -.p-menubar .p-submenu-list .p-menuitem { - position: relative; - margin: 2px 0; -} - -.p-menubar .p-submenu-list .p-menuitem:first-child { - margin-top: 0; -} - -.p-menubar .p-submenu-list .p-menuitem:last-child { - margin-bottom: 0; -} - -.p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list { - display: block; - left: 100%; - top: 0; -} - -.p-menubar .p-menubar-end { - margin-left: auto; - align-self: center; -} - -.p-menubar-button { - display: none; - justify-content: center; - align-items: center; - cursor: pointer; - width: 1.75rem; - height: 1.75rem; - position: relative; - color: var(--p-menubar-mobile-toggle-color); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), outline-color var(--p-transition-duration); - outline-color: transparent; -} - -.p-menubar-button:hover { - color: var(--p-menubar-mobile-toggle-color-hover); - background: var(--p-menubar-mobile-toggle-background-hover); -} - -.p-menubar-button:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -.p-menubar-mobile { - position: relative; -} - -.p-menubar-mobile .p-menubar-button { - display: flex; -} - -.p-menubar-mobile .p-menubar-root-list { - position: absolute; - display: none; - width: 100%; - padding: 0.25rem 0.25rem; - background: var(--p-menubar-background); - border: 1px solid var(--p-menubar-border-color); - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); -} - -.p-menubar-mobile-active .p-menubar-root-list { - display: flex; - flex-direction: column; - top: 100%; - left: 0; - z-index: 1; -} - -.p-menubar-mobile .p-menubar-root-list .p-menuitem { - width: 100%; - position: static; -} - -.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { - border-top: 1px solid #e2e8f0; - margin: 2px 0; -} - -.p-menubar-mobile .p-menubar-root-list > .p-menuitem { - position: relative; - margin: 2px 0; -} - -.p-menubar-mobile .p-menubar-root-list > .p-menuitem:first-child { - margin-top: 0; -} - -.p-menubar-mobile .p-menubar-root-list > .p-menuitem:last-child { - margin-bottom: 0; -} - -.p-menubar-mobile .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-submenu-icon { - margin-left: auto; - transition: transform 0.2s; -} - -.p-menubar-mobile .p-menubar-root-list > .p-menuitem-active > .p-menuitem-content .p-submenu-icon { - transform: rotate(-180deg); -} - -.p-menubar-mobile .p-submenu-list .p-submenu-icon { - transition: transform 0.2s; - transform: rotate(90deg); -} - -.p-menubar-mobile .p-menuitem-active > .p-menuitem-content .p-submenu-icon { - transform: rotate(-90deg); -} - -.p-menubar-mobile .p-submenu-list { - width: 100%; - position: static; - box-shadow: none; - border: 0 none; - padding-left: 1rem; -} -` -}; diff --git a/components/lib/theme/aura/menubar/package.json b/components/lib/theme/aura/menubar/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/menubar/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/message/index.js b/components/lib/theme/aura/message/index.js deleted file mode 100644 index fb9743664..000000000 --- a/components/lib/theme/aura/message/index.js +++ /dev/null @@ -1,265 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - info: { - background: 'color-mix(in srgb, {blue.50}, transparent 5%)', - borderColor: '{blue.200}', - textColor: '{blue.600}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)', - closeBackgroundHover: '{blue.100}' - }, - success: { - background: 'color-mix(in srgb, {green.50}, transparent 5%)', - borderColor: '{green.200}', - textColor: '{green.600}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)', - closeBackgroundHover: '{green.100}' - }, - warn: { - background: 'color-mix(in srgb,{yellow.50}, transparent 5%)', - borderColor: '{yellow.200}', - textColor: '{yellow.600}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)', - closeBackgroundHover: '{yellow.100}' - }, - error: { - background: 'color-mix(in srgb, {red.50}, transparent 5%)', - borderColor: '{red.200}', - textColor: '{red.600}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)', - closeBackgroundHover: '{red.100}' - }, - secondary: { - background: '{surface.100}', - borderColor: '{surface.200}', - textColor: '{surface.600}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)', - closeBackgroundHover: '{surface.200}' - }, - contrast: { - background: '{surface.900}', - borderColor: '{surface.950}', - textColor: '{surface.50}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)', - closeBackgroundHover: '{surface.800}' - } - }, - dark: { - info: { - background: 'color-mix(in srgb, {blue.500}, transparent 84%)', - borderColor: 'color-mix(in srgb, {blue.700}, transparent 64%)', - textColor: '{blue.500}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)', - closeBackgroundHover: 'rgba(255, 255, 255, 0.05)' - }, - success: { - background: 'color-mix(in srgb, {green.500}, transparent 84%)', - borderColor: 'color-mix(in srgb, {green.700}, transparent 64%)', - textColor: '{green.500}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)', - closeBackgroundHover: 'rgba(255, 255, 255, 0.05)' - }, - warn: { - background: 'color-mix(in srgb, {yellow.500}, transparent 84%)', - borderColor: 'color-mix(in srgb, {yellow.700}, transparent 64%)', - textColor: '{yellow.500}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)', - closeBackgroundHover: 'rgba(255, 255, 255, 0.05)' - }, - error: { - background: 'color-mix(in srgb, {red.500}, transparent 84%)', - borderColor: 'color-mix(in srgb, {red.700}, transparent 64%)', - textColor: '{red.500}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)', - closeBackgroundHover: 'rgba(255, 255, 255, 0.05)' - }, - secondary: { - background: '{surface.800}', - borderColor: '{surface.700}', - textColor: '{surface.300}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)', - closeBackgroundHover: '{surface.700}' - }, - contrast: { - background: '{surface.0}', - borderColor: '{surface.100}', - textColor: '{surface.950}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)', - closeBackgroundHover: '{surface.100}' - } - } - } - }, - css: ` -.p-message-wrapper { - display: flex; - align-items: center; - padding: 0.5rem 0.75rem; -} - -.p-message { - margin: 1rem 0; - border-radius: 6px; -} - -.p-message-icon { - flex-shrink: 0; -} - -.p-message-close { - display: flex; - align-items: center; - justify-content: center; - flex-shrink: 0; - margin-left: auto; - overflow: hidden; - position: relative; - width: 1.75rem; - height: 1.75rem; - border-radius: 50%; - background: transparent; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), outline-color var(--p-transition-duration); - outline-color: transparent; - color: inherit; -} - -.p-message-close:focus-visible { - outline-width: var(--p-focus-ring-width); - outline-style: var(--p-focus-ring-style); - outline-offset: var(--p-focus-ring-offset); -} - -.p-message-info { - background: var(--p-message-info-background); - border: 1px solid var(--p-message-info-border-color); - color: var(--p-message-info-text-color); - box-shadow: var(--p-message-info-box-shadow); -} - -.p-message-info .p-message-close:focus-visible { - outline-color: var(--p-message-info-text-color); -} - -.p-message-info .p-message-close:hover { - background: var(--p-message-info-close-background-hover); -} - -.p-message-success { - background: var(--p-message-success-background); - border: 1px solid var(--p-message-success-border-color); - color: var(--p-message-success-text-color); - box-shadow: var(--p-message-success-box-shadow); -} - -.p-message-success .p-message-close:focus-visible { - outline-color: var(--p-message-success-text-color); -} - -.p-message-success .p-message-close:hover { - background: var(--p-message-success-close-background-hover); -} - -.p-message-warn { - background: var(--p-message-warn-background); - border: 1px solid var(--p-message-warn-border-color); - color: var(--p-message-warn-text-color); - box-shadow: var(--p-message-warn-box-shadow); -} - -.p-message-warn .p-message-close:focus-visible { - outline-color: var(--p-message-warn-text-color); -} - -.p-message-warn .p-message-close:hover { - background: var(--p-message-warn-close-background-hover); -} - -.p-message-error { - background: var(--p-message-error-background); - border: 1px solid var(--p-message-error-border-color); - color: var(--p-message-error-text-color); - box-shadow: var(--p-message-error-box-shadow); -} - -.p-message-error .p-message-close:focus-visible { - outline-color: var(--p-message-error-text-color); -} - -.p-message-error .p-message-close:hover { - background: var(--p-message-error-close-background-hover); -} - -.p-message-secondary { - background: var(--p-message-secondary-background); - border: 1px solid var(--p-message-secondary-border-color); - color: var(--p-message-secondary-text-color); - box-shadow: var(--p-message-secondary-box-shadow); -} - -.p-message-secondary .p-message-close:focus-visible { - outline-color: var(--p-message-secondary-text-color); -} - -.p-message-secondary .p-message-close:hover { - background: var(--p-message-secondary-close-background-hover); -} - -.p-message-contrast { - background: var(--p-message-contrast-background); - border: 1px solid var(--p-message-contrast-border-color); - color: var(--p-message-contrast-text-color); - box-shadow: var(--p-message-contrast-box-shadow); -} - -.p-message-contrast .p-message-close:focus-visible { - outline-color: var(--p-message-contrast-text-color); -} - -.p-message-contrast .p-message-close:hover { - background: var(--p-message-contrast-close-background-hover); -} - -.p-message-text { - font-size: 1rem; - font-weight: 500; -} - -.p-message-icon { - font-size: 1rem; - margin-right: 0.5rem; -} - -.p-message .p-icon:not(.p-message-close-icon) { - width: 1rem; - height: 1rem; -} - -.p-message-enter-from { - opacity: 0; -} - -.p-message-enter-active { - transition: opacity 0.3s; -} - -.p-message.p-message-leave-from { - max-height: 1000px; -} - -.p-message.p-message-leave-to { - max-height: 0; - opacity: 0; - margin: 0; -} - -.p-message-leave-active { - overflow: hidden; - transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s; -} - -.p-message-leave-active .p-message-close { - display: none; -} -` -}; diff --git a/components/lib/theme/aura/message/package.json b/components/lib/theme/aura/message/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/message/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/metergroup/index.js b/components/lib/theme/aura/metergroup/index.js deleted file mode 100644 index 7f33e17e8..000000000 --- a/components/lib/theme/aura/metergroup/index.js +++ /dev/null @@ -1,109 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - meters: { - background: '{surface.200}' - } - }, - dark: { - meters: { - background: '{surface.700}' - } - } - } - }, - css: ` -.p-metergroup { - display: flex; - gap: 1rem; -} - -.p-metergroup-meters { - display: flex; - background: var(--p-metergroup-meters-background); - border-radius: var(--p-rounded-base); -} - -.p-metergroup-meter { - border: 0 none; - background: var(--p-primary-color); -} - -.p-metergroup-labels { - display: flex; - flex-wrap: wrap; - margin: 0; - padding: 0; - list-style-type: none; -} - -.p-metergroup-label { - display: inline-flex; - align-items: center; - gap: 0.5rem; -} - -.p-metergroup-label-marker { - display: inline-flex; - background: var(--p-primary-color); - width: 0.5rem; - height: 0.5rem; - border-radius: 100%; -} - -.p-metergroup-label-icon { - width: 1rem; - height: 1rem; -} - -.p-metergroup-horizontal { - flex-direction: column; -} - -.p-metergroup-labels-horizontal { - gap: 1rem; -} - -.p-metergroup-horizontal .p-metergroup-meters { - height: 0.5rem; -} - -.p-metergroup-horizontal .p-metergroup-meter:first-of-type { - border-top-left-radius: var(--p-rounded-base); - border-bottom-left-radius: var(--p-rounded-base); -} -.p-metergroup-horizontal .p-metergroup-meter:last-of-type { - border-top-right-radius: var(--p-rounded-base); - border-bottom-right-radius: var(--p-rounded-base); -} - -.p-metergroup-vertical { - flex-direction: row; -} - -.p-metergroup-labels-vertical { - flex-direction: column; - gap: 0.5rem; -} - -.p-metergroup-vertical .p-metergroup-meters { - flex-direction: column; - width: 0.5rem; - height: 100%; -} - -.p-metergroup-vertical .p-metergroup-labels { - align-items: start; -} - -.p-metergroup-vertical .p-metergroup-meter:first-of-type { - border-top-left-radius: var(--p-rounded-base); - border-top-right-radius: var(--p-rounded-base); -} -.p-metergroup-vertical .p-metergroup-meter:last-of-type { - border-bottom-left-radius: var(--p-rounded-base); - border-bottom-right-radius: var(--p-rounded-base); -} -` -}; diff --git a/components/lib/theme/aura/metergroup/package.json b/components/lib/theme/aura/metergroup/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/metergroup/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/orderlist/index.js b/components/lib/theme/aura/orderlist/index.js deleted file mode 100644 index 20bf32e6a..000000000 --- a/components/lib/theme/aura/orderlist/index.js +++ /dev/null @@ -1,167 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - list: { - background: '{surface.0}', - borderColor: '{surface.200}' - }, - header: { - textColor: '{surface.500}' - }, - item: { - background: 'transparent', - backgroundHover: '{surface.100}', - backgroundFocus: '{surface.100}', - textColor: '{surface.700}', - textColorHover: '{surface.800}', - textColorFocus: '{surface.800}' - }, - control: { - background: '{surface.100}', - backgroundHover: '{surface.200}', - backgroundActive: '{surface.300}', - borderColor: '{surface.100}', - borderColorHover: '{surface.200}', - borderColorActive: '{surface.300}', - textColor: '{surface.600}', - textColorHover: '{surface.700}', - textColorActive: '{surface.800}' - } - }, - dark: { - list: { - background: '{surface.900}', - borderColor: '{surface.700}' - }, - header: { - textColor: '{surface.400}' - }, - item: { - background: 'transparent', - backgroundHover: '{surface.800}', - backgroundFocus: '{surface.800}', - textColor: '{surface.0}', - textColorHover: '{surface.0}', - textColorFocus: '{surface.0}' - }, - control: { - background: '{surface.800}', - backgroundHover: '{surface.700}', - backgroundActive: '{surface.600}', - borderColor: '{surface.800}', - borderColorHover: '{surface.700}', - borderColorActive: '{surface.600}', - textColor: '{surface.300}', - textColorHover: '{surface.200}', - textColorActive: '{surface.100}' - } - } - } - }, - css: ` -.p-orderlist { - display: flex; - gap: 1.125rem; -} - -.p-orderlist-controls { - display: flex; - flex-direction: column; - justify-content: center; - gap: 0.5rem; -} - -.p-orderlist-list-container { - flex: 1 1 auto; - background: var(--p-orderlist-list-background); - border: 1px solid var(--p-orderlist-list-border-color); - border-radius: var(--p-rounded-base); -} - -.p-orderlist .p-orderlist-header { - color: var(--p-orderlist-header-text-color); - border: 0 none; - padding: 0.75rem 1rem 0.5rem 1rem; - font-weight: 600; -} - -.p-orderlist-list { - list-style-type: none; - margin: 0; - padding: 0; - overflow: auto; - min-height: 12rem; - max-height: 24rem; - padding: 0.25rem 0.25rem; - outline: 0 none; -} - -.p-orderlist-item { - cursor: pointer; - overflow: hidden; - position: relative; - padding: 0.5rem 0.75rem; - margin: 2px 0; - border-radius: var(--p-rounded-base); - border: 0 none; - color: var(--p-orderlist-item-text-color); - background: var(--p-orderlist-item-background); - outline-color: transparent; - transition: transform var(--p-transition-duration), background-color var(--p-transition-duration), color var(--p-transition-duration), outline-color var(--p-transition-duration); -} - -.p-orderlist-item:first-child { - margin-top: 0; -} - -.p-orderlist-item:last-child { - margin-bottom: 0; -} - -.p-orderlist-item:not(.p-highlight):hover { - color: var(--p-orderlist-item-text-color-focus); - background: var(--p-orderlist-item-background-focus); -} - -.p-orderlist-item.p-focus { - color: var(--p-orderlist-item-text-color-focus); - background: var(--p-orderlist-item-background-focus); -} - -.p-orderlist-item.p-highlight { - background: var(--p-highlight-background); - color: var(--p-highlight-text-color); -} - -.p-orderlist-item.p-highlight.p-focus { - background: var(--p-highlight-background-focus); - color: var(--p-highlight-text-color-focus); -} - -.p-orderlist-controls .p-button { - background: var(--p-orderlist-control-background); - border: 1px solid var(--p-orderlist-control-border-color); - color: var(--p-order-listcontrol-text-color); - outline-color: transparent; - transition: opacity var(--p-transition-duration), outline-color var(--p-transition-duration), background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration); -} - -.p-orderlist-controls .p-button:not(:disabled):hover { - background: var(--p-orderlist-control-background-hover); - border: 1px solid var(--p-orderlist-control-border-color-hover); - color: var(--p-order-listcontrol-text-color-hover); -} - -.p-orderlist-controls .p-button:not(:disabled):active { - background: var(--p-orderlist-control-background-active); - border: 1px solid var(--p-orderlist-control-border-color-active); - color: var(--p-order-listcontrol-text-color-active); -} - -.p-orderlist-controls .p-button:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-button-primary-background); - outline-offset: var(--p-focus-ring-offset); -} -` -}; diff --git a/components/lib/theme/aura/orderlist/package.json b/components/lib/theme/aura/orderlist/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/orderlist/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/organizationchart/index.js b/components/lib/theme/aura/organizationchart/index.js deleted file mode 100644 index 6068c86c9..000000000 --- a/components/lib/theme/aura/organizationchart/index.js +++ /dev/null @@ -1,133 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - node: { - background: '{surface.0}', - backgroundHover: '{surface.100}', - borderColor: '{surface.200}', - textColor: '{surface.700}', - textColorHover: '{surface.800}' - }, - toggleIcon: { - background: '{surface.0}', - borderColor: '{surface.200}', - color: '{surface.500}' - }, - connector: { - color: '{surface.200}' - } - }, - dark: {} - } - }, - css: ` -.p-organizationchart-table { - border-spacing: 0; - border-collapse: separate; - margin: 0 auto; -} - -.p-organizationchart-table > tbody > tr > td { - text-align: center; - vertical-align: top; - padding: 0 0.75rem; -} - -.p-organizationchart-node-content { - display: inline-block; - position: relative; - border: 1px solid var(--p-organizationchart-node-border-color); - background: var(--p-organizationchart-node-background); - color: var(--p-organizationchart-node-text-color); - padding: 0.75rem 1rem; - border-radius: var(--p-rounded-base); - transition: background-color var(--p-transition-duration), color var(--p-transition-duration); -} - -.p-organizationchart-node-content:has(.p-node-toggler) { - padding: 0.75rem 1rem 1.25rem 1rem; -} - -.p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: var(--p-organizationchart-node-background-hover); - color: var(--p-organizationchart-node-text-color-hover); -} - -.p-organizationchart-node-content.p-highlight { - background: var(--p-highlight-background); - color: var(--p-highlight-text-color); -} - -.p-organizationchart-node-content .p-node-toggler { - position: absolute; - bottom: -0.75rem; - margin-left: -0.75rem; - z-index: 2; - left: 50%; - user-select: none; - cursor: pointer; - width: 1.5rem; - height: 1.5rem; - text-decoration: none; - background: var(--p-organizationchart-toggle-icon-background); - color: var(--p-organizationchart-toggle-icon-color); - border-radius: 50%; - border: 1px solid var(--p-organizationchart-toggle-icon-border-color); - display: inline-flex; - justify-content: center; - align-items: center; - outline-color: transparent; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), outline-color var(--p-transition-duration); -} - -.p-organizationchart-node-content .p-node-toggler:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -.p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon { - position: relative; - top: 1px; -} - -.p-organizationchart-line-down { - margin: 0 auto; - height: 20px; - width: 1px; - background: var(--p-organizationchart-connector-color); -} - -.p-organizationchart-line-right { - border-radius: 0; - border-left: 1px solid var(--p-organizationchart-connector-color); - border-top-left-radius: var(--p-rounded-base); -} - -.p-organizationchart-line-left { - border-radius: 0; - border-right: 1px solid var(--p-organizationchart-connector-color); -} - -.p-organizationchart-line-top { - border-top: 1px solid var(--p-organizationchart-connector-color); -} - -.p-organizationchart-selectable-node { - cursor: pointer; -} - -.p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-left) { - border-right: 0 none; -} - -.p-organizationchart-lines :nth-last-child(1 of .p-organizationchart-line-left) { - border-top-right-radius: var(--p-rounded-base); -} - -.p-organizationchart-lines :nth-child(1 of .p-organizationchart-line-right) { - border-left: 1px solid var(--p-organizationchart-connector-color); - border-top-left-radius: var(--p-rounded-base); -} -` -}; diff --git a/components/lib/theme/aura/organizationchart/package.json b/components/lib/theme/aura/organizationchart/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/organizationchart/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/overlaypanel/index.js b/components/lib/theme/aura/overlaypanel/index.js deleted file mode 100644 index c3330dcb9..000000000 --- a/components/lib/theme/aura/overlaypanel/index.js +++ /dev/null @@ -1,137 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - background: '{surface.0}', - borderColor: '{surface.200}', - textColor: '{surface.700}' - }, - closeIcon: { - color: '{surface.500}', - colorHover: '{surface.600}', - backgroundHover: '{surface.100}' - } - }, - dark: { - root: { - background: '{surface.900}', - borderColor: '{surface.700}', - textColor: '{surface.0}' - }, - closeIcon: { - color: '{surface.400}', - colorHover: '{surface.300}', - backgroundHover: '{surface.800}' - } - } - } - }, - css: ` -.p-overlaypanel { - margin-top: 10px; - background: var(--p-overlaypanel-background); - color: var(--p-overlaypanel-text-color); - border: 1px solid var(--p-overlaypanel-border-color); - border-radius: var(--p-rounded-base); - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); -} - -.p-overlaypanel-content { - padding: 0.75rem; -} - -.p-overlaypanel-flipped { - margin-top: 0; - margin-bottom: 10px; -} - -.p-overlaypanel-close { - display: flex; - justify-content: center; - align-items: center; - overflow: hidden; - width: 1.75rem; - height: 1.75rem; - background: transparent; - color: var(--p-overlaypanel-close-icon-color); - border: 0 none; - border-radius: 50%; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), outline-color var(--p-transition-duration); - outline-color: transparent; - position: absolute; - top: 0.25rem; - right: 0.25rem; -} - -.p-overlaypanel-close:enabled:hover { - background: var(--p-overlaypanel-close-icon-background-hover); - color: var(--p-overlaypanel-close-icon-color-hover); -} - -.p-overlaypanel-close:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -.p-overlaypanel-enter-from { - opacity: 0; - transform: scaleY(0.8); -} - -.p-overlaypanel-leave-to { - opacity: 0; -} - -.p-overlaypanel-enter-active { - transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); -} - -.p-overlaypanel-leave-active { - transition: opacity 0.1s linear; -} - -.p-overlaypanel:after, -.p-overlaypanel:before { - bottom: 100%; - left: calc(var(--overlayArrowLeft, 0) + 1.25rem); - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; -} - -.p-overlaypanel:after { - border-width: 8px; - margin-left: -8px; - border-style: solid; - border-color: transparent; - border-bottom-color: var(--p-overlaypanel-background); -} - -.p-overlaypanel:before { - border-width: 10px; - margin-left: -10px; - border-style: solid; - border-color: transparent; - border-bottom-color: var(--p-overlaypanel-border-color); -} - -.p-overlaypanel-flipped:after, -.p-overlaypanel-flipped:before { - bottom: auto; - top: 100%; -} - -.p-overlaypanel.p-overlaypanel-flipped:after { - border-bottom-color: transparent; - border-top-color: var(--p-overlaypanel-background); -} - -.p-overlaypanel.p-overlaypanel-flipped:before { - border-bottom-color: transparent; - border-top-color: var(--p-overlaypanel-border-color); -} -` -}; diff --git a/components/lib/theme/aura/overlaypanel/package.json b/components/lib/theme/aura/overlaypanel/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/overlaypanel/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/paginator/index.js b/components/lib/theme/aura/paginator/index.js deleted file mode 100644 index d9ff07491..000000000 --- a/components/lib/theme/aura/paginator/index.js +++ /dev/null @@ -1,106 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - background: '{surface.0}', - textColor: '{surface.700}' - }, - navigator: { - backgroundHover: '{surface.100}', - color: '{surface.500}', - colorHover: '{surface.600}' - }, - currentPageReport: { - textColor: '{surface.500}' - } - }, - dark: { - root: { - background: '{surface.900}', - textColor: '{surface.0}' - }, - navigator: { - backgroundHover: '{surface.800}', - color: '{surface.400}', - colorHover: '{surface.300}' - }, - currentPageReport: { - textColor: '{surface.400}' - } - } - } - }, - css: ` -.p-paginator { - display: flex; - align-items: center; - justify-content: center; - flex-wrap: wrap; - background: var(--p-paginator-background); - color: var(--p-paginator-text-color); - border: 0 none; - padding: 0.5rem 1rem; - border-radius: var(--p-rounded-base); - gap: 0.25rem; -} - -.p-paginator-left-content { - margin-right: auto; -} - -.p-paginator-right-content { - margin-left: auto; -} - -.p-paginator-page, -.p-paginator-next, -.p-paginator-last, -.p-paginator-first, -.p-paginator-prev { - cursor: pointer; - display: inline-flex; - align-items: center; - justify-content: center; - line-height: 1; - user-select: none; - overflow: hidden; - position: relative; - background: transparent; - border: 0 none; - color: var(--p-paginator-navigator-color); - min-width: 2.5rem; - height: 2.5rem; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), outline-color var(--p-transition-duration); - border-radius: 50%; -} - -.p-paginator-page:not(.p-disabled):not(.p-highlight):hover, -.p-paginator-first:not(.p-disabled):hover, -.p-paginator-prev:not(.p-disabled):hover, -.p-paginator-next:not(.p-disabled):hover, -.p-paginator-last:not(.p-disabled):hover { - background: var(--p-paginator-navigator-background-hover); - color: var(--p-paginator-navigator-color-hover); -} - -.p-paginator-current { - color: var(--p-paginator-current-page-report-text-color); -} - -.p-paginator-pages { - display: flex; - align-items: center; - gap: 0.25rem; -} - -.p-paginator-page.p-highlight { - background: var(--p-highlight-background); - color: var(--p-highlight-text-color); -} - -.p-paginator-page-input .p-inputtext { - max-width: 2.5rem; -} -` -}; diff --git a/components/lib/theme/aura/paginator/package.json b/components/lib/theme/aura/paginator/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/paginator/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/panel/index.js b/components/lib/theme/aura/panel/index.js deleted file mode 100644 index feadbae14..000000000 --- a/components/lib/theme/aura/panel/index.js +++ /dev/null @@ -1,88 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - background: '{surface.0}', - borderColor: '{surface.200}', - textColor: '{surface.700}' - }, - headerIcon: { - color: '{surface.500}', - colorHover: '{surface.600}', - backgroundHover: '{surface.100}' - } - }, - dark: { - root: { - background: '{surface.900}', - borderColor: '{surface.700}', - textColor: '{surface.0}' - }, - headerIcon: { - color: '{surface.400}', - colorHover: '{surface.300}', - backgroundHover: '{surface.800}' - } - } - } - }, - css: ` -.p-panel { - border: 1px solid var(--p-panel-border-color); - border-radius: var(--p-rounded-base); - background: var(--p-panel-background); - color: var(--p-panel-text-color); -} - -.p-panel-header { - display: flex; - justify-content: space-between; - align-items: center; - padding: 1.125rem; -} - -.p-panel-toggleable .p-panel-header { - padding: 0.75rem 1.125rem; -} - -.p-panel-title { - line-height: 1; - font-weight: 600; -} - -.p-panel-header-icon { - display: inline-flex; - justify-content: center; - align-items: center; - cursor: pointer; - width: 1.75rem; - height: 1.75rem; - position: relative; - color: var(--p-panel-header-icon-color); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), outline-color var(--p-transition-duration); - outline-color: transparent; -} - -.p-panel-header-icon:enabled:hover { - color: var(--p-panel-header-icon-color-hover); - background: var(--p-panel-header-icon-background-hover); -} - -.p-panel-header-icon:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -.p-panel-content { - padding: 0 1.125rem 1.125rem 1.125rem; -} - -.p-panel-footer { - padding: 0 1.125rem 1.125rem 1.125rem; -} - ` -}; diff --git a/components/lib/theme/aura/panel/package.json b/components/lib/theme/aura/panel/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/panel/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/panelmenu/index.js b/components/lib/theme/aura/panelmenu/index.js deleted file mode 100644 index 774aee97e..000000000 --- a/components/lib/theme/aura/panelmenu/index.js +++ /dev/null @@ -1,168 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - panel: { - background: '{surface.0}', - borderColor: '{surface.200}', - textColor: '{surface.700}' - }, - item: { - backgroundFocus: '{surface.100}', - text: { - color: '{surface.700}', - colorFocus: '{surface.800}' - }, - icon: { - color: '{surface.400}', - colorFocus: '{surface.500}' - } - } - }, - dark: { - panel: { - background: '{surface.900}', - borderColor: '{surface.700}', - textColor: '{surface.0}' - }, - item: { - backgroundFocus: '{surface.800}', - text: { - color: '{surface.0}', - colorFocus: '{surface.0}' - }, - icon: { - color: '{surface.500}', - colorFocus: '{surface.400}' - } - } - } - } - }, - css: ` -.p-panelmenu { - display: flex; - flex-direction: column; - gap: 0.75rem; -} - -.p-panelmenu-panel { - background: var(--p-panelmenu-panel-background); - border: 1px solid var(--p-panelmenu-panel-border-color); - color: var(--p-panelmenu-panel-text-color); - border-radius: var(--p-rounded-base); - padding: 0.25rem 0.25rem; -} - -.p-panelmenu-header { - outline: 0 none; - border: 0 none; -} - -.p-panelmenu-header-content { - border: 0 none; - color: var(--p-panelmenu-item-text-color); - border-radius: var(--p-rounded-base); - transition: background-color 0.2s, color 0.2s, outline-color 0.2s; - outline-color: transparent; -} - -.p-panelmenu-header-action { - display: flex; - gap: 0.5rem; - align-items: center; - user-select: none; - cursor: pointer; - position: relative; - text-decoration: none; - color: inherit; - padding: 0.5rem 0.75rem; - font-weight: 600; -} - -.p-panelmenu .p-submenu-icon, -.p-panelmenu .p-menuitem-icon { - color: var(--p-panelmenu-item-icon-color); -} - -.p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { - background: var(--p-panelmenu-item-background-focus); - color: var(--p-panelmenu-item-text-color-focus); -} - -.p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-submenu-icon, -.p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-menuitem-icon { - color: var(--p-panelmenu-item-icon-color-focus); -} - -.p-panelmenu-header:not(.p-disabled) .p-panelmenu-header-content:hover { - background: var(--p-panelmenu-item-background-focus); - color: var(--p-panelmenu-item-text-color-focus); -} - -.p-panelmenu-header:not(.p-disabled).p-panelmenu-header-content:hover .p-submenu-icon, -.p-panelmenu-header:not(.p-disabled) .p-panelmenu-header-content:hover .p-menuitem-icon { - color: var(--p-panelmenu-item-icon-color-focus); -} - -.p-panelmenu .p-menuitem { - margin: 2px 0; -} - -.p-panelmenu .p-menuitem:first-child { - margin-top: 0; -} - -.p-panelmenu .p-menuitem:last-child { - margin-bottom: 0; -} - -.p-panelmenu .p-submenu-list { - margin: 4px 0 0 0; - padding: 0 0 0 1rem; - list-style: none; -} - -.p-panelmenu .p-menuitem-link { - display: flex; - gap: 0.5rem; - align-items: center; - user-select: none; - cursor: pointer; - text-decoration: none; - color: inherit; - position: relative; - overflow: hidden; - padding: 0.5rem 0.75rem; -} - -.p-panelmenu .p-menuitem-text { - line-height: 1; -} - -.p-panelmenu .p-menuitem-content { - transition: background-color var(--p-transition-duration), color var(--p-transition-duration); - border-radius: var(--p-rounded-sm); - color: var(--p-menu-item-text-color); -} - -.p-panelmenu .p-menuitem.p-focus > .p-menuitem-content { - color: var(--p-panelmenu-item-text-color-focus); - background: var(--p-panelmenu-item-background-focus); -} - -.p-panelmenu .p-menuitem.p-focus > .p-menuitem-icon { - color: var(--p-panelmenu-item-icon-color-focus); -} - -.p-panelmenu .p-menuitem:not(.p-disabled) > .p-menuitem-content:hover { - color: var(--p-panelmenu-item-text-color-focus); - background: var(--p-panelmenu-item-background-focus); -} - -.p-panelmenu .p-menuitem:not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-icon, -.p-panelmenu .p-menuitem:not(.p-disabled) > .p-menuitem-content:hover .p-submenu-icon { - color: var(--p-panelmenu-item-icon-color-focus); -} -` -}; diff --git a/components/lib/theme/aura/panelmenu/package.json b/components/lib/theme/aura/panelmenu/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/panelmenu/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/password/index.js b/components/lib/theme/aura/password/index.js deleted file mode 100644 index 60670502f..000000000 --- a/components/lib/theme/aura/password/index.js +++ /dev/null @@ -1,111 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - meter: { - borderColor: '{surface.200}' - }, - icon: { - color: '{surface.500}' - }, - strength: { - backgroundWeak: '{red.500}', - backgroundMedium: '{amber.500}', - backgroundStrong: '{green.500}' - }, - overlay: { - background: '{surface.0}', - borderColor: '{surface.200}', - textColor: '{surface.700}' - } - }, - dark: { - meter: { - borderColor: '{surface.700}' - }, - icon: { - color: '{surface.400}' - }, - strength: { - backgroundWeak: '{red.400}', - backgroundMedium: '{amber.400}', - backgroundStrong: '{green.400}' - }, - overlay: { - background: '{surface.900}', - borderColor: '{surface.700}', - textColor: '{surface.0}' - } - } - } - }, - css: ` -.p-password { - display: inline-flex; - position: relative; -} - -.p-password .p-password-panel { - min-width: 100%; -} - -.p-password-meter { - height: 10px; - margin-bottom: 0.75rem; - background: var(--p-password-meter-border-color); - border-radius: var(--p-rounded-base); -} - -.p-password-strength { - height: 100%; - width: 0; - transition: width 1s ease-in-out; - border-radius: var(--p-rounded-base); -} - -.p-password-strength.weak { - background: var(--p-password-strength-background-weak); -} - -.p-password-strength.medium { - background: var(--p-password-strength-background-medium); -} - -.p-password-strength.strong { - background: var(--p-password-strength-background-strong); -} - -.p-fluid .p-password { - display: flex; -} - -.p-password-input::-ms-reveal, -.p-password-input::-ms-clear { - display: none; -} - -.p-password-panel { - padding: 0.75rem; - background: var(--p-password-overlay-background); - color: var(--p-password-overlay-text-color); - border: 1px solid var(--p-password-overlay-border-color); - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); - border-radius: var(--p-rounded-base); -} - -.p-password > svg:last-of-type, -.p-password > i:last-of-type { - right: 0.75rem; - color: var(--p-password-icon-color); - position: absolute; - top: 50%; - margin-top: -0.5rem; - width: 1rem; - height: 1rem; -} - -.p-password:has(svg,i) .p-password-input { - padding-right: 2.5rem; -} -` -}; diff --git a/components/lib/theme/aura/password/package.json b/components/lib/theme/aura/password/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/password/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/picklist/index.js b/components/lib/theme/aura/picklist/index.js deleted file mode 100644 index 3aa9f4375..000000000 --- a/components/lib/theme/aura/picklist/index.js +++ /dev/null @@ -1,167 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - list: { - background: '{surface.0}', - borderColor: '{surface.200}' - }, - header: { - textColor: '{surface.500}' - }, - item: { - background: 'transparent', - backgroundHover: '{surface.100}', - backgroundFocus: '{surface.100}', - textColor: '{surface.700}', - textColorHover: '{surface.800}', - textColorFocus: '{surface.800}' - }, - control: { - background: '{surface.100}', - backgroundHover: '{surface.200}', - backgroundActive: '{surface.300}', - borderColor: '{surface.100}', - borderColorHover: '{surface.200}', - borderColorActive: '{surface.300}', - textColor: '{surface.600}', - textColorHover: '{surface.700}', - textColorActive: '{surface.800}' - } - }, - dark: { - list: { - background: '{surface.900}', - borderColor: '{surface.700}' - }, - header: { - textColor: '{surface.400}' - }, - item: { - background: 'transparent', - backgroundHover: '{surface.800}', - backgroundFocus: '{surface.800}', - textColor: '{surface.0}', - textColorHover: '{surface.0}', - textColorFocus: '{surface.0}' - }, - control: { - background: '{surface.800}', - backgroundHover: '{surface.700}', - backgroundActive: '{surface.600}', - borderColor: '{surface.800}', - borderColorHover: '{surface.700}', - borderColorActive: '{surface.600}', - textColor: '{surface.300}', - textColorHover: '{surface.200}', - textColorActive: '{surface.100}' - } - } - } - }, - css: ` -.p-picklist { - display: flex; - gap: 1.125rem; -} - -.p-picklist-buttons { - display: flex; - flex-direction: column; - justify-content: center; - gap: 0.5rem; -} - -.p-picklist-list-wrapper { - flex: 1 1 50%; - background: var(--p-picklist-list-background); - border: 1px solid var(--p-picklist-list-border-color); - border-radius: var(--p-picklist-base); -} - -.p-picklist .p-picklist-header { - color: var(--p-picklist-header-text-color); - border: 0 none; - padding: 0.75rem 1rem 0.5rem 1rem; - font-weight: 600; -} - -.p-picklist-list { - list-style-type: none; - margin: 0; - padding: 0; - overflow: auto; - min-height: 12rem; - max-height: 24rem; - padding: 0.25rem 0.25rem; - outline: 0 none; -} - -.p-picklist-item { - cursor: pointer; - overflow: hidden; - position: relative; - padding: 0.5rem 0.75rem; - margin: 2px 0; - border-radius: var(--p-rounded-base); - border: 0 none; - color: var(--p-picklist-item-text-color); - background: var(--p-picklist-item-background); - outline-color: transparent; - transition: transform var(--p-transition-duration), background-color var(--p-transition-duration), color var(--p-transition-duration), outline-color var(--p-transition-duration); -} - -.p-picklist-item:first-child { - margin-top: 0; -} - -.p-picklist-item:last-child { - margin-bottom: 0; -} - -.p-picklist-item:not(.p-highlight):hover { - color: var(--p-picklist-item-text-color-focus); - background: var(--p-picklist-item-background-focus); -} - -.p-picklist-item.p-focus { - color: var(--p-picklist-item-text-color-focus); - background: var(--p-picklist-item-background-focus); -} - -.p-picklist-item.p-highlight { - background: var(--p-highlight-background); - color: var(--p-highlight-text-color); -} - -.p-picklist-item.p-highlight.p-focus { - background: var(--p-highlight-background-focus); - color: var(--p-highlight-text-color-focus); -} - -.p-picklist-buttons .p-button { - background: var(--p-picklist-control-background); - border: 1px solid var(--p-picklist-control-border-color); - color: var(--p-order-listcontrol-text-color); - outline-color: transparent; - transition: opacity var(--p-transition-duration), outline-color var(--p-transition-duration), background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration); -} - -.p-picklist-buttons .p-button:not(:disabled):hover { - background: var(--p-picklist-control-background-hover); - border: 1px solid var(--p-picklist-control-border-color-hover); - color: var(--p-order-listcontrol-text-color-hover); -} - -.p-picklist-buttons .p-button:not(:disabled):active { - background: var(--p-picklist-control-background-active); - border: 1px solid var(--p-picklist-control-border-color-active); - color: var(--p-order-listcontrol-text-color-active); -} - -.p-picklist-buttons .p-button:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-button-primary-background); - outline-offset: var(--p-focus-ring-offset); -} -` -}; diff --git a/components/lib/theme/aura/picklist/package.json b/components/lib/theme/aura/picklist/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/picklist/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/progressbar/index.js b/components/lib/theme/aura/progressbar/index.js deleted file mode 100644 index db0edef27..000000000 --- a/components/lib/theme/aura/progressbar/index.js +++ /dev/null @@ -1,139 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - background: '{surface.200}' - } - }, - dark: { - root: { - background: '{surface.700}' - } - } - } - }, - css: ` -.p-progressbar { - position: relative; - overflow: hidden; - border: 0 none; - height: 1.25rem; - background: var(--p-progressbar-background); - border-radius: var(--p-rounded-base); -} - -.p-progressbar-value { - border: 0 none; - margin: 0; - background: var(--p-primary-color); -} - -.p-progressbar-label { - color: var(--p-primary-inverse-color); - line-height: 1.25rem; - font-size: .75rem; - font-weight: 600; -} - -.p-progressbar-determinate .p-progressbar-value { - height: 100%; - width: 0%; - position: absolute; - display: none; - border: 0 none; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; -} - -.p-progressbar-determinate .p-progressbar-label { - display: inline-flex; -} - -.p-progressbar-determinate .p-progressbar-value-animate { - transition: width 1s ease-in-out; -} - -.p-progressbar-indeterminate .p-progressbar-value::before { - content: ""; - position: absolute; - background-color: inherit; - top: 0; - left: 0; - bottom: 0; - will-change: left, right; - animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; -} - -.p-progressbar-indeterminate .p-progressbar-value::after { - content: ""; - position: absolute; - background-color: inherit; - top: 0; - left: 0; - bottom: 0; - will-change: left, right; - animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; - animation-delay: 1.15s; -} - -@-webkit-keyframes p-progressbar-indeterminate-anim { - 0% { - left: -35%; - right: 100%; - } - 60% { - left: 100%; - right: -90%; - } - 100% { - left: 100%; - right: -90%; - } -} -@keyframes p-progressbar-indeterminate-anim { - 0% { - left: -35%; - right: 100%; - } - 60% { - left: 100%; - right: -90%; - } - 100% { - left: 100%; - right: -90%; - } -} -@-webkit-keyframes p-progressbar-indeterminate-anim-short { - 0% { - left: -200%; - right: 100%; - } - 60% { - left: 107%; - right: -8%; - } - 100% { - left: 107%; - right: -8%; - } -} -@keyframes p-progressbar-indeterminate-anim-short { - 0% { - left: -200%; - right: 100%; - } - 60% { - left: 107%; - right: -8%; - } - 100% { - left: 107%; - right: -8%; - } -} -` -}; diff --git a/components/lib/theme/aura/progressbar/package.json b/components/lib/theme/aura/progressbar/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/progressbar/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/progressspinner/index.js b/components/lib/theme/aura/progressspinner/index.js deleted file mode 100644 index 5d500b091..000000000 --- a/components/lib/theme/aura/progressspinner/index.js +++ /dev/null @@ -1,94 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - 'color-1': '{red.500}', - 'color-2': '{blue.500}', - 'color-3': '{green.500}', - 'color-4': '{yellow.500}' - } - }, - dark: { - root: { - 'color-1': '{red.400}', - 'color-2': '{blue.400}', - 'color-3': '{green.400}', - 'color-4': '{yellow.400}' - } - } - } - }, - css: ` -.p-progress-spinner { - position: relative; - margin: 0 auto; - width: 100px; - height: 100px; - display: inline-block; -} - -.p-progress-spinner::before { - content: ""; - display: block; - padding-top: 100%; -} - -.p-progress-spinner-svg { - height: 100%; - transform-origin: center center; - width: 100%; - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - margin: auto; - animation: p-progress-spinner-rotate 2s linear infinite; -} - -.p-progress-spinner-circle { - stroke-dasharray: 89, 200; - stroke-dashoffset: 0; - stroke: var(--p-progressspinner-color-1); - animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite; - stroke-linecap: round; -} - -@keyframes p-progress-spinner-rotate { - 100% { - transform: rotate(360deg); - } -} -@keyframes p-progress-spinner-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 89, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 89, 200; - stroke-dashoffset: -124px; - } -} -@keyframes p-progress-spinner-color { - 100%, - 0% { - stroke: var(--p-progressspinner-color-1); - } - 40% { - stroke: var(--p-progressspinner-color-2); - } - 66% { - stroke: var(--p-progressspinner-color-3); - } - 80%, - 90% { - stroke: var(--p-progressspinner-color-4); - } -} -` -}; diff --git a/components/lib/theme/aura/progressspinner/package.json b/components/lib/theme/aura/progressspinner/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/progressspinner/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/radiobutton/index.js b/components/lib/theme/aura/radiobutton/index.js deleted file mode 100644 index 6f73c4209..000000000 --- a/components/lib/theme/aura/radiobutton/index.js +++ /dev/null @@ -1,136 +0,0 @@ -export default { - variables: { - common: { - root: { - width: '1.25rem', - height: '1.25rem', - background: '{form.field.background}', - backgroundChecked: '{form.field.background}', - backgroundCheckedHover: '{form.field.background}', - backgroundDisabled: '{form.field.background.disabled}', - backgroundFilled: '{form.field.background.filled}', - borderColor: '{form.field.border.color}', - borderColorHover: '{form.field.border.color.hover}', - borderColorChecked: '{primary.color}', - borderColorCheckedHover: '{primary.hover.color}', - borderColorInvalid: '{form.field.border.color.invalid}', - boxShadow: '{form.field.box.shadow}' - }, - icon: { - size: '0.75rem', - colorChecked: '{primary.color}', - colorCheckedHover: '{primary.hover.color}', - colorDisabled: '{form.field.text.disabled}' - } - } - }, - css: ` -.p-radiobutton { - position: relative; - display: inline-flex; - user-select: none; - vertical-align: bottom; - width: var(--p-radiobutton-width); - height: var(--p-radiobutton-height); -} - -.p-radiobutton-input { - cursor: pointer; - appearance: none; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - padding: 0; - margin: 0; - opacity: 0; - z-index: 1; - outline: 0 none; - border: 1px solid transparent; - border-radius: 50%; -} - -.p-radiobutton-box { - display: flex; - justify-content: center; - align-items: center; - border-radius: 50%; - border: 1px solid var(--p-radiobutton-border-color); - background: var(--p-radiobutton-background); - width: var(--p-radiobutton-width); - height: var(--p-radiobutton-height); - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), box-shadow var(--p-transition-duration), outline-color var(--p-transition-duration); - outline-color: transparent; - box-shadow: var(--p-radiobutton-box-shadow); -} - -.p-radiobutton-icon { - transition-duration: var(--p-transition-duration); - background: transparent; - font-size: var(--p-radiobutton-icon-size); - width: var(--p-radiobutton-icon-size); - height: var(--p-radiobutton-icon-size); - border-radius: 50%; - backface-visibility: hidden; - transform: translateZ(0) scale(0.1); -} - -.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box { - border-color: var(--p-radiobutton-border-color-hover); -} - -.p-radiobutton.p-highlight .p-radiobutton-box { - border-color: var(--p-radiobutton-border-color-checked); - background: var(--p-radiobutton-background-checked); -} - -.p-radiobutton.p-highlight .p-radiobutton-box .p-radiobutton-icon { - background: var(--p-radiobutton-icon-color-checked); - transform: translateZ(0) scale(1, 1); - visibility: visible; -} - -.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { - border-color: var(--p-radiobutton-border-color-checked-hover); - background: var(--p-radiobutton-background-checked-hover) -} - -.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon { - background: var(--p-radiobutton-icon-color-checked-hover); -} - -.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -.p-radiobutton.p-invalid > .p-radiobutton-box { - border-color: var(--p-radiobutton-border-color-invalid); -} - -.p-radiobutton.p-variant-filled .p-radiobutton-box { - background: var(--p-radiobutton-background-filled); -} - -.p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box { - background: var(--p-radiobutton-background-checked); -} - -.p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box { - background: var(--p-radiobutton-background-checked-hover); -} - -.p-radiobutton.p-disabled { - opacity: 1; -} - -.p-radiobutton.p-disabled .p-radiobutton-box { - background: var(--p-radiobutton-background-disabled); -} - -.p-radiobutton.p-disabled .p-radiobutton-box .p-radiobutton-icon { - color: var(--p-radiobutton-icon-color-disabled); -} -` -}; diff --git a/components/lib/theme/aura/radiobutton/package.json b/components/lib/theme/aura/radiobutton/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/radiobutton/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/rating/index.js b/components/lib/theme/aura/rating/index.js deleted file mode 100644 index 571394a56..000000000 --- a/components/lib/theme/aura/rating/index.js +++ /dev/null @@ -1,58 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - icon: { - color: '{surface.500}', - colorHover: '{primary.color}', - colorActive: '{primary.color}' - } - }, - dark: { - icon: { - color: '{surface.400}', - colorHover: '{primary.color}', - colorActive: '{primary.color}' - } - } - } - }, - css: ` -.p-rating { - position: relative; - display: flex; - align-items: center; - gap: 0.25rem; -} - -.p-rating-item { - display: inline-flex; - align-items: center; - cursor: pointer; - outline-color: transparent; - border-radius: 50%; - cursor: pointer; -} - -.p-rating-item.p-focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -.p-rating-icon { - color: var(--p-rating-icon-color); - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), outline-color var(--p-transition-duration); - font-size: 1rem; - width: 1rem; - height: 1rem; -} - -.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: var(--p-rating-icon-color-hover); -} - -.p-rating-item-active .p-rating-icon { - color: var(--p-rating-icon-color-active); -} -` -}; diff --git a/components/lib/theme/aura/rating/package.json b/components/lib/theme/aura/rating/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/rating/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/scrollpanel/index.js b/components/lib/theme/aura/scrollpanel/index.js deleted file mode 100644 index ebd58dbbc..000000000 --- a/components/lib/theme/aura/scrollpanel/index.js +++ /dev/null @@ -1,81 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - bar: { - background: '{surface.100}' - } - }, - dark: { - bar: { - background: '{surface.800}' - } - } - } - }, - css: ` -.p-scrollpanel-wrapper { - overflow: hidden; - width: 100%; - height: 100%; - position: relative; - z-index: 1; - float: left; -} - -.p-scrollpanel-content { - height: calc(100% + 18px); - width: calc(100% + 18px); - padding: 0 18px 18px 0; - position: relative; - overflow: auto; - box-sizing: border-box; - scrollbar-width: none; -} - -.p-scrollpanel-content::-webkit-scrollbar { - display: none; -} - -.p-scrollpanel-bar { - position: relative; - border-radius: 3px; - z-index: 2; - cursor: pointer; - opacity: 0; - outline-color: transparent; - transition: outline-color var(--p-transition-duration); - background: var(--p-scrollpanel-bar-background); - border: 0 none; - transition: outline-color var(--p-transition-duration), opacity var(--p-transition-duration); -} - -.p-scrollpanel-bar:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -.p-scrollpanel-bar-y { - width: 9px; - top: 0; -} - -.p-scrollpanel-bar-x { - height: 9px; - bottom: 0; -} - -.p-scrollpanel-hidden { - visibility: hidden; -} - -.p-scrollpanel:hover .p-scrollpanel-bar, -.p-scrollpanel:active .p-scrollpanel-bar { - opacity: 1; -} - -.p-scrollpanel-grabbed { - user-select: none; -} -` -}; diff --git a/components/lib/theme/aura/scrollpanel/package.json b/components/lib/theme/aura/scrollpanel/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/scrollpanel/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/scrolltop/index.js b/components/lib/theme/aura/scrolltop/index.js deleted file mode 100644 index f64fb6639..000000000 --- a/components/lib/theme/aura/scrolltop/index.js +++ /dev/null @@ -1,78 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - background: '{surface.800}', - backgroundHover: '{surface.700}', - textColor: '{surface.100}', - textColorHover: '{surface.0}' - } - }, - dark: { - root: { - background: '{surface.800}', - backgroundHover: '{surface.700}', - textColor: '{surface.300}', - textColorHover: '{surface.200}' - } - } - } - }, - css: ` -.p-scrolltop { - position: fixed; - bottom: 20px; - right: 20px; - display: flex; - align-items: center; - justify-content: center; - background: var(--p-scrolltop-background); - color: var(--p-scrolltop-text-color); -} - -.p-scrolltop:hover { - background: var(--p-scrolltop-background-hover); - color: var(--p-scrolltop-text-color-hover); -} - -.p-scrolltop-icon { - font-size: 1.5rem; - width: 1.5rem; - height: 1.5rem; -} - -.p-scrolltop-sticky { - position: sticky; -} - -.p-scrolltop-sticky { - margin-left: auto; -} - -.p-scrolltop-enter-from { - opacity: 0; -} - -.p-scrolltop-enter-active { - transition: opacity 0.15s; -} - -.p-scrolltop.p-scrolltop-leave-to { - opacity: 0; -} - -.p-scrolltop-leave-active { - transition: opacity 0.15s; -} - -.p-scrolltop { - width: 3rem; - height: 3rem; - border-radius: 50%; - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); - transition: background var(--p-transition-duration), color var(--p-transition-duration), outline-color var(--p-transition-duration); - outline-color: transparent; -} -` -}; diff --git a/components/lib/theme/aura/scrolltop/package.json b/components/lib/theme/aura/scrolltop/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/scrolltop/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/selectbutton/index.js b/components/lib/theme/aura/selectbutton/index.js deleted file mode 100644 index b1a63c61c..000000000 --- a/components/lib/theme/aura/selectbutton/index.js +++ /dev/null @@ -1,114 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - background: '{surface.100}', - backgroundDisabled: '{form.field.background.disabled}', - borderColorInvalid: '{form.field.border.color.invalid}' - }, - item: { - backgroundChecked: '{surface.0}', - textColor: '{surface.500}', - textColorHover: '{surface.700}', - textColorChecked: '{surface.900}', - textColorDisabled: '{form.field.text.color.disabled}' - } - }, - dark: { - root: { - background: '{surface.950}', - backgroundDisabled: '{form.field.background.disabled}', - borderColorInvalid: '{form.field.border.color.invalid}' - }, - item: { - backgroundChecked: '{surface.800}', - textColor: '{surface.400}', - textColorHover: '{surface.300}', - textColorChecked: '{surface.0}', - textColorDisabled: '{form.field.text.color.disabled}' - } - } - } - }, - css: ` -.p-selectbutton { - display: inline-flex; - user-select: none; - vertical-align: bottom; - border: 1px solid transparent; - background: var(--p-selectbutton-background); - border-radius: var(--p-rounded-base); - outline-color: transparent; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), box-shadow var(--p-transition-duration), outline-color var(--p-transition-duration); -} - -.p-selectbutton .p-button { - flex: 1 1 auto; - background: transparent; - border: 0 none; - color: var(--p-selectbutton-item-text-color); - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), box-shadow var(--p-transition-duration), outline-color var(--p-transition-duration); - outline-color: transparent; - padding: 0.5rem 1rem; - display: inline-flex; - align-items: center; - justify-content: center; - border-radius: var(--p-rounded-base); - gap: 0.5rem; - position: relative; - cursor: pointer; -} - -.p-selectbutton .p-button::before { - content: ""; - background: transparent; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), box-shadow var(--p-transition-duration), outline-color var(--p-transition-duration); - position: absolute; - left: 0.25rem; - top: 0.25rem; - width: calc(100% - 0.5rem); - height: calc(100% - 0.5rem); - border-radius: var(--p-rounded-sm); -} - -.p-selectbutton .p-button .p-button-label { - position: relative; - transition: none; -} - -.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - color: var(--p-selectbutton-item-text-color-hover); -} - -.p-selectbutton .p-button.p-highlight { - color: var(--p-selectbutton-item-text-color-checked); -} - -.p-selectbutton .p-button.p-highlight::before { - background: var(--p-selectbutton-item-background-checked); - box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); -} - -.p-selectbutton .p-button:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); - --p-focus-ring-offset: 0; -} - -.p-selectbutton.p-invalid { - border-color: var(--p-selectbutton-border-color-invalid); -} - -.p-selectbutton.p-disabled { - opacity: 1; - background: var(--p-selectbutton-background-disabled); -} - -.p-selectbutton.p-disabled .p-button, -.p-selectbutton .p-button.p-disabled { - background: var(--p-selectbutton-background-disabled); - color: var(--p-selectbutton-item-text-color-disabled); -} -` -}; diff --git a/components/lib/theme/aura/selectbutton/package.json b/components/lib/theme/aura/selectbutton/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/selectbutton/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/sidebar/index.js b/components/lib/theme/aura/sidebar/index.js deleted file mode 100644 index b64b07b73..000000000 --- a/components/lib/theme/aura/sidebar/index.js +++ /dev/null @@ -1,205 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - background: '{surface.0}', - borderColor: '{surface.200}', - textColor: '{surface.700}' - }, - headerIcon: { - color: '{surface.500}', - colorHover: '{surface.600}', - backgroundHover: '{surface.100}' - } - }, - dark: { - root: { - background: '{surface.900}', - borderColor: '{surface.700}', - textColor: '{surface.0}' - }, - headerIcon: { - color: '{surface.400}', - colorHover: '{surface.300}', - backgroundHover: '{surface.800}' - } - } - } - }, - css: ` -.p-sidebar { - display: flex; - flex-direction: column; - pointer-events: auto; - transform: translate3d(0px, 0px, 0px); - position: relative; - transition: transform 0.3s; - background: var(--p-sidebar-background); - color: var(--p-sidebar-text-color); - border: 0 solid var(--p-sidebar-border-color); - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); -} - -.p-sidebar-content { - overflow-y: auto; - flex-grow: 1; - padding: 0 1.125rem 1.125rem 1.125rem; -} - -.p-sidebar-header { - display: flex; - align-items: center; - justify-content: space-between; - flex-shrink: 0; - padding: 1.125rem; -} - -.p-sidebar-header-content { - font-weight: 600; - font-size: 1.25rem; -} - -.p-sidebar-icon { - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - position: relative; - width: 1.75rem; - height: 1.75rem; - color: var(--p-sidebar-header-icon-color); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), outline-color var(--p-transition-duration); - outline-color: transparent; -} - -.p-sidebar-icon:enabled:hover { - background: var(--p-sidebar-header-icon-background-hover); - color: var(--p-sidebar-header-icon-color-hover); -} - -.p-sidebar-icon:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -.p-sidebar-full .p-sidebar { - transition: none; - transform: none; - width: 100vw !important; - height: 100vh !important; - max-height: 100%; - top: 0px !important; - left: 0px !important; - border-width: 1px; -} - -.p-sidebar-left .p-sidebar-enter-from, -.p-sidebar-left .p-sidebar-leave-to { - transform: translateX(-100%); -} - -.p-sidebar-right .p-sidebar-enter-from, -.p-sidebar-right .p-sidebar-leave-to { - transform: translateX(100%); -} - -.p-sidebar-top .p-sidebar-enter-from, -.p-sidebar-top .p-sidebar-leave-to { - transform: translateY(-100%); -} - -.p-sidebar-bottom .p-sidebar-enter-from, -.p-sidebar-bottom .p-sidebar-leave-to { - transform: translateY(100%); -} - -.p-sidebar-full .p-sidebar-enter-from, -.p-sidebar-full .p-sidebar-leave-to { - opacity: 0; -} - -.p-sidebar-full .p-sidebar-enter-active, -.p-sidebar-full .p-sidebar-leave-active { - transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); -} - -.p-sidebar-left .p-sidebar { - width: 20rem; - height: 100%; - border-right-width: 1px; -} - -.p-sidebar-right .p-sidebar { - width: 20rem; - height: 100%; - border-left-width: 1px; -} - -.p-sidebar-top .p-sidebar { - height: 10rem; - width: 100%; - border-bottom-width: 1px; -} - -.p-sidebar-bottom .p-sidebar { - height: 10rem; - width: 100%; - border-top-width: 1px; -} - -.p-sidebar-left .p-sidebar-sm, -.p-sidebar-right .p-sidebar-sm { - width: 20rem; -} - -.p-sidebar-left .p-sidebar-md, -.p-sidebar-right .p-sidebar-md { - width: 40rem; -} - -.p-sidebar-left .p-sidebar-lg, -.p-sidebar-right .p-sidebar-lg { - width: 60rem; -} - -.p-sidebar-top .p-sidebar-sm, -.p-sidebar-bottom .p-sidebar-sm { - height: 10rem; -} - -.p-sidebar-top .p-sidebar-md, -.p-sidebar-bottom .p-sidebar-md { - height: 20rem; -} - -.p-sidebar-top .p-sidebar-lg, -.p-sidebar-bottom .p-sidebar-lg { - height: 30rem; -} - -.p-sidebar-left .p-sidebar-content, -.p-sidebar-right .p-sidebar-content, -.p-sidebar-top .p-sidebar-content, -.p-sidebar-bottom .p-sidebar-content { - width: 100%; - height: 100%; -} - -@media screen and (max-width: 64em) { - .p-sidebar-left .p-sidebar-lg, - .p-sidebar-left .p-sidebar-md, - .p-sidebar-right .p-sidebar-lg, - .p-sidebar-right .p-sidebar-md { - width: 20rem; - } -} - -.p-sidebar-visible { - display: flex; -} -` -}; diff --git a/components/lib/theme/aura/sidebar/package.json b/components/lib/theme/aura/sidebar/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/sidebar/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/skeleton/index.js b/components/lib/theme/aura/skeleton/index.js deleted file mode 100644 index 4349a1fa6..000000000 --- a/components/lib/theme/aura/skeleton/index.js +++ /dev/null @@ -1,55 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - background: '{surface.200}', - animationBackground: 'rgba(255,255,255,0.4)' - } - }, - dark: { - root: { - background: 'rgba(255, 255, 255, 0.06)', - animationBackground: 'rgba(255, 255, 255, 0.04)' - } - } - } - }, - css: ` -.p-skeleton { - overflow: hidden; - background-color: var(--p-skeleton-background); - border-radius: var(--p-rounded-base); -} - -.p-skeleton::after { - content: ""; - animation: p-skeleton-animation 1.2s infinite; - height: 100%; - left: 0; - position: absolute; - right: 0; - top: 0; - transform: translateX(-100%); - z-index: 1; - background: linear-gradient( 90deg, rgba(255, 255, 255, 0), var(--p-skeleton-animation-background), rgba(255, 255, 255, 0) ); -} - -.p-skeleton-circle { - border-radius: 50%; -} - -.p-skeleton-none::after { - animation: none; -} - -@keyframes p-skeleton-animation { - from { - transform: translateX(-100%); - } - to { - transform: translateX(100%); - } -} -` -}; diff --git a/components/lib/theme/aura/skeleton/package.json b/components/lib/theme/aura/skeleton/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/skeleton/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/slider/index.js b/components/lib/theme/aura/slider/index.js deleted file mode 100644 index 3cb607c41..000000000 --- a/components/lib/theme/aura/slider/index.js +++ /dev/null @@ -1,113 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - track: { - background: '{surface.200}' - }, - handle: { - background: '{surface.200}', - backgroundHover: '{surface.200}', - contentBackground: '{surface.0}' - }, - range: { - background: '{primary.color}' - } - }, - dark: { - track: { - background: '{surface.700}' - }, - handle: { - background: '{surface.700}', - backgroundHover: '{surface.700}', - contentBackground: '{surface.950}' - }, - range: { - background: '{primary.color}' - } - } - } - }, - css: ` -.p-slider { - position: relative; - background: var(--p-slider-track-background); - border-radius: var(--p-rounded-base); -} - -.p-slider-handle { - cursor: grab; - touch-action: none; - display: flex; - justify-content: center; - align-items: center; - height: 20px; - width: 20px; - background: var(--p-slider-handle-background); - border: 0 none; - border-radius: 50%; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), box-shadow var(--p-transition-duration), outline-color var(--p-transition-duration); - outline-color: transparent; -} - -.p-slider-handle::before { - content: ""; - width: 16px; - height: 16px; - display: block; - background-color: var(--p-slider-handle-content-background); - border-radius: 50%; - box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.14); -} - -.p-slider:not(.p-disabled) .p-slider-handle:hover { - background: var(--p-slider-handle-background-hover); - border-color: transparent; -} - -.p-slider-handle:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: 0; -} - -.p-slider-range { - display: block; - background: var(--p-slider-range-background); - border-radius: var(--p-rounded-base); -} - -.p-slider.p-slider-horizontal { - height: 3px; -} - -.p-slider-horizontal .p-slider-range { - top: 0; - left: 0; - height: 100%; -} - -.p-slider-horizontal .p-slider-handle { - top: 50%; - margin-top: -10px; - margin-left: -10px; -} - -.p-slider-vertical { - height: 100px; - width: 3px; -} - -.p-slider-vertical .p-slider-handle { - left: 50%; - margin-left: -10px; - margin-bottom: -10px; -} - -.p-slider-vertical .p-slider-range { - bottom: 0; - left: 0; - width: 100%; -} -` -}; diff --git a/components/lib/theme/aura/slider/package.json b/components/lib/theme/aura/slider/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/slider/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/speeddial/index.js b/components/lib/theme/aura/speeddial/index.js deleted file mode 100644 index 600504c5a..000000000 --- a/components/lib/theme/aura/speeddial/index.js +++ /dev/null @@ -1,116 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - item: { - background: '{surface.100}', - backgroundHover: '{surface.200}', - textColor: '{surface.600}', - textColorHover: '{surface.700}' - } - }, - dark: {} - } - }, - css: ` -.p-speeddial { - position: absolute; - display: flex; - gap: 0.25rem; -} - -.p-speeddial-button { - z-index: 1; - width: 2.5rem; - height: 2.5rem; -} - -.p-speeddial-button.p-speeddial-rotate { - transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), box-shadow var(--p-transition-duration), outline-color var(--p-transition-duration); - will-change: transform; -} - -.p-speeddial-list { - margin: 0; - padding: 0; - list-style: none; - display: flex; - align-items: center; - justify-content: center; - transition: top 0s linear var(--p-transition-duration); - pointer-events: none; - outline: 0 none; - z-index: 2; - gap: 0.25rem; -} - -.p-speeddial-item { - transform: scale(0); - opacity: 0; - transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s; - will-change: transform; -} - -.p-speeddial-item.p-focus > .p-speeddial-action { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -.p-speeddial-action { - display: flex; - align-items: center; - justify-content: center; - border-radius: 50%; - position: relative; - overflow: hidden; - width: 2.5rem; - height: 2.5rem; - background: var(--p-speeddial-item-background); - color: var(--p-speeddial-item-text-color); - outline-color: transparent; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), box-shadow var(--p-transition-duration), outline-color var(--p-transition-duration); -} - -.p-speeddial-action:hover { - background: var(--p-speeddial-item-background-hover); - color: var(--p-speeddial-item-text-color-hover); -} - -.p-speeddial-circle .p-speeddial-item, -.p-speeddial-semi-circle .p-speeddial-item, -.p-speeddial-quarter-circle .p-speeddial-item { - position: absolute; -} - -.p-speeddial-mask { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - opacity: 0; - background-color: var(--p-mask-background); - border-radius: 6px; - transition: opacity 150ms; -} - -.p-speeddial-mask-visible { - pointer-events: none; - opacity: 1; - transition: opacity 150ms; -} - -.p-speeddial-opened .p-speeddial-list { - pointer-events: auto; -} - -.p-speeddial-opened .p-speeddial-item { - transform: scale(1); - opacity: 1; -} - -.p-speeddial-opened .p-speeddial-rotate { - transform: rotate(45deg); -} -` -}; diff --git a/components/lib/theme/aura/speeddial/package.json b/components/lib/theme/aura/speeddial/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/speeddial/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/splitbutton/index.js b/components/lib/theme/aura/splitbutton/index.js deleted file mode 100644 index e68bcb49b..000000000 --- a/components/lib/theme/aura/splitbutton/index.js +++ /dev/null @@ -1,77 +0,0 @@ -export default { - variables: { - colorScheme: { - light: {}, - dark: {} - } - }, - css: ` -.p-splitbutton { - display: inline-flex; - position: relative; - border-radius: var(--p-rounded-base); -} - -.p-splitbutton-defaultbutton { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-right: 0 none; -} - -.p-splitbutton-defaultbutton:not(:disabled):hover, -.p-splitbutton-defaultbutton:not(:disabled):active { - border-right: 0 none; -} - -.p-splitbutton-menubutton { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.p-splitbutton .p-menu { - min-width: 100%; -} - -.p-fluid .p-splitbutton { - display: flex; -} - -.p-splitbutton.p-button-rounded .p-splitbutton-defaultbutton { - border-top-left-radius: 2rem; - border-bottom-left-radius: 2rem;; -} - -.p-splitbutton.p-button-rounded .p-splitbutton-menubutton { - border-top-right-radius: 2rem; - border-bottom-right-radius: 2rem;; -} - -.p-splitbutton.p-button-raised { - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} - -/* -.p-splitbutton .p-splitbutton-defaultbutton, -.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button, -.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button, -.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button-outlined.p-button:hover { - flex: 1 1 auto; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-right: 0 none; -} - -.p-splitbutton-menubutton, -.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button, -.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button { - display: flex; - align-items: center; - justify-content: center; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - - -*/ -` -}; diff --git a/components/lib/theme/aura/splitbutton/package.json b/components/lib/theme/aura/splitbutton/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/splitbutton/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/splitter/index.js b/components/lib/theme/aura/splitter/index.js deleted file mode 100644 index e9cdd4827..000000000 --- a/components/lib/theme/aura/splitter/index.js +++ /dev/null @@ -1,104 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - background: '{surface.0}', - borderColor: '{surface.200}', - textColor: '{surface.700}' - }, - gutter: { - background: '{surface.200}' - } - }, - dark: { - root: { - background: '{surface.900}', - borderColor: '{surface.700}', - textColor: '{surface.0}' - }, - gutter: { - background: '{surface.700}' - } - } - } - }, - css: ` -.p-splitter { - display: flex; - flex-wrap: nowrap; - border: 1px solid var(--p-splitter-border-color); - background: var(--p-splitter-background); - border-radius: var(--p-rounded-base); - color: var(--p-splitter-text-color); -} - -.p-splitter-vertical { - flex-direction: column; -} - -.p-splitter-gutter { - flex-grow: 0; - flex-shrink: 0; - display: flex; - align-items: center; - justify-content: center; - z-index: 1; - background: var(--p-splitter-gutter-background); -} - -.p-splitter-gutter-handle { - border-radius: var(--p-rounded-base); - background: transparent; - transition: outline-color var(--p-transition-duration); - outline-color: transparent; -} - -.p-splitter-gutter-handle:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -.p-splitter-horizontal.p-splitter-resizing { - cursor: col-resize; - user-select: none; -} - -.p-splitter-vertical.p-splitter-resizing { - cursor: row-resize; - user-select: none; -} - -.p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle { - height: 24px; - width: 100%; -} - -.p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle { - width: 24px; - height: 100%; -} - -.p-splitter-horizontal > .p-splitter-gutter { - cursor: col-resize; -} - -.p-splitter-vertical > .p-splitter-gutter { - cursor: row-resize; -} - -.p-splitter-panel { - flex-grow: 1; - overflow: hidden; -} - -.p-splitter-panel-nested { - display: flex; -} - -.p-splitter-panel .p-splitter { - flex-grow: 1; - border: 0 none; -} -` -}; diff --git a/components/lib/theme/aura/splitter/package.json b/components/lib/theme/aura/splitter/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/splitter/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/steps/index.js b/components/lib/theme/aura/steps/index.js deleted file mode 100644 index 8e45ac9c7..000000000 --- a/components/lib/theme/aura/steps/index.js +++ /dev/null @@ -1,153 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - connector: { - borderColor: '{surface.200}' - }, - item: { - textColor: '{surface.700}', - textColorActive: '{primary.color}' - }, - marker: { - background: '{surface.0}', - backgroundActive: '{surface.0}', - borderColor: '{surface.200}', - textColor: '{surface.500}', - textColorActive: '{primary.color}' - } - }, - dark: { - connector: { - borderColor: '{surface.700}' - }, - item: { - textColor: '{surface.0}', - textColorActive: '{primary.color}' - }, - marker: { - background: '{surface.900}', - backgroundActive: '{surface.900}', - borderColor: '{surface.700}', - textColor: '{surface.400}', - textColorActive: '{primary.color}' - } - } - } - }, - css: ` -.p-steps { - position: relative; -} - -.p-steps .p-steps-list { - padding: 0; - margin: 0; - list-style-type: none; - display: flex; -} - -.p-steps-item { - position: relative; - display: flex; - justify-content: center; - flex: 1 1 auto; -} - -.p-steps-item.p-disabled, -.p-steps-item.p-disabled * { - opacity: 1; - pointer-events: auto; - user-select: auto; - cursor: auto; -} - -.p-steps-item:before { - content: " "; - border-top: 2px solid var(--p-steps-connector-border-color); - width: 100%; - top: 50%; - left: 0; - display: block; - position: absolute; - margin-top: -1rem; - margin-top: calc(-1rem + 1px); -} - -.p-steps-item:first-child::before { - width: calc(50% + 1rem); - transform: translateX(100%); -} - -.p-steps-item:last-child::before { - width: 50%; -} - -.p-steps-item .p-menuitem-link { - display: inline-flex; - flex-direction: column; - align-items: center; - overflow: hidden; - text-decoration: none; - transition: outline-color var(--p-transition-duration); - border-radius: var(--p-rounded-base); - outline-color: transparent; -} - -.p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -.p-steps-title { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 100%; - margin-top: 0.5rem; - color: var(--p-steps-item-text-color); - display: block; - font-weight: 500; -} - -.p-steps-number { - display: flex; - align-items: center; - justify-content: center; - color: var(--p-steps-marker-text-color); - border: 2px solid var(--p-steps-marker-border-color); - background: var(--p-steps-marker-background); - min-width: 2rem; - height: 2rem; - line-height: 2rem; - font-size: 1.143rem; - z-index: 1; - border-radius: 50%; - position: relative; - font-weight: 500; -} - -.p-steps-number::after { - content: " "; - position: absolute; - width: 100%; - height: 100%; - border-radius: 50%; - box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); -} - -.p-steps:not(.p-readonly) .p-steps-item { - cursor: pointer; -} - -.p-steps-current .p-steps-number { - background: var(--p-steps-marker-background-active); - color: var(--p-steps-marker-text-color-active); -} - -.p-steps-current .p-steps-title { - font-weight: 500; - color: var(--p-steps-item-text-color-active); -} -` -}; diff --git a/components/lib/theme/aura/steps/package.json b/components/lib/theme/aura/steps/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/steps/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/tabmenu/index.js b/components/lib/theme/aura/tabmenu/index.js deleted file mode 100644 index b62ecd0aa..000000000 --- a/components/lib/theme/aura/tabmenu/index.js +++ /dev/null @@ -1,101 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - nav: { - background: '{surface.0}', - borderColor: '{surface.200}' - }, - header: { - borderColor: '{surface.200}', - textColor: '{surface.500}', - textColorHover: '{surface.700}' - } - }, - dark: { - nav: { - background: '{surface.900}', - borderColor: '{surface.700}' - }, - header: { - borderColor: '{surface.700}', - textColor: '{surface.400}', - textColorHover: '{surface.0}' - } - } - } - }, - css: ` -.p-tabmenu { - overflow-x: auto; -} - -.p-tabmenu-nav { - display: flex; - margin: 0; - padding: 0; - list-style-type: none; - flex: 1 1 auto; - background: var(--p-tabmenu-nav-background); - border: 1px solid var(--p-tabmenu-nav-border-color); - border-width: 0 0 1px 0; - position: relative; -} - -.p-tabmenuitem .p-menuitem-link { - cursor: pointer; - user-select: none; - display: flex; - align-items: center; - text-decoration: none; - position: relative; - overflow: hidden; - border-style: solid; - border-width: 0 0 1px 0; - border-color: transparent transparent var(--p-tabmenu-header-border-color) transparent; - color: var(--p-tabmenu-header-text-color); - padding: 1rem 1.125rem; - font-weight: 600; - border-top-right-radius: var(--p-rounded-base); - border-top-left-radius: var(--p-rounded-base); - transition: color var(--p-transition-duration), outline-color var(--p-transition-duration); - margin: 0 0 -1px 0; - outline-color: transparent; -} - -.p-tabmenuitem .p-menuitem-link:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: -1px; -} - -.p-tabmenuitem .p-menuitem-icon { - margin-right: 0.5rem; -} - -.p-tabmenu-nav .p-menuitem-text { - line-height: 1; -} - -.p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { - color: var(--p-tabmenu-header-text-color-hover); -} - -.p-tabmenuitem.p-highlight .p-menuitem-link { - color: var(--p-primary-color); -} - -.p-tabmenu-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: -1px; - height: 1px; - background-color: var(--p-primary-color); - transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); -} - -.p-tabmenu::-webkit-scrollbar { - display: none; -} -` -}; diff --git a/components/lib/theme/aura/tabmenu/package.json b/components/lib/theme/aura/tabmenu/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/tabmenu/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/tabview/index.js b/components/lib/theme/aura/tabview/index.js deleted file mode 100644 index ff0206d3d..000000000 --- a/components/lib/theme/aura/tabview/index.js +++ /dev/null @@ -1,170 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - nav: { - background: '{surface.0}', - borderColor: '{surface.200}' - }, - header: { - borderColor: '{surface.200}', - textColor: '{surface.500}', - textColorHover: '{surface.700}' - }, - navigatorIcon: { - background: '{surface.0}', - color: '{surface.500}', - colorHover: '{surface.700}', - boxShadow: '0px 0px 10px 50px rgba(255, 255, 255, 0.6)' - }, - content: { - background: '{surface.0}', - textColor: '{surface.700}' - } - }, - dark: { - nav: { - background: '{surface.900}', - borderColor: '{surface.700}' - }, - header: { - borderColor: '{surface.700}', - textColor: '{surface.400}', - textColorHover: '{surface.0}' - }, - navigatorIcon: { - background: '{surface.900}', - color: '{surface.400}', - colorHover: '{surface.0}', - boxShadow: '0px 0px 10px 50px color-mix(in srgb, var(--p-surface-900), transparent 50%)' - }, - content: { - background: '{surface.900}', - textColor: '{surface.0}' - } - } - } - }, - css: ` -.p-tabview-nav-container { - position: relative; -} - -.p-tabview-scrollable > .p-tabview-nav-container { - overflow: hidden; -} - -.p-tabview-nav-content { - overflow-x: auto; - overflow-y: hidden; - scroll-behavior: smooth; - scrollbar-width: none; - overscroll-behavior: contain auto; -} - -.p-tabview-nav { - display: flex; - margin: 0; - padding: 0; - list-style-type: none; - flex: 1 1 auto; - background: var(--p-tabview-nav-background); - border: 1px solid var(--p-tabview-nav-border-color); - border-width: 0 0 1px 0; - position: relative; -} - -.p-tabview-nav-link { - cursor: pointer; - user-select: none; - display: flex; - align-items: center; - text-decoration: none; - position: relative; - overflow: hidden; - border-style: solid; - border-width: 0 0 1px 0; - border-color: transparent transparent var(--p-tabview-header-border-color) transparent; - color: var(--p-tabview-header-text-color); - padding: 1rem 1.125rem; - font-weight: 600; - border-top-right-radius: var(--p-rounded-base); - border-top-left-radius: var(--p-rounded-base); - transition: color var(--p-transition-duration), outline-color var(--p-transition-duration); - margin: 0 0 -1px 0; - outline-color: transparent; -} - -.p-tabview-header:not(.p-disabled) .p-tabview-nav-link:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: -1px; -} - -.p-tabview-header:not(.p-highlight):not(.p-disabled):hover >.p-tabview-nav-link { - color: var(--p-tabview-header-text-color-hover); -} - -.p-tabview-header.p-highlight > .p-tabview-nav-link { - color: var(--p-primary-color); -} - -.p-tabview-title { - line-height: 1; - white-space: nowrap; -} - -.p-tabview-nav-btn { - position: absolute; - top: 0; - z-index: 2; - height: 100%; - display: flex; - align-items: center; - justify-content: center; - background: var(--p-tabview-navigator-icon-background); - color: var(--p-tabview-navigator-icon-color); - width: 2.5rem; - border-radius: 0; - outline-color: transparent; - transition: color var(--p-transition-duration), outline-color var(--p-transition-duration); - box-shadow: var(--p-tabview-navigator-icon-box-shadow); -} - -.p-tabview-nav-btn:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: -2px; -} - -.p-tabview-nav-btn:hover { - color: var(--p-tabview-navigator-icon-color-hover); -} - -.p-tabview-nav-prev { - left: 0; -} - -.p-tabview-nav-next { - right: 0; -} - -.p-tabview-nav-content::-webkit-scrollbar { - display: none; -} - -.p-tabview-panels { - background: var(--p-tabview-content-background); - color: var(--p-tabview-content-text-color); - padding: 0.875rem 1.125rem 1.125rem 1.125rem; -} - -.p-tabview-ink-bar { - z-index: 1; - display: block; - position: absolute; - bottom: -1px; - height: 1px; - background-color: var(--p-primary-color); - transition: 250ms cubic-bezier(0.35, 0, 0.25, 1); -} -` -}; diff --git a/components/lib/theme/aura/tabview/package.json b/components/lib/theme/aura/tabview/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/tabview/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/tag/index.js b/components/lib/theme/aura/tag/index.js deleted file mode 100644 index 5c6eff944..000000000 --- a/components/lib/theme/aura/tag/index.js +++ /dev/null @@ -1,120 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - primary: { - background: '{primary.100}', - textColor: '{primary.700}' - }, - secondary: { - background: '{surface.100}', - textColor: '{surface.600}' - }, - success: { - background: '{green.100}', - textColor: '{green.700}' - }, - info: { - background: '{sky.100}', - textColor: '{sky.700}' - }, - warn: { - background: '{orange.100}', - textColor: '{orange.700}' - }, - danger: { - background: '{red.100}', - textColor: '{red.700}' - }, - contrast: { - background: '{surface.950}', - textColor: '{surface.0}' - } - }, - dark: { - primary: { - background: 'color-mix(in srgb, var(--p-primary-500), transparent 84%)', - textColor: '{primary.300}' - }, - secondary: { - background: '{surface.800}', - textColor: '{surface.300}' - }, - success: { - background: 'color-mix(in srgb, var(--p-green-500), transparent 84%)', - textColor: '{green.300}' - }, - info: { - background: 'color-mix(in srgb, var(--p-sky-500), transparent 84%)', - textColor: '{sky.300}' - }, - warn: { - background: 'color-mix(in srgb, var(--p-orange-500), transparent 84%)', - textColor: '{orange.300}' - }, - danger: { - background: 'color-mix(in srgb, var(--p-red-500), transparent 84%)', - textColor: '{red.300}' - }, - contrast: { - background: '{surface.0}', - textColor: '{surface.950}' - } - } - } - }, - css: ` -.p-tag { - display: inline-flex; - align-items: center; - justify-content: center; - background: var(--p-tag-primary-background); - color: var(--p-tag-primary-text-color); - font-size: 0.75rem; - font-weight: 700; - padding: 0.25rem 0.4rem; - border-radius: 6px; - gap: 0.25rem; -} - -.p-tag-icon { - font-size: 0.75rem; - width: 0.75rem; - height: 0.75rem; -} - -.p-tag-rounded { - border-radius: 10rem; -} - -.p-tag-success { - background-color: var(--p-tag-success-background); - color: var(--p-tag-success-text-color); -} - -.p-tag-info { - background-color: var(--p-tag-info-background); - color: var(--p-tag-info-text-color); -} - -.p-tag-warning { - background-color: var(--p-tag-warn-background); - color: var(--p-tag-warn-text-color); -} - -.p-tag-danger { - background-color: var(--p-tag-danger-background); - color: var(--p-tag-danger-text-color); -} - -.p-tag-secondary { - background-color: var(--p-tag-secondary-background); - color: var(--p-tag-secondary-text-color); -} - -.p-tag-contrast { - background-color: var(--p-tag-contrast-background); - color: var(--p-tag-contrast-text-color); -} -` -}; diff --git a/components/lib/theme/aura/tag/package.json b/components/lib/theme/aura/tag/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/tag/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/terminal/index.js b/components/lib/theme/aura/terminal/index.js deleted file mode 100644 index 27e12735a..000000000 --- a/components/lib/theme/aura/terminal/index.js +++ /dev/null @@ -1,56 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - background: '{surface.0}', - borderColor: '{surface.300}', - textColor: '{surface.700}' - }, - dark: { - background: '{surface.950}', - borderColor: '{surface.700}', - textColor: '{surface.0}' - } - } - }, - css: ` -.p-terminal { - height: 18rem; - overflow: auto; - background: var(--p-terminal-background); - color: var(--p-terminal-text-color); - border: 1px solid var(--p-terminal-border-color); - padding: 0.5rem 0.75rem; - border-radius: var(--p-rounded-base); -} - -.p-terminal-prompt-container { - display: flex; - align-items: center; -} - -.p-terminal-input { - flex: 1 1 auto; - border: 0 none; - background-color: transparent; - color: inherit; - padding: 0; - outline: 0 none; - font-family: inherit; - font-feature-settings: inherit; - font-size: 1rem; -} - -.p-terminal-prompt { - margin-right: 0.25rem; -} - -.p-terminal-input::-ms-clear { - display: none; -} - -.p-terminal-response { - margin: 2px 0; -} -` -}; diff --git a/components/lib/theme/aura/terminal/package.json b/components/lib/theme/aura/terminal/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/terminal/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/textarea/index.js b/components/lib/theme/aura/textarea/index.js deleted file mode 100644 index 0bc128ca1..000000000 --- a/components/lib/theme/aura/textarea/index.js +++ /dev/null @@ -1,76 +0,0 @@ -export default { - variables: { - common: { - root: { - background: '{form.field.background}', - backgroundDisabled: '{form.field.background.disabled}', - backgroundFilled: '{form.field.background.filled}', - backgroundFilledFocus: '{form.field.background.filled.focus}', - borderColor: '{form.field.border.color}', - borderColorHover: '{form.field.border.color.hover}', - borderColorFocus: '{form.field.border.color.focus}', - borderColorInvalid: '{form.field.border.color.invalid}', - textColor: '{form.field.text.color}', - textColorDisabled: '{form.field.text.disabled}', - placeholderTextColor: '{form.field.placeholder.text.color}', - boxShadow: '{form.field.box.shadow}' - } - } - }, - css: ` -.p-inputtextarea { - font-family: inherit; - font-feature-settings: inherit; - font-size: 1rem; - color: var(--p-textarea-text-color); - background: var(--p-textarea-background); - padding: 0.5rem 0.75rem; - border: 1px solid var(--p-textarea-border-color); - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), outline-color var(--p-transition-duration); - appearance: none; - border-radius: var(--p-rounded-base); - outline-color: transparent; - box-shadow: var(--p-textarea-box-shadow); -} - -.p-inputtextarea:enabled:hover { - border-color: var(--p-textarea-border-color-hover); -} - -.p-inputtextarea:enabled:focus { - border-color: var(--p-textarea-border-color-focus); - outline: 0 none; -} - -.p-inputtextarea.p-invalid { - border-color: var(--p-textarea-border-color-invalid); -} - -.p-inputtextarea.p-variant-filled { - background-color: var(--p-textarea-background-filled); -} - -.p-inputtextarea.p-variant-filled:enabled:focus { - background-color: var(--p-textarea-background-filled-focus); -} - -.p-inputtextarea:disabled { - opacity: 1; - background: var(--p-textarea-background-disabled); - color: var(--p-textarea-text-color-disabled); -} - -.p-inputtextarea::placeholder { - color: var(--p-textarea-placeholder-text-color); -} - -.p-fluid .p-inputtextarea { - width: 100%; -} - -.p-inputtextarea-resizable { - overflow: hidden; - resize: none; -} -` -}; diff --git a/components/lib/theme/aura/textarea/package.json b/components/lib/theme/aura/textarea/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/textarea/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/tieredmenu/index.js b/components/lib/theme/aura/tieredmenu/index.js deleted file mode 100644 index 6a6321e1c..000000000 --- a/components/lib/theme/aura/tieredmenu/index.js +++ /dev/null @@ -1,175 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - background: '{surface.0}', - borderColor: '{surface.200}', - textColor: '{surface.700}' - }, - item: { - backgroundFocus: '{surface.100}', - text: { - color: '{surface.700}', - colorFocus: '{surface.800}' - }, - icon: { - color: '{surface.400}', - colorFocus: '{surface.500}' - } - }, - separator: { - borderColor: '{surface.200}' - } - }, - dark: { - root: { - background: '{surface.900}', - borderColor: '{surface.700}', - textColor: '{surface.0}' - }, - item: { - backgroundFocus: '{surface.800}', - text: { - color: '{surface.0}', - colorFocus: '{surface.0}' - }, - icon: { - color: '{surface.500}', - colorFocus: '{surface.400}' - } - }, - separator: { - borderColor: '{surface.700}' - } - } - } - }, - css: ` -.p-tieredmenu { - padding: 0.25rem 0.25rem; - background: var(--p-tieredmenu-background); - color: var(--p-tieredmenu-text-color); - border: 1px solid var(--p-tieredmenu-border-color); - border-radius: var(--p-rounded-base); - min-width: 12.5rem; -} - -.p-tieredmenu ul { - margin: 0; - padding: 0; - list-style: none; -} - -.p-tieredmenu-root-list { - outline: 0 none; -} - -.p-tieredmenu .p-submenu-list { - position: absolute; - min-width: 100%; - z-index: 1; - padding: 0.25rem 0.25rem; - background: var(--p-tieredmenu-background); - color: var(--p-tieredmenu-text-color); - border: 1px solid var(--p-tieredmenu-border-color); - border-radius: var(--p-rounded-base); - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); -} - -.p-tieredmenu .p-menuitem-link { - cursor: pointer; - display: flex; - align-items: center; - text-decoration: none; - overflow: hidden; - position: relative; - color: inherit; - padding: 0.5rem 0.75rem; - user-select: none; -} - -.p-tieredmenu .p-menuitem-text { - line-height: 1; -} - -.p-tieredmenu .p-menuitem { - position: relative; - margin: 2px 0; -} - -.p-tieredmenu .p-menuitem:first-child { - margin-top: 0; -} -.p-tieredmenu .p-menuitem:last-child { - margin-bottom: 0; -} - -.p-tieredmenu .p-menuitem-content { - transition: background-color var(--p-transition-duration), color var(--p-transition-duration); - border-radius: var(--p-rounded-sm); - color: var(--p-tieredmenu-item-text-color); -} - -.p-tieredmenu .p-menuitem-icon { - color: var(--p-tieredmenu-item-icon-color); - margin-right: 0.5rem; -} - -.p-tieredmenu .p-submenu-icon { - color: var(--p-tieredmenu-item-icon-color); - margin-left: auto; - font-size: 0.875rem; - width: 0.875rem; - height: 0.875rem; -} - -.p-tieredmenu .p-menuitem.p-focus > .p-menuitem-content { - color: var(--p-tieredmenu-item-text-color-focus); - background: var(--p-tieredmenu-item-background-focus); -} - -.p-tieredmenu .p-menuitem.p-focus > .p-menuitem-content .p-menuitem-icon, -.p-tieredmenu .p-menuitem.p-focus > .p-menuitem-content .p-submenu-icon { - color: var(--p-tieredmenu-item-icon-color-focus); -} - -.p-tieredmenu .p-menuitem:not(.p-disabled) > .p-menuitem-content:hover { - color: var(--p-tieredmenu-item-text-color-focus); - background: var(--p-tieredmenu-item-background-focus); -} - -.p-tieredmenu .p-menuitem:not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-icon, -.p-tieredmenu .p-menuitem:not(.p-disabled) > .p-menuitem-content:hover .p-submenu-icon { - color: var(--p-tieredmenu-item-icon-color-focus); -} - -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-content { - color: var(--p-tieredmenu-item-text-color-focus); - background: var(--p-tieredmenu-item-background-focus); -} - -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-content .p-menuitem-icon, -.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-content .p-submenu-icon { - color: var(--p-tieredmenu-item-icon-color-focus); -} - -.p-tieredmenu .p-menuitem-separator { - border-top: 1px solid var(--p-tieredmenu-separator-border-color); - margin: 2px 0; -} - -.p-tieredmenu.p-tieredmenu-overlay { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); -} - -.p-tieredmenu-enter-from, -.p-tieredmenu-leave-active { - opacity: 0; -} - -.p-tieredmenu-enter-active { - transition: opacity 250ms; -} -` -}; diff --git a/components/lib/theme/aura/tieredmenu/package.json b/components/lib/theme/aura/tieredmenu/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/tieredmenu/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/timeline/index.js b/components/lib/theme/aura/timeline/index.js deleted file mode 100644 index f4a5d23be..000000000 --- a/components/lib/theme/aura/timeline/index.js +++ /dev/null @@ -1,179 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - marker: { - background: '{surface.0}', - borderColor: '{surface.200}', - contentColor: '{primary.color}' - }, - connector: { - color: '{surface.200}' - } - }, - dark: { - marker: { - background: '{surface.900}', - borderColor: '{surface.700}', - contentColor: '{primary.color}' - }, - connector: { - color: '{surface.700}' - } - } - } - }, - css: ` -.p-timeline { - display: flex; - flex-grow: 1; - flex-direction: column; -} - -.p-timeline-left .p-timeline-event-opposite { - text-align: right; -} - -.p-timeline-left .p-timeline-event-content { - text-align: left; -} - -.p-timeline-right .p-timeline-event { - flex-direction: row-reverse; -} - -.p-timeline-right .p-timeline-event-opposite { - text-align: left; -} - -.p-timeline-right .p-timeline-event-content { - text-align: right; -} - -.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) { - flex-direction: row-reverse; -} - -.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite { - text-align: right; -} - -.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content { - text-align: left; -} - -.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite { - text-align: left; -} - -.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content { - text-align: right; -} - -.p-timeline-vertical .p-timeline-event-opposite, -.p-timeline-vertical .p-timeline-event-content { - padding: 0 1rem; -} - -.p-timeline-vertical .p-timeline-event-connector { - width: 2px; -} - -.p-timeline-event { - display: flex; - position: relative; - min-height: 70px; -} - -.p-timeline-event:last-child { - min-height: 0; -} - -.p-timeline-event-opposite { - flex: 1; - padding: 0 1rem; -} - -.p-timeline-event-content { - flex: 1; - padding: 0 1rem; -} - -.p-timeline-event-separator { - flex: 0; - display: flex; - align-items: center; - flex-direction: column; -} - -.p-timeline-event-marker { - display: inline-flex; - align-items: center; - justify-content: center; - position: relative; - align-self: baseline; - border: 2px solid var(--p-timeline-marker-border-color); - border-radius: 50%; - width: 1.125rem; - height: 1.125rem; - background-color: var(--p-timeline-marker-background); -} - -.p-timeline-event-marker::before { - content: " "; - border-radius: 50%; - width: 0.375rem; - height: 0.375rem; - background-color: var(--p-timeline-marker-content-color); -} - -.p-timeline-event-marker::after { - content: " "; - position: absolute; - width: 100%; - height: 100%; - border-radius: 50%; - box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12); -} - -.p-timeline-event-connector { - flex-grow: 1; - background-color: var(--p-timeline-connector-color); -} - -.p-timeline-horizontal { - flex-direction: row; -} - -.p-timeline-horizontal .p-timeline-event { - flex-direction: column; - flex: 1; -} - -.p-timeline-horizontal .p-timeline-event:last-child { - flex: 0; -} - -.p-timeline-horizontal .p-timeline-event-separator { - flex-direction: row; -} - -.p-timeline-horizontal .p-timeline-event-connector { - width: 100%; - height: 2px; -} - -.p-timeline-horizontal .p-timeline-event-opposite, -.p-timeline-horizontal .p-timeline-event-content { - padding: 1rem 0; -} - -.p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) { - flex-direction: column-reverse; -} - -.p-timeline-bottom .p-timeline-event { - flex-direction: column-reverse; -} -` -}; diff --git a/components/lib/theme/aura/timeline/package.json b/components/lib/theme/aura/timeline/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/timeline/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/toast/index.js b/components/lib/theme/aura/toast/index.js deleted file mode 100644 index 613be59eb..000000000 --- a/components/lib/theme/aura/toast/index.js +++ /dev/null @@ -1,322 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - blur: '1.5px', - info: { - background: 'color-mix(in srgb, {blue.50}, transparent 5%)', - borderColor: '{blue.200}', - textColor: '{blue.600}', - detailTextColor: '{surface.700}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)', - closeBackgroundHover: '{blue.100}' - }, - success: { - background: 'color-mix(in srgb, {green.50}, transparent 5%)', - borderColor: '{green.200}', - textColor: '{green.600}', - detailTextColor: '{surface.700}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)', - closeBackgroundHover: '{green.100}' - }, - warn: { - background: 'color-mix(in srgb,{yellow.50}, transparent 5%)', - borderColor: '{yellow.200}', - textColor: '{yellow.600}', - detailTextColor: '{surface.700}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)', - closeBackgroundHover: '{yellow.100}' - }, - error: { - background: 'color-mix(in srgb, {red.50}, transparent 5%)', - borderColor: '{red.200}', - textColor: '{red.600}', - detailTextColor: '{surface.700}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)', - closeBackgroundHover: '{red.100}' - }, - secondary: { - background: '{surface.100}', - borderColor: '{surface.200}', - textColor: '{surface.600}', - detailTextColor: '{surface.700}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)', - closeBackgroundHover: '{surface.200}' - }, - contrast: { - background: '{surface.900}', - borderColor: '{surface.950}', - textColor: '{surface.50}', - detailTextColor: '{surface.0}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)', - closeBackgroundHover: '{surface.800}' - } - }, - dark: { - blur: '10px', - info: { - background: 'color-mix(in srgb, {blue.500}, transparent 84%)', - borderColor: 'color-mix(in srgb, {blue.700}, transparent 64%)', - textColor: '{blue.500}', - detailTextColor: '{surface.0}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {blue.500}, transparent 96%)', - closeBackgroundHover: 'rgba(255, 255, 255, 0.05)' - }, - success: { - background: 'color-mix(in srgb, {green.500}, transparent 84%)', - borderColor: 'color-mix(in srgb, {green.700}, transparent 64%)', - textColor: '{green.500}', - detailTextColor: '{surface.0}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {green.500}, transparent 96%)', - closeBackgroundHover: 'rgba(255, 255, 255, 0.05)' - }, - warn: { - background: 'color-mix(in srgb, {yellow.500}, transparent 84%)', - borderColor: 'color-mix(in srgb, {yellow.700}, transparent 64%)', - textColor: '{yellow.500}', - detailTextColor: '{surface.0}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {yellow.500}, transparent 96%)', - closeBackgroundHover: 'rgba(255, 255, 255, 0.05)' - }, - error: { - background: 'color-mix(in srgb, {red.500}, transparent 84%)', - borderColor: 'color-mix(in srgb, {red.700}, transparent 64%)', - textColor: '{red.500}', - detailTextColor: '{surface.0}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {red.500}, transparent 96%)', - closeBackgroundHover: 'rgba(255, 255, 255, 0.05)' - }, - secondary: { - background: '{surface.800}', - borderColor: '{surface.700}', - textColor: '{surface.300}', - detailTextColor: '{surface.0}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.500}, transparent 96%)', - closeBackgroundHover: '{surface.700}' - }, - contrast: { - background: '{surface.0}', - borderColor: '{surface.100}', - textColor: '{surface.950}', - detailTextColor: '{surface.950}', - boxShadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)', - closeBackgroundHover: '{surface.100}' - } - } - } - }, - css: ` -.p-toast { - width: 25rem; - white-space: pre-line; - word-break: break-word; -} - -.p-toast-message { - backdrop-filter: blur(var(--p-toast-blur)); - margin: 0 0 1rem 0; - border-radius: var(--p-rounded-base); -} - -.p-toast-message-icon { - flex-shrink: 0; - font-size: 1.125rem; - width: 1.125rem; - height: 1.125rem; -} - -.p-toast-message-content { - display: flex; - align-items: flex-start; - padding: 0.75rem; - gap: 0.5rem; -} - -.p-toast-message-text { - flex: 1 1 auto; -} - -.p-toast-summary { - font-weight: 500; -} -.p-toast-detail { - margin-top: 0.5rem; - font-size: 0.875rem; -} - -.p-toast-icon-close { - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; - position: relative; - border-radius: 50%; - cursor: pointer; - background: transparent; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), outline-color var(--p-transition-duration); - outline-color: transparent; - color: inherit; - width: 1.75rem; - height: 1.75rem; - margin-top: -25%; - right: -25%; -} - -.p-toast-icon-close:focus-visible { - outline-width: var(--p-focus-ring-width); - outline-style: var(--p-focus-ring-style); - outline-offset: var(--p-focus-ring-offset); -} - -.p-toast-message-info { - background: var(--p-toast-info-background); - border: 1px solid var(--p-toast-info-border-color); - color: var(--p-toast-info-text-color); - box-shadow: var(--p-toast-info-box-shadow); -} - -.p-toast-message-info .p-toast-detail { - color: var(--p-toast-info-detail-text-color); -} - -.p-toast-message-info .p-toast-icon-close:focus-visible { - outline-color: var(--p-toast-info-text-color); -} - -.p-toast-message-info .p-toast-icon-close:hover { - background: var(--p-toast-info-close-background-hover); -} - -.p-toast-message-success { - background: var(--p-toast-success-background); - border: 1px solid var(--p-toast-success-border-color); - color: var(--p-toast-success-text-color); - box-shadow: var(--p-toast-success-box-shadow); -} - -.p-toast-message-success .p-toast-detail { - color: var(--p-toast-success-detail-text-color); -} - -.p-toast-message-success .p-toast-icon-close:focus-visible { - outline-color: var(--p-toast-success-text-color); -} - -.p-toast-message-success .p-toast-icon-close:hover { - background: var(--p-toast-success-close-background-hover); -} - -.p-toast-message-warn { - background: var(--p-toast-warn-background); - border: 1px solid var(--p-toast-warn-border-color); - color: var(--p-toast-warn-text-color); - box-shadow: var(--p-toast-warn-box-shadow); -} - -.p-toast-message-warn .p-toast-detail { - color: var(--p-toast-warn-detail-text-color); -} - -.p-toast-message-warn .p-toast-icon-close:focus-visible { - outline-color: var(--p-toast-warn-text-color); -} - -.p-toast-message-warn .p-toast-icon-close:hover { - background: var(--p-toast-warn-close-background-hover); -} - -.p-toast-message-error { - background: var(--p-toast-error-background); - border: 1px solid var(--p-toast-error-border-color); - color: var(--p-toast-error-text-color); - box-shadow: var(--p-toast-error-box-shadow); -} - -.p-toast-message-error .p-toast-detail { - color: var(--p-toast-error-detail-text-color); -} - -.p-toast-message-error .p-toast-icon-close:focus-visible { - outline-color: var(--p-toast-error-text-color); -} - -.p-toast-message-error .p-toast-icon-close:hover { - background: var(--p-toast-error-close-background-hover); -} - -.p-toast-message-secondary { - background: var(--p-toast-secondary-background); - border: 1px solid var(--p-toast-secondary-border-color); - color: var(--p-toast-secondary-text-color); - box-shadow: var(--p-toast-secondary-box-shadow); -} - -.p-toast-message-secondary .p-toast-detail { - color: var(--p-toast-secondary-detail-text-color); -} - -.p-toast-message-secondary .p-toast-icon-close:focus-visible { - outline-color: var(--p-toast-secondary-text-color); -} - -.p-toast-message-secondary .p-toast-icon-close:hover { - background: var(--p-toast-secondary-close-background-hover); -} - -.p-toast-message-contrast { - background: var(--p-toast-contrast-background); - border: 1px solid var(--p-toast-contrast-border-color); - color: var(--p-toast-contrast-text-color); - box-shadow: var(--p-toast-contrast-box-shadow); -} - -.p-toast-message-contrast .p-toast-detail { - color: var(--p-toast-contrast-detail-text-color); -} - -.p-toast-message-contrast .p-toast-icon-close:focus-visible { - outline-color: var(--p-toast-contrast-text-color); -} - -.p-toast-message-contrast .p-toast-icon-close:hover { - background: var(--p-toast-contrast-close-background-hover); -} - -.p-toast-top-center { - transform: translateX(-50%); -} - -.p-toast-bottom-center { - transform: translateX(-50%); -} - -.p-toast-center { - min-width: 20vw; - transform: translate(-50%, -50%); -} - -.p-toast-message-enter-from { - opacity: 0; - transform: translateY(50%); -} - -.p-toast-message-leave-from { - max-height: 1000px; -} - -.p-toast .p-toast-message.p-toast-message-leave-to { - max-height: 0; - opacity: 0; - margin-bottom: 0; - overflow: hidden; -} - -.p-toast-message-enter-active { - transition: transform 0.3s, opacity 0.3s; -} - -.p-toast-message-leave-active { - transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s; -} -` -}; diff --git a/components/lib/theme/aura/toast/package.json b/components/lib/theme/aura/toast/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/toast/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/togglebutton/index.js b/components/lib/theme/aura/togglebutton/index.js deleted file mode 100644 index 3d6ae9e5f..000000000 --- a/components/lib/theme/aura/togglebutton/index.js +++ /dev/null @@ -1,160 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - background: '{surface.100}', - backgroundDisabled: '{form.field.background.disabled}', - borderColorInvalid: '{form.field.border.color.invalid}' - }, - item: { - backgroundChecked: '{surface.0}', - textColor: '{surface.500}', - textColorHover: '{surface.700}', - textColorChecked: '{surface.900}', - textColorDisabled: '{form.field.text.color.disabled}' - }, - itemIcon: { - color: '{surface.500}', - colorHover: '{surface.700}', - colorChecked: '{surface.900}', - colorDisabled: '{form.field.text.color.disabled}' - } - }, - dark: { - root: { - background: '{surface.950}', - backgroundDisabled: '{form.field.background.disabled}', - borderColorInvalid: '{form.field.border.color.invalid}' - }, - item: { - backgroundChecked: '{surface.800}', - textColor: '{surface.400}', - textColorHover: '{surface.300}', - textColorChecked: '{surface.0}', - textColorDisabled: '{form.field.text.color.disabled}' - }, - itemIcon: { - color: '{surface.400}', - colorHover: '{surface.300}', - colorChecked: '{surface.0}', - colorDisabled: '{form.field.text.color.disabled}' - } - } - } - }, - css: ` -.p-togglebutton { - display: inline-flex; - user-select: none; - vertical-align: bottom; - border: 1px solid transparent; - background: var(--p-togglebutton-background); - border-radius: var(--p-rounded-base); - outline-color: transparent; - position: relative; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), box-shadow var(--p-transition-duration), outline-color var(--p-transition-duration); -} - -.p-togglebutton-input { - cursor: pointer; - appearance: none; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - padding: 0; - margin: 0; - opacity: 0; - z-index: 1; - outline: 0 none; - border: 1px solid transparent; - border-radius: var(--p-rounded-base);; -} - -.p-togglebutton .p-button { - flex: 1 1 auto; - background: transparent; - border: 0 none; - color: var(--p-togglebutton-item-text-color); - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), box-shadow var(--p-transition-duration), outline-color var(--p-transition-duration); - outline-color: transparent; - padding: 0.5rem 1rem; - display: inline-flex; - align-items: center; - justify-content: center; - border-radius: var(--p-rounded-base); - gap: 0.5rem; - position: relative; -} - -.p-togglebutton .p-button::before { - content: ""; - background: transparent; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), box-shadow var(--p-transition-duration), outline-color var(--p-transition-duration); - position: absolute; - left: 0.25rem; - top: 0.25rem; - width: calc(100% - 0.5rem); - height: calc(100% - 0.5rem); - border-radius: var(--p-rounded-sm); -} - -.p-togglebutton .p-button .p-button-label, -.p-togglebutton .p-button .p-button-icon { - position: relative; - transition: none; -} - -.p-togglebutton .p-button .p-button-icon-left, -.p-togglebutton .p-button .p-button-icon-right { - color: var(--p-togglebutton-item-icon-color); -} - -.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button { - color: var(--p-togglebutton-item-text-color-hover); -} - -.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left, -.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right { - color: var(--p-togglebutton-item-icon-color-hover); -} - -.p-togglebutton.p-highlight .p-button { - color: var(--p-togglebutton-item-text-color-checked); -} - -.p-togglebutton.p-highlight .p-button::before { - background: var(--p-togglebutton-item-background-checked); - box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.02), 0px 1px 2px 0px rgba(0, 0, 0, 0.04); -} - -.p-togglebutton.p-highlight .p-button .p-button-icon-left, -.p-togglebutton.p-highlight .p-button .p-button-icon-right { - color: var(--p-togglebutton-item-icon-color-checked); -} - -.p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: var(--p-focus-ring-offset); -} - -.p-togglebutton.p-invalid { - border-color: var(--p-togglebutton-border-color-invalid); -} - -.p-togglebutton.p-disabled { - opacity: 1; - background: var(--p-togglebutton-background-disabled); -} - -.p-togglebutton.p-disabled .p-button { - color: var(--p-togglebutton-item-text-color-disabled); -} - -.p-togglebutton.p-disabled .p-button .p-button-icon { - color: var(--p-togglebutton-item-icon-color-disabled); -} -` -}; diff --git a/components/lib/theme/aura/togglebutton/package.json b/components/lib/theme/aura/togglebutton/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/togglebutton/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/toolbar/index.js b/components/lib/theme/aura/toolbar/index.js deleted file mode 100644 index 928b375e0..000000000 --- a/components/lib/theme/aura/toolbar/index.js +++ /dev/null @@ -1,45 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - background: '{surface.0}', - borderColor: '{surface.200}', - textColor: '{surface.700}' - } - }, - dark: { - root: { - background: '{surface.900}', - borderColor: '{surface.700}', - textColor: '{surface.0}' - } - } - } - }, - css: ` -.p-toolbar { - display: flex; - align-items: center; - justify-content: space-between; - flex-wrap: wrap; - padding: 0.75rem; - background: var(--p-toolbar-background); - border: 1px solid var(--p-toolbar-border-color); - color: var(--p-toolbar-text-color); - border-radius: var(--p-rounded-base); - gap: 0.5rem; -} - -.p-toolbar-group-start, -.p-toolbar-group-center, -.p-toolbar-group-end { - display: flex; - align-items: center; -} - -.p-toolbar-separator { - margin: 0 0.5rem; -} -` -}; diff --git a/components/lib/theme/aura/toolbar/package.json b/components/lib/theme/aura/toolbar/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/toolbar/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/tooltip/index.js b/components/lib/theme/aura/tooltip/index.js deleted file mode 100644 index 37793f835..000000000 --- a/components/lib/theme/aura/tooltip/index.js +++ /dev/null @@ -1,78 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - background: '{surface.700}', - textColor: '{surface.0}' - } - }, - dark: { - root: { - background: '{surface.700}', - textColor: '{surface.0}' - } - } - } - }, - css: ` -.p-tooltip { - position: absolute; - display: none; - max-width: 12.5rem; -} - -.p-tooltip-right, -.p-tooltip-left { - padding: 0 0.25rem; -} - -.p-tooltip-top, -.p-tooltip-bottom { - padding: 0.25rem 0; -} - -.p-tooltip-text { - white-space: pre-line; - word-break: break-word; - background: var(--p-tooltip-background); - color: var(--p-tooltip-text-color); - padding: 0.5rem 0.75rem; - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1); - border-radius: 6px; -} - -.p-tooltip-arrow { - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; - scale: 2; -} - -.p-tooltip-right .p-tooltip-arrow { - margin-top: -0.25rem; - border-width: 0.25em 0.25em 0.25em 0; - border-right-color: var(--p-tooltip-background); -} - -.p-tooltip-left .p-tooltip-arrow { - margin-top: -0.25rem; - border-width: 0.25em 0 0.25em 0.25rem; - border-left-color: var(--p-tooltip-background); -} - -.p-tooltip-top .p-tooltip-arrow { - margin-left: -0.25rem; - border-width: 0.25em 0.25em 0; - border-top-color: var(--p-tooltip-background); - border-bottom-color: var(--p-tooltip-background); -} - -.p-tooltip-bottom .p-tooltip-arrow { - margin-left: -0.25rem; - border-width: 0 0.25em 0.25rem; -} -` -}; diff --git a/components/lib/theme/aura/tooltip/package.json b/components/lib/theme/aura/tooltip/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/tooltip/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/tree/index.js b/components/lib/theme/aura/tree/index.js deleted file mode 100644 index 7e79c65db..000000000 --- a/components/lib/theme/aura/tree/index.js +++ /dev/null @@ -1,235 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - root: { - background: '{surface.0}', - textColor: '{surface.700}' - }, - node: { - backgroundHover: '{surface.100}', - textColor: '{surface.700}', - textColorHover: '{surface.800}' - }, - nodeIcon: { - color: '{surface.500}', - colorHover: '{surface.600}' - }, - toggle: { - backgroundHover: '{surface.100}', - backgroundHoverHighlight: '{surface.0}', - color: '{surface.500}', - colorHover: '{surface.600}' - }, - indeterminate: { - color: '{surface.500}' - } - }, - dark: { - root: { - background: '{surface.900}', - textColor: '{surface.0}' - }, - node: { - backgroundHover: '{surface.800}', - textColor: '{surface.0}', - textColorHover: '{surface.0}' - }, - nodeIcon: { - color: '{surface.400}', - colorHover: '{surface.300}' - }, - toggle: { - backgroundHover: '{surface.800}', - backgroundHoverHighlight: '{surface.900}', - color: '{surface.400}', - colorHover: '{surface.300}' - }, - indeterminate: { - color: '{surface.400}' - } - } - } - }, - css: ` -.p-tree { - background: var(--p-tree-background); - color: var(--p-tree-text-color); - border-radius: var(--p-rounded-base); - border: 0 none; - padding: 1rem; -} - -.p-tree-container { - margin: 0; - padding: 0; - list-style-type: none; - overflow: auto; -} - -.p-treenode { - padding: 0 0; - outline: 0 none; - margin: 2px 0; -} - -.p-tree-container > .p-treenode:first-child { - margin-top: 0; -} - -.p-tree-container > .p-treenode:last-child { - margin-bottom: 0; -} - -.p-treenode-content { - border-radius: var(--p-rounded-base); - padding: 0.25rem 0.5rem; - display: flex; - align-items: center; - outline-color: transparent; - color: var(--p-tree-node-text-color); - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), outline-color var(--p-transition-duration); -} - -.p-treenode:focus-visible > .p-treenode-content { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: -2px; -} - -.p-treenode-content.p-highlight { - background: var(--p-highlight-background); - color: var(--p-highlight-text-color); -} - -.p-tree-toggler { - cursor: pointer; - user-select: none; - display: inline-flex; - align-items: center; - justify-content: center; - overflow: hidden; - position: relative; - flex-shrink: 0; - margin-right: 0.5rem; - width: 1.75rem; - height: 1.75rem; - color: var(--p-tree-toggle-color); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), box-shadow var(--p-transition-duration), outline-color var(--p-transition-duration); - outline-color: transparent; -} - -.p-tree-toggler:enabled:hover { - background: var(--p-tree-toggle-background-hover); - color: var(--p-tree-toggle-color-hover); -} - -.p-treenode-content.p-highlight .p-tree-toggler, -.p-treenode-content.p-highlight .p-treenode-icon { - color: inherit; -} - -.p-treenode-content.p-highlight .p-tree-toggler:hover { - background: var(--p-tree-toggle-background-hover-highlight); -} - -.p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: var(--p-tree-node-background-hover); - color: var(--p-tree-node-text-color-hover); -} - -.p-treenode-content.p-treenode-selectable:not(.p-highlight):hover .p-tree-toggler { - color: var(--p-tree-toggle-color-hover); -} - -.p-treenode-content.p-treenode-selectable:not(.p-highlight):hover .p-treenode-icon { - color: var(--p-tree-node-icon-color-hover); -} - -.p-treenode-children { - margin: 0; - padding: 0; - list-style-type: none; - padding: 0 0 0 1rem; -} - -.p-tree-wrapper { - overflow: auto; -} - -.p-treenode-selectable { - cursor: pointer; - user-select: none; -} - -.p-treenode-leaf > .p-treenode-content .p-tree-toggler { - visibility: hidden; -} - -.p-treenode-icon { - margin-right: 0.5rem; - color: var(--p-tree-node-icon-color); - transition: color var(--p-transition-duration); -} - -.p-treenode-content .p-checkbox { - margin-right: 0.5rem; -} - -.p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon { - color: var(--p-tree-indeterminate-color); -} - -.p-tree-filter { - width: 100%; - padding-right: 1.75rem; -} - -.p-tree-filter-container { - position: relative; - display: block; - width: 100%; - margin-bottom: 0.5rem; -} - -.p-tree-filter-icon { - position: absolute; - top: 50%; - margin-top: -0.5rem; - right: 0.75rem; - color: #94a3b8; -} - -.p-tree-loading { - position: relative; - min-height: 4rem; -} - -.p-tree-loading-icon { - font-size: 2rem; - width: 2rem; - height: 2rem; -} - -.p-tree-loading-overlay { - position: absolute; - z-index: 1; - display: flex; - align-items: center; - justify-content: center; -} - -.p-tree-flex-scrollable { - display: flex; - flex: 1; - height: 100%; - flex-direction: column; -} - -.p-tree-flex-scrollable .p-tree-wrapper { - flex: 1; -} -` -}; diff --git a/components/lib/theme/aura/tree/package.json b/components/lib/theme/aura/tree/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/tree/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/aura/treetable/index.js b/components/lib/theme/aura/treetable/index.js deleted file mode 100644 index 298f5badb..000000000 --- a/components/lib/theme/aura/treetable/index.js +++ /dev/null @@ -1,524 +0,0 @@ -export default { - variables: { - colorScheme: { - light: { - header: { - background: '{surface.0}', - borderColor: '{surface.200}', - textColor: '{surface.700}' - }, - headerCell: { - background: '{surface.0}', - backgroundHover: '{surface.100}', - borderColor: '{surface.200}', - textColor: '{surface.700}', - textColorHover: '{surface.800}' - }, - row: { - background: '{surface.0}', - backgroundStriped: '{surface.50}', - backgroundHover: '{surface.100}', - textColor: '{surface.700}', - textColorHover: '{surface.800}' - }, - bodyCell: { - borderColor: '{surface.200}', - borderColorSelected: '{primary.100}' - }, - footerCell: { - background: '{surface.0}', - borderColor: '{surface.200}', - textColor: '{surface.700}' - }, - footer: { - background: '{surface.0}', - borderColor: '{surface.200}', - textColor: '{surface.700}' - }, - resizerColor: '{primary.color}', - sortIcon: { - color: '{surface.500}', - colorHover: '{surface.600}' - }, - toggle: { - backgroundHover: '{surface.100}', - backgroundHoverHighlight: '{surface.0}', - color: '{surface.500}', - colorHover: '{surface.600}' - }, - indeterminate: { - color: '{surface.500}' - } - }, - dark: { - header: { - background: '{surface.900}', - borderColor: '{surface.800}', - textColor: '{surface.0}' - }, - headerCell: { - background: '{surface.900}', - backgroundHover: '{surface.800}', - borderColor: '{surface.800}', - textColor: '{surface.0}', - textColorHover: '{surface.0}' - }, - row: { - background: '{surface.900}', - backgroundStriped: '{surface.950}', - backgroundHover: '{surface.800}', - textColor: '{surface.0}', - textColorHover: '{surface.0}' - }, - bodyCell: { - borderColor: '{surface.800}', - borderColorSelected: '{primary.900}' - }, - footerCell: { - background: '{surface.900}', - borderColor: '{surface.800}', - textColor: '{surface.0}' - }, - footer: { - background: '{surface.900}', - borderColor: '{surface.800}', - textColor: '{surface.0}' - }, - resizerColor: '{primary.color}', - sortIcon: { - color: '{surface.400}', - colorHover: '{surface.300}' - }, - toggle: { - backgroundHover: '{surface.800}', - backgroundHoverHighlight: '{surface.900}', - color: '{surface.400}', - colorHover: '{surface.300}' - }, - indeterminate: { - color: '{surface.400}' - } - } - } - }, - css: ` -.p-treetable { - position: relative; -} - -.p-treetable table { - border-collapse: collapse; - width: 100%; - table-layout: fixed; -} - -.p-treetable .p-sortable-column { - cursor: pointer; - user-select: none; - outline-color: transparent; -} - -.p-treetable .p-sortable-column .p-column-title, -.p-treetable .p-sortable-column .p-sortable-column-icon, -.p-treetable .p-sortable-column .p-sortable-column-badge { - vertical-align: middle; -} - -.p-treetable .p-sortable-column .p-sortable-column-icon { - color: var(--p-treetable-sort-icon-color); - margin-left: 0.5rem; - transition: color var(--p-transition-duration); -} - -.p-treetable .p-sortable-column .p-sortable-column-badge { - display: inline-flex; - align-items: center; - justify-content: center; - border-radius: 50%; - height: 1rem; - min-width: 1rem; - line-height: 1rem; - margin-left: 0.5rem; -} - -.p-treetable .p-sortable-column:not(.p-highlight):hover { - background: var(--p-treetable-header-cell-background-hover); - color: var(--p-treetable-header-cell-text-color-hover); -} - -.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: var(--p-treetable-sort-icon-color-hover); -} - -.p-treetable .p-sortable-column.p-highlight { - background: var(--p-highlight-background); - color: var(--p-highlight-text-color); -} - -.p-treetable .p-sortable-column:focus-visible { - outline: var(--p-focus-ring-width) var(--p-focus-ring-style) var(--p-focus-ring-color); - outline-offset: -1px; -} - -.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: var(--p-highlight-text-color); -} - -.p-treetable-responsive-scroll > .p-treetable-wrapper { - overflow-x: auto; -} - -.p-treetable-responsive-scroll > .p-treetable-wrapper > table, -.p-treetable-auto-layout > .p-treetable-wrapper > table { - table-layout: auto; -} - -.p-treetable-hoverable-rows .p-treetable-tbody > tr { - cursor: pointer; -} - -.p-treetable-resizable>.p-treetable-wrapper { - overflow-x: auto; -} - -.p-treetable-resizable .p-treetable-thead>tr>th, -.p-treetable-resizable .p-treetable-tfoot>tr>td, -.p-treetable-resizable .p-treetable-tbody>tr>td { - overflow: hidden; -} - -.p-treetable-resizable .p-resizable-column:not(.p-frozen-column) { - background-clip: padding-box; - position: relative; -} - -.p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer { - display: none; -} - -.p-treetable .p-column-resizer { - display: block; - position: absolute; - top: 0; - right: 0; - margin: 0; - width: 0.5rem; - height: 100%; - padding: 0px; - cursor: col-resize; - border: 1px solid transparent; -} - -.p-treetable .p-column-resizer-helper { - width: 1px; - position: absolute; - z-index: 10; - display: none; - background: var(--p-treetable-resizer-color); -} - -.p-treetable .p-treetable-loading-overlay { - position: absolute; - display: flex; - align-items: center; - justify-content: center; - z-index: 2; -} - -/* Scrollable */ -.p-treetable-scrollable .p-treetable-wrapper { - position: relative; - overflow: auto; -} - -.p-treetable-scrollable .p-treetable-table { - display: block; -} - - - -.p-treetable-scrollable .p-treetable-thead, -.p-treetable-scrollable .p-treetable-tbody, -.p-treetable-scrollable .p-treetable-tfoot { - display: block; -} - -.p-treetable-scrollable .p-treetable-thead>tr, -.p-treetable-scrollable .p-treetable-tbody>tr, -.p-treetable-scrollable .p-treetable-tfoot>tr { - display: flex; - flex-wrap: nowrap; - width: 100%; -} - -.p-treetable-scrollable .p-treetable-thead>tr>th, -.p-treetable-scrollable .p-treetable-tbody>tr>td, -.p-treetable-scrollable .p-treetable-tfoot>tr>td { - display: flex; - flex: 1 1 0; - align-items: center; -} - -.p-treetable-scrollable .p-treetable-thead { - position: sticky; - top: 0; - z-index: 1; -} - -.p-treetable-scrollable .p-treetable-tfoot { - position: sticky; - bottom: 0; - z-index: 1; -} - -.p-treetable-scrollable .p-frozen-column { - position: sticky; - background: inherit; -} - -.p-treetable-scrollable th.p-frozen-column { - z-index: 1; -} - -.p-treetable-scrollable-both .p-treetable-thead>tr>th, -.p-treetable-scrollable-both .p-treetable-tbody>tr>td, -.p-treetable-scrollable-both .p-treetable-tfoot>tr>td, -.p-treetable-scrollable-horizontal .p-treetable-thead>tr>th .p-treetable-scrollable-horizontal .p-treetable-tbody>tr>td, -.p-treetable-scrollable-horizontal .p-treetable-tfoot>tr>td { - flex: 0 0 auto; -} - -.p-treetable-flex-scrollable { - display: flex; - flex-direction: column; - height: 100%; -} - -.p-treetable-flex-scrollable .p-treetable-wrapper { - display: flex; - flex-direction: column; - flex: 1; - height: 100%; -} - -.p-treetable .p-treetable-scrollable-header { - background: var(--p-treetable-header-background); -} - -.p-treetable .p-treetable-scrollable-footer { - background: var(--p-treetable-footer-background); -} - -.p-treetable .p-paginator-top { - border-width: 0 0 1px 0; - border-radius: 0; -} - -.p-treetable .p-paginator-bottom { - border-width: 0 0 1px 0; - border-radius: 0; -} - -.p-treetable-header { - background: var(--p-treetable-header-background); - color: var(--p-treetable-header-text-color); - border: 1px solid var(--p-treetable-header-border-color); - border-width: 0 0 1px 0; - padding: 0.75rem 1rem; - font-weight: 600; -} - -.p-treetable-footer { - background: var(--p-treetable-header-background); - color: var(--p-treetable-header-text-color); - border: 1px solid var(--p-treetable-header-border-color); - border-width: 0 0 1px 0; - padding: 0.75rem 1rem; - font-weight: 600; -} - -.p-treetable-thead > tr > th { - text-align: left; - padding: 0.75rem 1rem; - background: var(--p-treetable-header-cell-background); - border: 1px solid var(--p-treetable-header-cell-border-color); - border-width: 0 0 1px 0; - color: var(--p-treetable-header-cell-text-color); - font-weight: 600; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), box-shadow var(--p-transition-duration), outline-color var(--p-transition-duration); -} - -.p-treetable-tbody > tr { - outline-color: transparent; - background: var(--p-treetable-row-background); - color: var(--p-treetable-row-text-color); - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), box-shadow var(--p-transition-duration), outline-color var(--p-transition-duration); -} - -.p-treetable-tbody > tr > td { - text-align: left; - border: 1px solid var(--p-treetable-body-cell-border-color); - border-width: 0 0 1px 0; - padding: 0.75rem 1rem; -} - -.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: var(--p-treetable-row-background-hover); - color: var(--p-treetable-row-text-color-hover); -} - -.p-treetable-tbody > tr.p-highlight { - background: var(--p-highlight-background); - color: var(--p-highlight-text-color); -} - -.p-treetable-tbody > tr:has(+ .p-highlight) > td { - border-bottom-color: var(--p-treetable-body-cell-border-color-selected); -} - -.p-treetable-tbody > tr.p-highlight > td { - border-bottom-color: var(--p-treetable-body-cell-border-color-selected); -} - -.p-treetable-tbody > tr:focus-visible { - outline: 1px solid var(--p-focus-ring-color); - outline-offset: -1px; -} - -.p-treetable-toggler { - cursor: pointer; - user-select: none; - display: inline-flex; - align-items: center; - justify-content: center; - vertical-align: middle; - overflow: hidden; - position: relative; - width: 1.75rem; - height: 1.75rem; - color: var(--p-treetable-toggle-color); - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color var(--p-transition-duration), color var(--p-transition-duration), border-color var(--p-transition-duration), box-shadow var(--p-transition-duration), outline-color var(--p-transition-duration); - outline-color: transparent; - margin-right: 0.5rem; -} - -.p-treetable-toggler + .p-checkbox { - vertical-align: middle; - margin-right: 0.5rem; -} - -.p-treetable-toggler + .p-checkbox + span { - vertical-align: middle; -} - -.p-treetable-toggler + .p-checkbox.p-indeterminate .p-checkbox-icon { - color: var(--p-treetable-indeterminate-color); -} - -.p-treetable-toggler:enabled:hover { - background: var(--p-treetable-toggle-background-hover); - color: var(--p-treetable-toggle-color-hover); -} - -.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: var(--p-treetable-toggle-color-hover); - background: transparent; -} - -.p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: inherit; -} - -.p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - background: var(--p-treetable-toggle-background-hover-highlight); - color: inherit; -} - -.p-treetable-tfoot > tr > td { - text-align: left; - padding: 0.75rem 1rem; - border: 1px solid var(--p-treetable-footer-cell-border-color); - border-width: 0 0 1px 0; - font-weight: 600; - color: var(--p-treetable-footer-cell-text-color); - background: var(--p-treetable-footer-cell-background); -} - -.p-treetable .p-treetable-loading-icon { - font-size: 2rem; - width: 2rem; - height: 2rem; -} - -.p-treetable-gridlines .p-treetable-header { - border-width: 1px 1px 0 1px; -} - -.p-treetable-gridlines .p-treetable-footer { - border-width: 0 1px 1px 1px; -} - -.p-treetable-gridlines .p-treetable-top { - border-width: 0 1px 0 1px; -} - -.p-treetable-gridlines .p-treetable-bottom { - border-width: 0 1px 1px 1px; -} - -.p-treetable-gridlines .p-treetable-thead > tr > th { - border-width: 1px; -} - -.p-treetable-gridlines .p-treetable-tbody > tr > td { - border-width: 1px; -} - -.p-treetable-gridlines .p-treetable-tfoot > tr > td { - border-width: 1px; -} - -.p-treetable-sm .p-treetable-header { - padding: 0.65625rem 0.875rem; -} - -.p-treetable-sm .p-treetable-thead > tr > th { - padding: 0.375rem 0.5rem; -} - -.p-treetable-sm .p-treetable-tbody > tr > td { - padding: 0.375rem 0.5rem; -} - -.p-treetable-sm .p-treetable-tfoot > tr > td { - padding: 0.375rem 0.5rem; -} - -.p-treetable-sm .p-treetable-footer { - padding: 0.375rem 0.5rem; -} - -.p-treetable-lg .p-treetable-header { - padding: 0.9375rem 1.25rem; -} - -.p-treetable-lg .p-treetable-thead > tr > th { - padding: 0.9375rem 1.25rem; -} - -.p-treetable-lg .p-treetable-tbody > tr > td { - padding: 0.9375rem 1.25rem; -} - -.p-treetable-lg .p-treetable-tfoot > tr > td { - padding: 0.9375rem 1.25rem; -} - -.p-treetable-lg .p-treetable-footer { - padding: 0.9375rem 1.25rem; -} -` -}; diff --git a/components/lib/theme/aura/treetable/package.json b/components/lib/theme/aura/treetable/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/aura/treetable/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/index.d.ts b/components/lib/theme/index.d.ts deleted file mode 100644 index e69de29bb..000000000 diff --git a/components/lib/theme/index.js b/components/lib/theme/index.js deleted file mode 100644 index 04bca77e0..000000000 --- a/components/lib/theme/index.js +++ /dev/null @@ -1 +0,0 @@ -export * from './utils'; diff --git a/components/lib/theme/package.json b/components/lib/theme/package.json deleted file mode 100644 index f8e9d7ae0..000000000 --- a/components/lib/theme/package.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "main": "./index.cjs.js", - "module": "./index.esm.js", - "unpkg": "./index.min.js", - "types": "./index.d.ts" -} diff --git a/components/lib/theme/utils/color/index.js b/components/lib/theme/utils/color/index.js deleted file mode 100644 index 1a8a0749e..000000000 --- a/components/lib/theme/utils/color/index.js +++ /dev/null @@ -1,4 +0,0 @@ -export { default as mix } from './mix'; -export { default as palette } from './palette'; -export { default as shade } from './shade'; -export { default as tint } from './tint'; diff --git a/components/lib/theme/utils/color/mix.js b/components/lib/theme/utils/color/mix.js deleted file mode 100644 index eed69f35a..000000000 --- a/components/lib/theme/utils/color/mix.js +++ /dev/null @@ -1,39 +0,0 @@ -function normalizeColor(color) { - if (color.length === 4) { - color = `#${color[1]}${color[1]}${color[2]}${color[2]}${color[3]}${color[3]}`; - } - - return color; -} - -function hexToRgb(hex) { - var bigint = parseInt(hex.substring(1), 16); - var r = (bigint >> 16) & 255; - var g = (bigint >> 8) & 255; - var b = bigint & 255; - - return { r, g, b }; -} - -function rgbToHex(r, g, b) { - return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`; -} - -export default (color1, color2, weight) => { - color1 = normalizeColor(color1); - color2 = normalizeColor(color2); - - var p = weight / 100; - var w = p * 2 - 1; - var w1 = (w + 1) / 2.0; - var w2 = 1 - w1; - - var rgb1 = hexToRgb(color1); - var rgb2 = hexToRgb(color2); - - var r = Math.round(rgb1.r * w1 + rgb2.r * w2); - var g = Math.round(rgb1.g * w1 + rgb2.g * w2); - var b = Math.round(rgb1.b * w1 + rgb2.b * w2); - - return rgbToHex(r, g, b); -}; diff --git a/components/lib/theme/utils/color/palette.js b/components/lib/theme/utils/color/palette.js deleted file mode 100644 index 7046c2bc0..000000000 --- a/components/lib/theme/utils/color/palette.js +++ /dev/null @@ -1,11 +0,0 @@ -import shade from './shade'; -import tint from './tint'; - -export default (color) => - typeof color === 'string' - ? Array.from({ length: 10 }).reduce((acc, _, i) => { - i <= 5 ? (acc[i === 0 ? '50' : `${i * 100}`] = tint(color, (5 - i) * 19)) : (acc[`${i * 100}`] = shade(color, (i - 5) * 15)); - - return acc; - }, {}) - : color; diff --git a/components/lib/theme/utils/color/shade.js b/components/lib/theme/utils/color/shade.js deleted file mode 100644 index 8c65119df..000000000 --- a/components/lib/theme/utils/color/shade.js +++ /dev/null @@ -1,3 +0,0 @@ -import mix from './mix'; - -export default (color, percent) => mix('#000000', color, percent); diff --git a/components/lib/theme/utils/color/tint.js b/components/lib/theme/utils/color/tint.js deleted file mode 100644 index f5f8f8ea6..000000000 --- a/components/lib/theme/utils/color/tint.js +++ /dev/null @@ -1,3 +0,0 @@ -import mix from './mix'; - -export default (color, percent) => mix('#ffffff', color, percent); diff --git a/components/lib/theme/utils/index.js b/components/lib/theme/utils/index.js deleted file mode 100644 index 6ae6e09ce..000000000 --- a/components/lib/theme/utils/index.js +++ /dev/null @@ -1,3 +0,0 @@ -export * from './color'; -export { default as sharedUtils } from './sharedUtils'; -export { default as toVariables } from './toVariables'; diff --git a/components/lib/theme/utils/sharedUtils.js b/components/lib/theme/utils/sharedUtils.js deleted file mode 100644 index e607967c3..000000000 --- a/components/lib/theme/utils/sharedUtils.js +++ /dev/null @@ -1,114 +0,0 @@ -export default { - object: { - isEmpty(value) { - return value === null || value === undefined || value === '' || (Array.isArray(value) && value.length === 0) || (!(value instanceof Date) && typeof value === 'object' && Object.keys(value).length === 0); - }, - isNotEmpty(value) { - return !this.isEmpty(value); - }, - isFunction(value) { - return !!(value && value.constructor && value.call && value.apply); - }, - isObject(value, empty = true) { - return value instanceof Object && value.constructor === Object && (empty || Object.keys(value).length !== 0); - }, - isArray(value, empty = true) { - return Array.isArray(value) && (empty || value.length !== 0); - }, - isString(value, empty = true) { - return typeof value === 'string' && (empty || value !== ''); - }, - isNumber(value) { - return !isNaN(value); - }, - toFlatCase(str) { - // convert snake, kebab, camel and pascal cases to flat case - return this.isString(str) ? str.replace(/(-|_)/g, '').toLowerCase() : str; - }, - toKebabCase(str) { - // convert snake, camel and pascal cases to kebab case - return this.isString(str) - ? str - .replace(/(_)/g, '-') - .replace(/[A-Z]/g, (c, i) => (i === 0 ? c : '-' + c.toLowerCase())) - .toLowerCase() - : str; - }, - merge(value1, value2) { - if (this.isArray(value1)) { - value1.push(...(value2 || [])); - } else if (this.isObject(value1)) { - Object.assign(value1, value2); - } - }, - test(regex, str) { - if (regex) { - const match = regex.test(str); - - regex.lastIndex = 0; - - return match; - } - - return false; - }, - toValue(value) { - return this.isObject(value) && value.hasOwnProperty('value') ? value.value : value; - }, - toUnit(value, variable = '') { - const excludedProperties = ['opacity', 'z-index', 'line-height', 'font-weight', 'flex', 'flex-grow', 'flex-shrink', 'order']; - - if (!excludedProperties.some((property) => variable.endsWith(property))) { - const val = `${value}`.trim(); - const valArr = val.split(' '); - - return valArr.map((v) => (this.isNumber(v) ? `${v}px` : v)).join(' '); - } - - return value; - }, - toNormalizePrefix(prefix) { - return prefix.replaceAll(/ /g, '').replace(/[^\w]/g, '-'); - }, - getVariableValue(value, variable = '', prefix = '', excludedKeyRegexes = []) { - if (this.isString(value)) { - const regex = /{([^}]*)}/g; - const val = value.trim(); - const px = prefix.trim(); - - if (this.test(regex, val)) { - const computedPx = this.isNotEmpty(px) ? `${px}-` : px; - const _val = val.replaceAll(regex, (v) => { - const path = v.replace(/{|}/g, ''); - const keys = path.split('.').filter((_v) => !excludedKeyRegexes.some((_r) => this.test(_r, _v))); - - return `var(--${computedPx}${this.toKebabCase(keys.join('-'))})`; - }); - - const calculationRegex = /(\d+\s+[\+\-\*\/]\s+\d+)/g; - const cleanedVarRegex = /var\([^)]+\)/g; - - return this.test(calculationRegex, _val.replace(cleanedVarRegex, '0')) ? `calc(${_val})` : _val; - } - - return this.toUnit(val, variable); - } else if (this.isNumber(value)) { - return this.toUnit(value, variable); - } - - return undefined; - }, - setProperty(properties, key, value) { - if (this.isString(key, false)) { - properties.push(`${key}:${value};`); - } - }, - getRule(selector, properties) { - if (selector) { - return `${selector}{${properties}}`; - } - - return ''; - } - } -}; diff --git a/components/lib/theme/utils/toVariables.js b/components/lib/theme/utils/toVariables.js deleted file mode 100644 index 1a1ca66f5..000000000 --- a/components/lib/theme/utils/toVariables.js +++ /dev/null @@ -1,35 +0,0 @@ -import SharedUtils from './sharedUtils'; - -const VARIABLE = { - PREFIX: 'p', - SELECTOR: ':root', - EXCLUDED_KEY_REGEX: /^(primitive|semantic|variables|colorscheme|light|dark|common|colors|root|states)$/gi -}; - -export default function (theme, options = {}) { - const { prefix = VARIABLE.PREFIX, selector = VARIABLE.SELECTOR, excludedKeyRegex = VARIABLE.EXCLUDED_KEY_REGEX } = options; - - const _toVariables = (_theme, _prefix = '') => { - return Object.entries(_theme).reduce((acc, [key, value]) => { - const px = SharedUtils.object.toNormalizePrefix(SharedUtils.object.test(excludedKeyRegex, key) ? _prefix : `${_prefix}-${SharedUtils.object.toKebabCase(key)}`); - const v = SharedUtils.object.toValue(value); - - if (SharedUtils.object.isObject(v)) { - const variables = _toVariables(v, px); - - SharedUtils.object.merge(acc, variables); - } else { - SharedUtils.object.setProperty(acc, `--${px}`, SharedUtils.object.getVariableValue(v, px, prefix, [excludedKeyRegex])); - } - - return acc; - }, []); - }; - - const value = _toVariables(theme, prefix); - - return { - value, - css: SharedUtils.object.getRule(selector, value.join('')) - }; -}