diff --git a/components/app/AppTopbar.vue b/components/app/AppTopbar.vue
index 4031cfb..a07dd07 100644
--- a/components/app/AppTopbar.vue
+++ b/components/app/AppTopbar.vue
@@ -110,43 +110,43 @@ function redirectToGithub (event: any) {
Theme
-
+
-
+
-
+
-
+
Primary Color
diff --git a/package.json b/package.json
index 74a4aed..654d298 100644
--- a/package.json
+++ b/package.json
@@ -28,27 +28,27 @@
"@nuxtjs/eslint-config-typescript": "12.1.0",
"@nuxtjs/i18n": "8.1.1",
"@pinia/nuxt": "^0.5.1",
- "@sfxcode/formkit-primevue": "^1.7.1",
- "@tiptap/extension-highlight": "^2.2.3",
- "@tiptap/extension-text-align": "^2.2.3",
- "@tiptap/extension-text-style": "^2.2.3",
- "@tiptap/pm": "^2.2.3",
- "@tiptap/starter-kit": "^2.2.3",
- "@tiptap/vue-3": "^2.2.3",
+ "@sfxcode/formkit-primevue": "^1.7.4",
+ "@tiptap/extension-highlight": "^2.2.4",
+ "@tiptap/extension-text-align": "^2.2.4",
+ "@tiptap/extension-text-style": "^2.2.4",
+ "@tiptap/pm": "^2.2.4",
+ "@tiptap/starter-kit": "^2.2.4",
+ "@tiptap/vue-3": "^2.2.4",
"@unocss/nuxt": "^0.58.5",
"@vitejs/plugin-vue": "^5.0.4",
- "@vitest/ui": "^1.2.2",
- "@vueuse/nuxt": "^10.7.2",
+ "@vitest/ui": "^1.3.1",
+ "@vueuse/nuxt": "^10.8.0",
"c8": "^9.1.0",
- "eslint": "^8.56.0",
+ "eslint": "^8.57.0",
"jsdom": "^24.0.0",
- "nuxt": "^3.10.2",
+ "nuxt": "^3.10.3",
"nuxt-primevue": "^0.3.0",
- "primevue": "^3.48.1",
+ "primevue": "^3.49.0",
"quill": "^1.3.7",
- "sass": "^1.71.0",
+ "sass": "^1.71.1",
"typescript": "^5.3.3",
"unstorage": "^1.10.1",
- "vitest": "^1.2.2"
+ "vitest": "^1.3.1"
}
}
diff --git a/pages/index.vue b/pages/index.vue
index a749648..bba288a 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -13,7 +13,7 @@ import AdvertiseBox from '@/components/AdvertiseBox.vue'
Starter for Vue.js Development with Nuxt 3.
-
+
Excellent Component Library for VUE
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 12c4d0c..d656d6d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -7,7 +7,7 @@ settings:
devDependencies:
'@formkit/nuxt':
specifier: 1.5.9
- version: 1.5.9(rollup@4.11.0)(typescript@5.3.3)(vite@5.1.3)(webpack@5.90.2)
+ version: 1.5.9(rollup@4.12.0)(typescript@5.3.3)(vite@5.1.4)(webpack@5.90.3)
'@iconify-json/carbon':
specifier: ^1.1.30
version: 1.1.30
@@ -22,79 +22,79 @@ devDependencies:
version: 1.1.15
'@nuxt/content':
specifier: 2.12.0
- version: 2.12.0(nuxt@3.10.2)(rollup@4.11.0)(vue@3.4.19)
+ version: 2.12.0(nuxt@3.10.3)(rollup@4.12.0)(vue@3.4.19)
'@nuxt/devtools':
specifier: 1.0.8
- version: 1.0.8(nuxt@3.10.2)(rollup@4.11.0)(vite@5.1.3)
+ version: 1.0.8(nuxt@3.10.3)(rollup@4.12.0)(vite@5.1.4)
'@nuxt/test-utils':
specifier: ^3.11.0
- version: 3.11.0(@vitest/ui@1.2.2)(h3@1.10.1)(jsdom@24.0.0)(rollup@4.11.0)(vite@5.1.3)(vitest@1.2.2)(vue-router@4.2.5)(vue@3.4.19)
+ version: 3.11.0(@vitest/ui@1.3.1)(h3@1.10.2)(jsdom@24.0.0)(rollup@4.12.0)(vite@5.1.4)(vitest@1.3.1)(vue-router@4.3.0)(vue@3.4.19)
'@nuxtjs/eslint-config-typescript':
specifier: 12.1.0
- version: 12.1.0(eslint@8.56.0)(typescript@5.3.3)
+ version: 12.1.0(eslint@8.57.0)(typescript@5.3.3)
'@nuxtjs/i18n':
specifier: 8.1.1
- version: 8.1.1(rollup@4.11.0)(vue@3.4.19)
+ version: 8.1.1(rollup@4.12.0)(vue@3.4.19)
'@pinia/nuxt':
specifier: ^0.5.1
- version: 0.5.1(rollup@4.11.0)(typescript@5.3.3)(vue@3.4.19)
+ version: 0.5.1(rollup@4.12.0)(typescript@5.3.3)(vue@3.4.19)
'@sfxcode/formkit-primevue':
- specifier: ^1.7.1
- version: 1.7.1(typescript@5.3.3)(vue@3.4.19)
+ specifier: ^1.7.4
+ version: 1.7.4(typescript@5.3.3)(vue@3.4.19)
'@tiptap/extension-highlight':
- specifier: ^2.2.3
- version: 2.2.3(@tiptap/core@2.2.3)
+ specifier: ^2.2.4
+ version: 2.2.4(@tiptap/core@2.2.4)
'@tiptap/extension-text-align':
- specifier: ^2.2.3
- version: 2.2.3(@tiptap/core@2.2.3)
+ specifier: ^2.2.4
+ version: 2.2.4(@tiptap/core@2.2.4)
'@tiptap/extension-text-style':
- specifier: ^2.2.3
- version: 2.2.3(@tiptap/core@2.2.3)
+ specifier: ^2.2.4
+ version: 2.2.4(@tiptap/core@2.2.4)
'@tiptap/pm':
- specifier: ^2.2.3
- version: 2.2.3
+ specifier: ^2.2.4
+ version: 2.2.4
'@tiptap/starter-kit':
- specifier: ^2.2.3
- version: 2.2.3(@tiptap/pm@2.2.3)
+ specifier: ^2.2.4
+ version: 2.2.4(@tiptap/pm@2.2.4)
'@tiptap/vue-3':
- specifier: ^2.2.3
- version: 2.2.3(@tiptap/core@2.2.3)(@tiptap/pm@2.2.3)(vue@3.4.19)
+ specifier: ^2.2.4
+ version: 2.2.4(@tiptap/core@2.2.4)(@tiptap/pm@2.2.4)(vue@3.4.19)
'@unocss/nuxt':
specifier: ^0.58.5
- version: 0.58.5(postcss@8.4.35)(rollup@4.11.0)(vite@5.1.3)(webpack@5.90.2)
+ version: 0.58.5(postcss@8.4.35)(rollup@4.12.0)(vite@5.1.4)(webpack@5.90.3)
'@vitejs/plugin-vue':
specifier: ^5.0.4
- version: 5.0.4(vite@5.1.3)(vue@3.4.19)
+ version: 5.0.4(vite@5.1.4)(vue@3.4.19)
'@vitest/ui':
- specifier: ^1.2.2
- version: 1.2.2(vitest@1.2.2)
+ specifier: ^1.3.1
+ version: 1.3.1(vitest@1.3.1)
'@vueuse/nuxt':
- specifier: ^10.7.2
- version: 10.7.2(nuxt@3.10.2)(rollup@4.11.0)(vue@3.4.19)
+ specifier: ^10.8.0
+ version: 10.8.0(nuxt@3.10.3)(rollup@4.12.0)(vue@3.4.19)
c8:
specifier: ^9.1.0
version: 9.1.0
eslint:
- specifier: ^8.56.0
- version: 8.56.0
+ specifier: ^8.57.0
+ version: 8.57.0
jsdom:
specifier: ^24.0.0
version: 24.0.0
nuxt:
- specifier: ^3.10.2
- version: 3.10.2(eslint@8.56.0)(rollup@4.11.0)(sass@1.71.0)(typescript@5.3.3)(vite@5.1.3)
+ specifier: ^3.10.3
+ version: 3.10.3(eslint@8.57.0)(rollup@4.12.0)(sass@1.71.1)(typescript@5.3.3)(vite@5.1.4)
nuxt-primevue:
specifier: ^0.3.0
- version: 0.3.0(rollup@4.11.0)(vue@3.4.19)
+ version: 0.3.0(rollup@4.12.0)(vue@3.4.19)
primevue:
- specifier: ^3.48.1
- version: 3.48.1(vue@3.4.19)
+ specifier: ^3.49.0
+ version: 3.49.0(vue@3.4.19)
quill:
specifier: ^1.3.7
version: 1.3.7
sass:
- specifier: ^1.71.0
- version: 1.71.0
+ specifier: ^1.71.1
+ version: 1.71.1
typescript:
specifier: ^5.3.3
version: 5.3.3
@@ -102,8 +102,8 @@ devDependencies:
specifier: ^1.10.1
version: 1.10.1
vitest:
- specifier: ^1.2.2
- version: 1.2.2(@vitest/ui@1.2.2)(jsdom@24.0.0)(sass@1.71.0)
+ specifier: ^1.3.1
+ version: 1.3.1(@vitest/ui@1.3.1)(jsdom@24.0.0)(sass@1.71.1)
packages:
@@ -116,8 +116,8 @@ packages:
resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==}
engines: {node: '>=6.0.0'}
dependencies:
- '@jridgewell/gen-mapping': 0.3.3
- '@jridgewell/trace-mapping': 0.3.22
+ '@jridgewell/gen-mapping': 0.3.4
+ '@jridgewell/trace-mapping': 0.3.23
dev: true
/@antfu/install-pkg@0.1.1:
@@ -172,8 +172,8 @@ packages:
engines: {node: '>=6.9.0'}
dependencies:
'@babel/types': 7.23.9
- '@jridgewell/gen-mapping': 0.3.3
- '@jridgewell/trace-mapping': 0.3.22
+ '@jridgewell/gen-mapping': 0.3.4
+ '@jridgewell/trace-mapping': 0.3.23
jsesc: 2.5.2
dev: true
@@ -509,8 +509,8 @@ packages:
dev: true
optional: true
- /@esbuild/aix-ppc64@0.20.0:
- resolution: {integrity: sha512-fGFDEctNh0CcSwsiRPxiaqX0P5rq+AqE0SRhYGZ4PX46Lg1FNR6oCxJghf8YgY0WQEgQuh3lErUFE4KxLeRmmw==}
+ /@esbuild/aix-ppc64@0.20.1:
+ resolution: {integrity: sha512-m55cpeupQ2DbuRGQMMZDzbv9J9PgVelPjlcmM5kxHnrBdBx6REaEd7LamYV7Dm8N7rCyR/XwU6rVP8ploKtIkA==}
engines: {node: '>=12'}
cpu: [ppc64]
os: [aix]
@@ -527,8 +527,8 @@ packages:
dev: true
optional: true
- /@esbuild/android-arm64@0.20.0:
- resolution: {integrity: sha512-aVpnM4lURNkp0D3qPoAzSG92VXStYmoVPOgXveAUoQBWRSuQzt51yvSju29J6AHPmwY1BjH49uR29oyfH1ra8Q==}
+ /@esbuild/android-arm64@0.20.1:
+ resolution: {integrity: sha512-hCnXNF0HM6AjowP+Zou0ZJMWWa1VkD77BXe959zERgGJBBxB+sV+J9f/rcjeg2c5bsukD/n17RKWXGFCO5dD5A==}
engines: {node: '>=12'}
cpu: [arm64]
os: [android]
@@ -545,8 +545,8 @@ packages:
dev: true
optional: true
- /@esbuild/android-arm@0.20.0:
- resolution: {integrity: sha512-3bMAfInvByLHfJwYPJRlpTeaQA75n8C/QKpEaiS4HrFWFiJlNI0vzq/zCjBrhAYcPyVPG7Eo9dMrcQXuqmNk5g==}
+ /@esbuild/android-arm@0.20.1:
+ resolution: {integrity: sha512-4j0+G27/2ZXGWR5okcJi7pQYhmkVgb4D7UKwxcqrjhvp5TKWx3cUjgB1CGj1mfdmJBQ9VnUGgUhign+FPF2Zgw==}
engines: {node: '>=12'}
cpu: [arm]
os: [android]
@@ -563,8 +563,8 @@ packages:
dev: true
optional: true
- /@esbuild/android-x64@0.20.0:
- resolution: {integrity: sha512-uK7wAnlRvjkCPzh8jJ+QejFyrP8ObKuR5cBIsQZ+qbMunwR8sbd8krmMbxTLSrDhiPZaJYKQAU5Y3iMDcZPhyQ==}
+ /@esbuild/android-x64@0.20.1:
+ resolution: {integrity: sha512-MSfZMBoAsnhpS+2yMFYIQUPs8Z19ajwfuaSZx+tSl09xrHZCjbeXXMsUF/0oq7ojxYEpsSo4c0SfjxOYXRbpaA==}
engines: {node: '>=12'}
cpu: [x64]
os: [android]
@@ -581,8 +581,8 @@ packages:
dev: true
optional: true
- /@esbuild/darwin-arm64@0.20.0:
- resolution: {integrity: sha512-AjEcivGAlPs3UAcJedMa9qYg9eSfU6FnGHJjT8s346HSKkrcWlYezGE8VaO2xKfvvlZkgAhyvl06OJOxiMgOYQ==}
+ /@esbuild/darwin-arm64@0.20.1:
+ resolution: {integrity: sha512-Ylk6rzgMD8klUklGPzS414UQLa5NPXZD5tf8JmQU8GQrj6BrFA/Ic9tb2zRe1kOZyCbGl+e8VMbDRazCEBqPvA==}
engines: {node: '>=12'}
cpu: [arm64]
os: [darwin]
@@ -599,8 +599,8 @@ packages:
dev: true
optional: true
- /@esbuild/darwin-x64@0.20.0:
- resolution: {integrity: sha512-bsgTPoyYDnPv8ER0HqnJggXK6RyFy4PH4rtsId0V7Efa90u2+EifxytE9pZnsDgExgkARy24WUQGv9irVbTvIw==}
+ /@esbuild/darwin-x64@0.20.1:
+ resolution: {integrity: sha512-pFIfj7U2w5sMp52wTY1XVOdoxw+GDwy9FsK3OFz4BpMAjvZVs0dT1VXs8aQm22nhwoIWUmIRaE+4xow8xfIDZA==}
engines: {node: '>=12'}
cpu: [x64]
os: [darwin]
@@ -617,8 +617,8 @@ packages:
dev: true
optional: true
- /@esbuild/freebsd-arm64@0.20.0:
- resolution: {integrity: sha512-kQ7jYdlKS335mpGbMW5tEe3IrQFIok9r84EM3PXB8qBFJPSc6dpWfrtsC/y1pyrz82xfUIn5ZrnSHQQsd6jebQ==}
+ /@esbuild/freebsd-arm64@0.20.1:
+ resolution: {integrity: sha512-UyW1WZvHDuM4xDz0jWun4qtQFauNdXjXOtIy7SYdf7pbxSWWVlqhnR/T2TpX6LX5NI62spt0a3ldIIEkPM6RHw==}
engines: {node: '>=12'}
cpu: [arm64]
os: [freebsd]
@@ -635,8 +635,8 @@ packages:
dev: true
optional: true
- /@esbuild/freebsd-x64@0.20.0:
- resolution: {integrity: sha512-uG8B0WSepMRsBNVXAQcHf9+Ko/Tr+XqmK7Ptel9HVmnykupXdS4J7ovSQUIi0tQGIndhbqWLaIL/qO/cWhXKyQ==}
+ /@esbuild/freebsd-x64@0.20.1:
+ resolution: {integrity: sha512-itPwCw5C+Jh/c624vcDd9kRCCZVpzpQn8dtwoYIt2TJF3S9xJLiRohnnNrKwREvcZYx0n8sCSbvGH349XkcQeg==}
engines: {node: '>=12'}
cpu: [x64]
os: [freebsd]
@@ -653,8 +653,8 @@ packages:
dev: true
optional: true
- /@esbuild/linux-arm64@0.20.0:
- resolution: {integrity: sha512-uTtyYAP5veqi2z9b6Gr0NUoNv9F/rOzI8tOD5jKcCvRUn7T60Bb+42NDBCWNhMjkQzI0qqwXkQGo1SY41G52nw==}
+ /@esbuild/linux-arm64@0.20.1:
+ resolution: {integrity: sha512-cX8WdlF6Cnvw/DO9/X7XLH2J6CkBnz7Twjpk56cshk9sjYVcuh4sXQBy5bmTwzBjNVZze2yaV1vtcJS04LbN8w==}
engines: {node: '>=12'}
cpu: [arm64]
os: [linux]
@@ -671,8 +671,8 @@ packages:
dev: true
optional: true
- /@esbuild/linux-arm@0.20.0:
- resolution: {integrity: sha512-2ezuhdiZw8vuHf1HKSf4TIk80naTbP9At7sOqZmdVwvvMyuoDiZB49YZKLsLOfKIr77+I40dWpHVeY5JHpIEIg==}
+ /@esbuild/linux-arm@0.20.1:
+ resolution: {integrity: sha512-LojC28v3+IhIbfQ+Vu4Ut5n3wKcgTu6POKIHN9Wpt0HnfgUGlBuyDDQR4jWZUZFyYLiz4RBBBmfU6sNfn6RhLw==}
engines: {node: '>=12'}
cpu: [arm]
os: [linux]
@@ -689,8 +689,8 @@ packages:
dev: true
optional: true
- /@esbuild/linux-ia32@0.20.0:
- resolution: {integrity: sha512-c88wwtfs8tTffPaoJ+SQn3y+lKtgTzyjkD8NgsyCtCmtoIC8RDL7PrJU05an/e9VuAke6eJqGkoMhJK1RY6z4w==}
+ /@esbuild/linux-ia32@0.20.1:
+ resolution: {integrity: sha512-4H/sQCy1mnnGkUt/xszaLlYJVTz3W9ep52xEefGtd6yXDQbz/5fZE5dFLUgsPdbUOQANcVUa5iO6g3nyy5BJiw==}
engines: {node: '>=12'}
cpu: [ia32]
os: [linux]
@@ -707,8 +707,8 @@ packages:
dev: true
optional: true
- /@esbuild/linux-loong64@0.20.0:
- resolution: {integrity: sha512-lR2rr/128/6svngnVta6JN4gxSXle/yZEZL3o4XZ6esOqhyR4wsKyfu6qXAL04S4S5CgGfG+GYZnjFd4YiG3Aw==}
+ /@esbuild/linux-loong64@0.20.1:
+ resolution: {integrity: sha512-c0jgtB+sRHCciVXlyjDcWb2FUuzlGVRwGXgI+3WqKOIuoo8AmZAddzeOHeYLtD+dmtHw3B4Xo9wAUdjlfW5yYA==}
engines: {node: '>=12'}
cpu: [loong64]
os: [linux]
@@ -725,8 +725,8 @@ packages:
dev: true
optional: true
- /@esbuild/linux-mips64el@0.20.0:
- resolution: {integrity: sha512-9Sycc+1uUsDnJCelDf6ZNqgZQoK1mJvFtqf2MUz4ujTxGhvCWw+4chYfDLPepMEvVL9PDwn6HrXad5yOrNzIsQ==}
+ /@esbuild/linux-mips64el@0.20.1:
+ resolution: {integrity: sha512-TgFyCfIxSujyuqdZKDZ3yTwWiGv+KnlOeXXitCQ+trDODJ+ZtGOzLkSWngynP0HZnTsDyBbPy7GWVXWaEl6lhA==}
engines: {node: '>=12'}
cpu: [mips64el]
os: [linux]
@@ -743,8 +743,8 @@ packages:
dev: true
optional: true
- /@esbuild/linux-ppc64@0.20.0:
- resolution: {integrity: sha512-CoWSaaAXOZd+CjbUTdXIJE/t7Oz+4g90A3VBCHLbfuc5yUQU/nFDLOzQsN0cdxgXd97lYW/psIIBdjzQIwTBGw==}
+ /@esbuild/linux-ppc64@0.20.1:
+ resolution: {integrity: sha512-b+yuD1IUeL+Y93PmFZDZFIElwbmFfIKLKlYI8M6tRyzE6u7oEP7onGk0vZRh8wfVGC2dZoy0EqX1V8qok4qHaw==}
engines: {node: '>=12'}
cpu: [ppc64]
os: [linux]
@@ -761,8 +761,8 @@ packages:
dev: true
optional: true
- /@esbuild/linux-riscv64@0.20.0:
- resolution: {integrity: sha512-mlb1hg/eYRJUpv8h/x+4ShgoNLL8wgZ64SUr26KwglTYnwAWjkhR2GpoKftDbPOCnodA9t4Y/b68H4J9XmmPzA==}
+ /@esbuild/linux-riscv64@0.20.1:
+ resolution: {integrity: sha512-wpDlpE0oRKZwX+GfomcALcouqjjV8MIX8DyTrxfyCfXxoKQSDm45CZr9fanJ4F6ckD4yDEPT98SrjvLwIqUCgg==}
engines: {node: '>=12'}
cpu: [riscv64]
os: [linux]
@@ -779,8 +779,8 @@ packages:
dev: true
optional: true
- /@esbuild/linux-s390x@0.20.0:
- resolution: {integrity: sha512-fgf9ubb53xSnOBqyvWEY6ukBNRl1mVX1srPNu06B6mNsNK20JfH6xV6jECzrQ69/VMiTLvHMicQR/PgTOgqJUQ==}
+ /@esbuild/linux-s390x@0.20.1:
+ resolution: {integrity: sha512-5BepC2Au80EohQ2dBpyTquqGCES7++p7G+7lXe1bAIvMdXm4YYcEfZtQrP4gaoZ96Wv1Ute61CEHFU7h4FMueQ==}
engines: {node: '>=12'}
cpu: [s390x]
os: [linux]
@@ -797,8 +797,8 @@ packages:
dev: true
optional: true
- /@esbuild/linux-x64@0.20.0:
- resolution: {integrity: sha512-H9Eu6MGse++204XZcYsse1yFHmRXEWgadk2N58O/xd50P9EvFMLJTQLg+lB4E1cF2xhLZU5luSWtGTb0l9UeSg==}
+ /@esbuild/linux-x64@0.20.1:
+ resolution: {integrity: sha512-5gRPk7pKuaIB+tmH+yKd2aQTRpqlf1E4f/mC+tawIm/CGJemZcHZpp2ic8oD83nKgUPMEd0fNanrnFljiruuyA==}
engines: {node: '>=12'}
cpu: [x64]
os: [linux]
@@ -815,8 +815,8 @@ packages:
dev: true
optional: true
- /@esbuild/netbsd-x64@0.20.0:
- resolution: {integrity: sha512-lCT675rTN1v8Fo+RGrE5KjSnfY0x9Og4RN7t7lVrN3vMSjy34/+3na0q7RIfWDAj0e0rCh0OL+P88lu3Rt21MQ==}
+ /@esbuild/netbsd-x64@0.20.1:
+ resolution: {integrity: sha512-4fL68JdrLV2nVW2AaWZBv3XEm3Ae3NZn/7qy2KGAt3dexAgSVT+Hc97JKSZnqezgMlv9x6KV0ZkZY7UO5cNLCg==}
engines: {node: '>=12'}
cpu: [x64]
os: [netbsd]
@@ -833,8 +833,8 @@ packages:
dev: true
optional: true
- /@esbuild/openbsd-x64@0.20.0:
- resolution: {integrity: sha512-HKoUGXz/TOVXKQ+67NhxyHv+aDSZf44QpWLa3I1lLvAwGq8x1k0T+e2HHSRvxWhfJrFxaaqre1+YyzQ99KixoA==}
+ /@esbuild/openbsd-x64@0.20.1:
+ resolution: {integrity: sha512-GhRuXlvRE+twf2ES+8REbeCb/zeikNqwD3+6S5y5/x+DYbAQUNl0HNBs4RQJqrechS4v4MruEr8ZtAin/hK5iw==}
engines: {node: '>=12'}
cpu: [x64]
os: [openbsd]
@@ -851,8 +851,8 @@ packages:
dev: true
optional: true
- /@esbuild/sunos-x64@0.20.0:
- resolution: {integrity: sha512-GDwAqgHQm1mVoPppGsoq4WJwT3vhnz/2N62CzhvApFD1eJyTroob30FPpOZabN+FgCjhG+AgcZyOPIkR8dfD7g==}
+ /@esbuild/sunos-x64@0.20.1:
+ resolution: {integrity: sha512-ZnWEyCM0G1Ex6JtsygvC3KUUrlDXqOihw8RicRuQAzw+c4f1D66YlPNNV3rkjVW90zXVsHwZYWbJh3v+oQFM9Q==}
engines: {node: '>=12'}
cpu: [x64]
os: [sunos]
@@ -869,8 +869,8 @@ packages:
dev: true
optional: true
- /@esbuild/win32-arm64@0.20.0:
- resolution: {integrity: sha512-0vYsP8aC4TvMlOQYozoksiaxjlvUcQrac+muDqj1Fxy6jh9l9CZJzj7zmh8JGfiV49cYLTorFLxg7593pGldwQ==}
+ /@esbuild/win32-arm64@0.20.1:
+ resolution: {integrity: sha512-QZ6gXue0vVQY2Oon9WyLFCdSuYbXSoxaZrPuJ4c20j6ICedfsDilNPYfHLlMH7vGfU5DQR0czHLmJvH4Nzis/A==}
engines: {node: '>=12'}
cpu: [arm64]
os: [win32]
@@ -887,8 +887,8 @@ packages:
dev: true
optional: true
- /@esbuild/win32-ia32@0.20.0:
- resolution: {integrity: sha512-p98u4rIgfh4gdpV00IqknBD5pC84LCub+4a3MO+zjqvU5MVXOc3hqR2UgT2jI2nh3h8s9EQxmOsVI3tyzv1iFg==}
+ /@esbuild/win32-ia32@0.20.1:
+ resolution: {integrity: sha512-HzcJa1NcSWTAU0MJIxOho8JftNp9YALui3o+Ny7hCh0v5f90nprly1U3Sj1Ldj/CvKKdvvFsCRvDkpsEMp4DNw==}
engines: {node: '>=12'}
cpu: [ia32]
os: [win32]
@@ -905,8 +905,8 @@ packages:
dev: true
optional: true
- /@esbuild/win32-x64@0.20.0:
- resolution: {integrity: sha512-NgJnesu1RtWihtTtXGFMU5YSE6JyyHPMxCwBZK7a6/8d31GuSo9l0Ss7w1Jw5QnKUawG6UEehs883kcXf5fYwg==}
+ /@esbuild/win32-x64@0.20.1:
+ resolution: {integrity: sha512-0MBh53o6XtI6ctDnRMeQ+xoCN8kD2qI1rY1KgF/xdWQwoFeKou7puvDfV8/Wv4Ctx2rRpET/gGdz3YlNtNACSA==}
engines: {node: '>=12'}
cpu: [x64]
os: [win32]
@@ -914,13 +914,13 @@ packages:
dev: true
optional: true
- /@eslint-community/eslint-utils@4.4.0(eslint@8.56.0):
+ /@eslint-community/eslint-utils@4.4.0(eslint@8.57.0):
resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
peerDependencies:
eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
dependencies:
- eslint: 8.56.0
+ eslint: 8.57.0
eslint-visitor-keys: 3.4.3
dev: true
@@ -946,8 +946,8 @@ packages:
- supports-color
dev: true
- /@eslint/js@8.56.0:
- resolution: {integrity: sha512-gMsVel9D7f2HLkBma9VbtzZRehRogVRfbr++f06nL2vnCGCNlzOD+/MUov/F4p8myyAHspEhVobgjpX64q5m6A==}
+ /@eslint/js@8.57.0:
+ resolution: {integrity: sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
dev: true
@@ -997,17 +997,17 @@ packages:
'@formkit/utils': 1.5.9
dev: true
- /@formkit/nuxt@1.5.9(rollup@4.11.0)(typescript@5.3.3)(vite@5.1.3)(webpack@5.90.2):
+ /@formkit/nuxt@1.5.9(rollup@4.12.0)(typescript@5.3.3)(vite@5.1.4)(webpack@5.90.3):
resolution: {integrity: sha512-3BeKbKru554/DGdiCKPFlVadFiOWLhD2wNkr8Gaup5rZW6K1Vms3hBAuMQUrwFRdPA34Z+sfxzioS2LAjIoJWA==}
dependencies:
'@formkit/core': 1.5.9
'@formkit/i18n': 1.5.9
'@formkit/vue': 1.5.9(typescript@5.3.3)
- '@nuxt/kit': 3.10.2(rollup@4.11.0)
+ '@nuxt/kit': 3.10.3(rollup@4.12.0)
chokidar: 3.6.0
nuxi: 3.10.1
pathe: 1.1.2
- unplugin-formkit: 0.2.13(rollup@4.11.0)(vite@5.1.3)(webpack@5.90.2)
+ unplugin-formkit: 0.2.13(rollup@4.12.0)(vite@5.1.4)(webpack@5.90.3)
transitivePeerDependencies:
- esbuild
- rollup
@@ -1141,7 +1141,7 @@ packages:
debug: 4.3.4
kolorist: 1.8.0
local-pkg: 0.5.0
- mlly: 1.5.0
+ mlly: 1.6.1
transitivePeerDependencies:
- supports-color
dev: true
@@ -1165,7 +1165,7 @@ packages:
estree-walker: 2.0.2
jsonc-eslint-parser: 2.4.0
magic-string: 0.30.7
- mlly: 1.5.0
+ mlly: 1.6.1
source-map-js: 1.0.2
vue-i18n: 9.9.1(vue@3.4.19)
yaml-eslint-parser: 1.2.2
@@ -1208,7 +1208,7 @@ packages:
engines: {node: '>= 16'}
dev: true
- /@intlify/unplugin-vue-i18n@2.0.0(rollup@4.11.0)(vue-i18n@9.9.1):
+ /@intlify/unplugin-vue-i18n@2.0.0(rollup@4.12.0)(vue-i18n@9.9.1):
resolution: {integrity: sha512-1oKvm92L9l2od2H9wKx2ZvR4tzn7gUtd7bPLI7AWUmm7U9H1iEypndt5d985ypxGsEs0gToDaKTrytbBIJwwSg==}
engines: {node: '>= 14.16'}
peerDependencies:
@@ -1225,7 +1225,7 @@ packages:
dependencies:
'@intlify/bundle-utils': 7.5.0(vue-i18n@9.9.1)
'@intlify/shared': 9.9.1
- '@rollup/pluginutils': 5.1.0(rollup@4.11.0)
+ '@rollup/pluginutils': 5.1.0(rollup@4.12.0)
'@vue/compiler-sfc': 3.4.19
debug: 4.3.4
fast-glob: 3.3.2
@@ -1274,13 +1274,13 @@ packages:
'@sinclair/typebox': 0.27.8
dev: true
- /@jridgewell/gen-mapping@0.3.3:
- resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
+ /@jridgewell/gen-mapping@0.3.4:
+ resolution: {integrity: sha512-Oud2QPM5dHviZNn4y/WhhYKSXksv+1xLEIsNrAbGcFzUN3ubqWRFT5gwPchNc5NuzILOU4tPBDTZ4VwhL8Y7cw==}
engines: {node: '>=6.0.0'}
dependencies:
'@jridgewell/set-array': 1.1.2
'@jridgewell/sourcemap-codec': 1.4.15
- '@jridgewell/trace-mapping': 0.3.22
+ '@jridgewell/trace-mapping': 0.3.23
dev: true
/@jridgewell/resolve-uri@3.1.2:
@@ -1296,16 +1296,16 @@ packages:
/@jridgewell/source-map@0.3.5:
resolution: {integrity: sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==}
dependencies:
- '@jridgewell/gen-mapping': 0.3.3
- '@jridgewell/trace-mapping': 0.3.22
+ '@jridgewell/gen-mapping': 0.3.4
+ '@jridgewell/trace-mapping': 0.3.23
dev: true
/@jridgewell/sourcemap-codec@1.4.15:
resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
dev: true
- /@jridgewell/trace-mapping@0.3.22:
- resolution: {integrity: sha512-Wf963MzWtA2sjrNt+g18IAln9lKnlRp+K2eH4jjIoF1wYeq3aMREpG09xhlhdzS0EjwU7qmUJYangWa+151vZw==}
+ /@jridgewell/trace-mapping@0.3.23:
+ resolution: {integrity: sha512-9/4foRoUKp8s96tSkh8DlAAc5A0Ty8vLXld+l9gjKKY6ckwI8G15f0hskGmuLZu78ZlGa1vtsfOa+lnB4vG6Jg==}
dependencies:
'@jridgewell/resolve-uri': 3.1.2
'@jridgewell/sourcemap-codec': 1.4.15
@@ -1341,14 +1341,14 @@ packages:
- supports-color
dev: true
- /@miyaneee/rollup-plugin-json5@1.2.0(rollup@4.11.0):
+ /@miyaneee/rollup-plugin-json5@1.2.0(rollup@4.12.0):
resolution: {integrity: sha512-JjTIaXZp9WzhUHpElrqPnl1AzBi/rvRs065F71+aTmlqvTMVkdbjZ8vfFl4nRlgJy+TPBw69ZK4pwFdmOAt4aA==}
peerDependencies:
rollup: ^1.20.0 || ^2.0.0 || ^3.0.0 || ^4.0.0
dependencies:
- '@rollup/pluginutils': 5.1.0(rollup@4.11.0)
+ '@rollup/pluginutils': 5.1.0(rollup@4.12.0)
json5: 2.2.3
- rollup: 4.11.0
+ rollup: 4.12.0
dev: true
/@netlify/functions@2.6.0:
@@ -1478,17 +1478,17 @@ packages:
- supports-color
dev: true
- /@nuxt/content@2.12.0(nuxt@3.10.2)(rollup@4.11.0)(vue@3.4.19):
+ /@nuxt/content@2.12.0(nuxt@3.10.3)(rollup@4.12.0)(vue@3.4.19):
resolution: {integrity: sha512-XQkbkJzFRWKdX4aoVDprqLphbQGDsRX35ZRgHe4i7Phe3F1z2EzXVhZ9WXBTmpXau3MkLlmsQ+NzcRns1kOOvQ==}
dependencies:
- '@nuxt/kit': 3.10.2(rollup@4.11.0)
- '@nuxtjs/mdc': 0.5.0(rollup@4.11.0)
- '@vueuse/core': 10.7.2(vue@3.4.19)
+ '@nuxt/kit': 3.10.3(rollup@4.12.0)
+ '@nuxtjs/mdc': 0.5.0(rollup@4.12.0)
+ '@vueuse/core': 10.8.0(vue@3.4.19)
'@vueuse/head': 2.0.0(vue@3.4.19)
- '@vueuse/nuxt': 10.7.2(nuxt@3.10.2)(rollup@4.11.0)(vue@3.4.19)
+ '@vueuse/nuxt': 10.8.0(nuxt@3.10.3)(rollup@4.12.0)(vue@3.4.19)
consola: 3.2.3
defu: 6.1.4
- destr: 2.0.2
+ destr: 2.0.3
json5: 2.2.3
knitwork: 1.0.0
listhen: 1.6.0
@@ -1501,7 +1501,7 @@ packages:
ohash: 1.1.3
pathe: 1.1.2
scule: 1.3.0
- shiki: 1.1.2
+ shiki: 1.1.7
slugify: 1.6.6
socket.io-client: 4.7.4
ufo: 1.4.0
@@ -1534,17 +1534,17 @@ packages:
resolution: {integrity: sha512-GBzP8zOc7CGWyFQS6dv1lQz8VVpz5C2yRszbXufwG/9zhStTIH50EtD87NmWbTMwXDvZLNg8GIpb1UFdH93JCA==}
dev: true
- /@nuxt/devtools-kit@1.0.8(nuxt@3.10.2)(rollup@4.11.0)(vite@5.1.3):
+ /@nuxt/devtools-kit@1.0.8(nuxt@3.10.3)(rollup@4.12.0)(vite@5.1.4):
resolution: {integrity: sha512-j7bNZmoAXQ1a8qv6j6zk4c/aekrxYqYVQM21o/Hy4XHCUq4fajSgpoc8mjyWJSTfpkOmuLyEzMexpDWiIVSr6A==}
peerDependencies:
nuxt: ^3.9.0
vite: '*'
dependencies:
- '@nuxt/kit': 3.10.2(rollup@4.11.0)
- '@nuxt/schema': 3.10.2(rollup@4.11.0)
+ '@nuxt/kit': 3.10.3(rollup@4.12.0)
+ '@nuxt/schema': 3.10.3(rollup@4.12.0)
execa: 7.2.0
- nuxt: 3.10.2(eslint@8.56.0)(rollup@4.11.0)(sass@1.71.0)(typescript@5.3.3)(vite@5.1.3)
- vite: 5.1.3(sass@1.71.0)
+ nuxt: 3.10.3(eslint@8.57.0)(rollup@4.12.0)(sass@1.71.1)(typescript@5.3.3)(vite@5.1.4)
+ vite: 5.1.4(sass@1.71.1)
transitivePeerDependencies:
- rollup
- supports-color
@@ -1566,7 +1566,7 @@ packages:
semver: 7.6.0
dev: true
- /@nuxt/devtools@1.0.8(nuxt@3.10.2)(rollup@4.11.0)(vite@5.1.3):
+ /@nuxt/devtools@1.0.8(nuxt@3.10.3)(rollup@4.12.0)(vite@5.1.4):
resolution: {integrity: sha512-o6aBFEBxc8OgVHV4OPe2g0q9tFIe9HiTxRiJnlTJ+jHvOQsBLS651ArdVtwLChf9UdMouFlpLLJ1HteZqTbtsQ==}
hasBin: true
peerDependencies:
@@ -1574,16 +1574,16 @@ packages:
vite: '*'
dependencies:
'@antfu/utils': 0.7.7
- '@nuxt/devtools-kit': 1.0.8(nuxt@3.10.2)(rollup@4.11.0)(vite@5.1.3)
+ '@nuxt/devtools-kit': 1.0.8(nuxt@3.10.3)(rollup@4.12.0)(vite@5.1.4)
'@nuxt/devtools-wizard': 1.0.8
- '@nuxt/kit': 3.10.2(rollup@4.11.0)
- birpc: 0.2.15
+ '@nuxt/kit': 3.10.3(rollup@4.12.0)
+ birpc: 0.2.17
consola: 3.2.3
- destr: 2.0.2
+ destr: 2.0.3
error-stack-parser-es: 0.1.1
execa: 7.2.0
fast-glob: 3.3.2
- flatted: 3.2.9
+ flatted: 3.3.1
get-port-please: 3.1.2
hookable: 5.5.3
image-meta: 0.2.0
@@ -1591,7 +1591,7 @@ packages:
launch-editor: 2.6.1
local-pkg: 0.5.0
magicast: 0.3.3
- nuxt: 3.10.2(eslint@8.56.0)(rollup@4.11.0)(sass@1.71.0)(typescript@5.3.3)(vite@5.1.3)
+ nuxt: 3.10.3(eslint@8.57.0)(rollup@4.12.0)(sass@1.71.1)(typescript@5.3.3)(vite@5.1.4)
nypm: 0.3.6
ohash: 1.1.3
pacote: 17.0.6
@@ -1603,10 +1603,10 @@ packages:
semver: 7.6.0
simple-git: 3.22.0
sirv: 2.0.4
- unimport: 3.7.1(rollup@4.11.0)
- vite: 5.1.3(sass@1.71.0)
- vite-plugin-inspect: 0.8.3(@nuxt/kit@3.10.2)(rollup@4.11.0)(vite@5.1.3)
- vite-plugin-vue-inspector: 4.0.2(vite@5.1.3)
+ unimport: 3.7.1(rollup@4.12.0)
+ vite: 5.1.4(sass@1.71.1)
+ vite-plugin-inspect: 0.8.3(@nuxt/kit@3.10.3)(rollup@4.12.0)(vite@5.1.4)
+ vite-plugin-vue-inspector: 4.0.2(vite@5.1.4)
which: 3.0.1
ws: 8.16.0
transitivePeerDependencies:
@@ -1617,12 +1617,12 @@ packages:
- utf-8-validate
dev: true
- /@nuxt/kit@3.10.2(rollup@4.11.0):
- resolution: {integrity: sha512-Bua7taY9CIm7HCTpHXqFyM1xlZkrUl6HOqWrkGjLLQg9eeWAdKT7ppT0iEMiGnb9f+5T0uL5Ec3TvuR5J8P9WA==}
+ /@nuxt/kit@3.10.3(rollup@4.12.0):
+ resolution: {integrity: sha512-PUjYB9Mvx0qD9H1QZBwwtY4fLlCLET+Mm9BVqUOtXCaGoXd6u6BE4e/dGFPk2UEKkIcDGrUMSbqkHYvsEuK9NQ==}
engines: {node: ^14.18.0 || >=16.10.0}
dependencies:
- '@nuxt/schema': 3.10.2(rollup@4.11.0)
- c12: 1.8.0
+ '@nuxt/schema': 3.10.3(rollup@4.12.0)
+ c12: 1.9.0
consola: 3.2.3
defu: 6.1.4
globby: 14.0.1
@@ -1630,22 +1630,22 @@ packages:
ignore: 5.3.1
jiti: 1.21.0
knitwork: 1.0.0
- mlly: 1.5.0
+ mlly: 1.6.1
pathe: 1.1.2
pkg-types: 1.0.3
scule: 1.3.0
semver: 7.6.0
ufo: 1.4.0
unctx: 2.3.1
- unimport: 3.7.1(rollup@4.11.0)
+ unimport: 3.7.1(rollup@4.12.0)
untyped: 1.4.2
transitivePeerDependencies:
- rollup
- supports-color
dev: true
- /@nuxt/schema@3.10.2(rollup@4.11.0):
- resolution: {integrity: sha512-hHVnMlPKYR6AVK889gvcYVgewB1885/KPZW6uYhVWkeKGc63JzNCILq8ykTqG/t8LpG1ZJpwxo5KtDk9nIZrfA==}
+ /@nuxt/schema@3.10.3(rollup@4.12.0):
+ resolution: {integrity: sha512-a4cYbeskEVBPazgAhvUGkL/j7ho/iPWMK3vCEm6dRMjSqHVEITRosrj0aMfLbRrDpTrMjlRs0ZitxiaUfE/p5Q==}
engines: {node: ^14.18.0 || >=16.10.0}
dependencies:
'@nuxt/ui-templates': 1.3.1
@@ -1657,24 +1657,24 @@ packages:
scule: 1.3.0
std-env: 3.7.0
ufo: 1.4.0
- unimport: 3.7.1(rollup@4.11.0)
+ unimport: 3.7.1(rollup@4.12.0)
untyped: 1.4.2
transitivePeerDependencies:
- rollup
- supports-color
dev: true
- /@nuxt/telemetry@2.5.3(rollup@4.11.0):
+ /@nuxt/telemetry@2.5.3(rollup@4.12.0):
resolution: {integrity: sha512-Ghv2MgWbJcUM9G5Dy3oQP0cJkUwEgaiuQxEF61FXJdn0a69Q4StZEP/hLF0MWPM9m6EvAwI7orxkJHM7MrmtVg==}
hasBin: true
dependencies:
- '@nuxt/kit': 3.10.2(rollup@4.11.0)
+ '@nuxt/kit': 3.10.3(rollup@4.12.0)
ci-info: 4.0.0
consola: 3.2.3
create-require: 1.1.1
defu: 6.1.4
- destr: 2.0.2
- dotenv: 16.4.4
+ destr: 2.0.3
+ dotenv: 16.4.5
git-url-parse: 13.1.1
is-docker: 3.0.0
jiti: 1.21.0
@@ -1690,7 +1690,7 @@ packages:
- supports-color
dev: true
- /@nuxt/test-utils@3.11.0(@vitest/ui@1.2.2)(h3@1.10.1)(jsdom@24.0.0)(rollup@4.11.0)(vite@5.1.3)(vitest@1.2.2)(vue-router@4.2.5)(vue@3.4.19):
+ /@nuxt/test-utils@3.11.0(@vitest/ui@1.3.1)(h3@1.10.2)(jsdom@24.0.0)(rollup@4.12.0)(vite@5.1.4)(vitest@1.3.1)(vue-router@4.3.0)(vue@3.4.19):
resolution: {integrity: sha512-9ovgpQZkZpVg/MhYVVn2169WjH/IL0XUqwGryTa/lkx0/BCi1LMVEp3HTPkmt4qbRcxitO+kL4vFqqrFGVaSVg==}
engines: {node: ^14.18.0 || >=16.10.0}
peerDependencies:
@@ -1727,18 +1727,18 @@ packages:
vitest:
optional: true
dependencies:
- '@nuxt/kit': 3.10.2(rollup@4.11.0)
- '@nuxt/schema': 3.10.2(rollup@4.11.0)
- '@vitest/ui': 1.2.2(vitest@1.2.2)
- c12: 1.8.0
+ '@nuxt/kit': 3.10.3(rollup@4.12.0)
+ '@nuxt/schema': 3.10.3(rollup@4.12.0)
+ '@vitest/ui': 1.3.1(vitest@1.3.1)
+ c12: 1.9.0
consola: 3.2.3
defu: 6.1.4
- destr: 2.0.2
+ destr: 2.0.3
estree-walker: 3.0.3
execa: 8.0.1
fake-indexeddb: 5.0.2
get-port-please: 3.1.2
- h3: 1.10.1
+ h3: 1.10.2
jsdom: 24.0.0
local-pkg: 0.5.0
magic-string: 0.30.7
@@ -1752,11 +1752,11 @@ packages:
ufo: 1.4.0
unenv: 1.9.0
unplugin: 1.7.1
- vite: 5.1.3(sass@1.71.0)
- vitest: 1.2.2(@vitest/ui@1.2.2)(jsdom@24.0.0)(sass@1.71.0)
- vitest-environment-nuxt: 1.0.0(@vitest/ui@1.2.2)(h3@1.10.1)(jsdom@24.0.0)(rollup@4.11.0)(vite@5.1.3)(vitest@1.2.2)(vue-router@4.2.5)(vue@3.4.19)
+ vite: 5.1.4(sass@1.71.1)
+ vitest: 1.3.1(@vitest/ui@1.3.1)(jsdom@24.0.0)(sass@1.71.1)
+ vitest-environment-nuxt: 1.0.0(@vitest/ui@1.3.1)(h3@1.10.2)(jsdom@24.0.0)(rollup@4.12.0)(vite@5.1.4)(vitest@1.3.1)(vue-router@4.3.0)(vue@3.4.19)
vue: 3.4.19(typescript@5.3.3)
- vue-router: 4.2.5(vue@3.4.19)
+ vue-router: 4.3.0(vue@3.4.19)
transitivePeerDependencies:
- rollup
- supports-color
@@ -1766,45 +1766,45 @@ packages:
resolution: {integrity: sha512-5gc02Pu1HycOVUWJ8aYsWeeXcSTPe8iX8+KIrhyEtEoOSkY0eMBuo0ssljB8wALuEmepv31DlYe5gpiRwkjESA==}
dev: true
- /@nuxt/vite-builder@3.10.2(eslint@8.56.0)(rollup@4.11.0)(sass@1.71.0)(typescript@5.3.3)(vue@3.4.19):
- resolution: {integrity: sha512-FFMfcb/o2ID42QqX7LyspjG+cbibTUVMVYDNbxXviIsj0VWt5trlSL4zU81HaLn8nAgGTozMYqV5SJgT4rp/Zg==}
+ /@nuxt/vite-builder@3.10.3(eslint@8.57.0)(rollup@4.12.0)(sass@1.71.1)(typescript@5.3.3)(vue@3.4.19):
+ resolution: {integrity: sha512-BqkbrYkEk1AVUJleofbqTRV+ltf2p1CDjGDK78zENPCgrSABlj4F4oK8rze8vmRY5qoH7kMZxgMa2dXVXCp6OA==}
engines: {node: ^14.18.0 || >=16.10.0}
peerDependencies:
vue: ^3.3.4
dependencies:
- '@nuxt/kit': 3.10.2(rollup@4.11.0)
- '@rollup/plugin-replace': 5.0.5(rollup@4.11.0)
- '@vitejs/plugin-vue': 5.0.4(vite@5.1.1)(vue@3.4.19)
- '@vitejs/plugin-vue-jsx': 3.1.0(vite@5.1.1)(vue@3.4.19)
+ '@nuxt/kit': 3.10.3(rollup@4.12.0)
+ '@rollup/plugin-replace': 5.0.5(rollup@4.12.0)
+ '@vitejs/plugin-vue': 5.0.4(vite@5.1.4)(vue@3.4.19)
+ '@vitejs/plugin-vue-jsx': 3.1.0(vite@5.1.4)(vue@3.4.19)
autoprefixer: 10.4.17(postcss@8.4.35)
clear: 0.1.0
consola: 3.2.3
- cssnano: 6.0.3(postcss@8.4.35)
+ cssnano: 6.0.5(postcss@8.4.35)
defu: 6.1.4
- esbuild: 0.20.0
+ esbuild: 0.20.1
escape-string-regexp: 5.0.0
estree-walker: 3.0.3
externality: 1.0.2
fs-extra: 11.2.0
get-port-please: 3.1.2
- h3: 1.10.1
+ h3: 1.10.2
knitwork: 1.0.0
magic-string: 0.30.7
- mlly: 1.5.0
+ mlly: 1.6.1
ohash: 1.1.3
pathe: 1.1.2
perfect-debounce: 1.0.0
pkg-types: 1.0.3
postcss: 8.4.35
- rollup-plugin-visualizer: 5.12.0(rollup@4.11.0)
+ rollup-plugin-visualizer: 5.12.0(rollup@4.12.0)
std-env: 3.7.0
strip-literal: 2.0.0
ufo: 1.4.0
unenv: 1.9.0
unplugin: 1.7.1
- vite: 5.1.1(sass@1.71.0)
- vite-node: 1.2.2(sass@1.71.0)
- vite-plugin-checker: 0.6.4(eslint@8.56.0)(typescript@5.3.3)(vite@5.1.1)
+ vite: 5.1.4(sass@1.71.1)
+ vite-node: 1.3.1(sass@1.71.1)
+ vite-plugin-checker: 0.6.4(eslint@8.57.0)(typescript@5.3.3)(vite@5.1.4)
vue: 3.4.19(typescript@5.3.3)
vue-bundle-renderer: 2.0.0
transitivePeerDependencies:
@@ -1827,18 +1827,18 @@ packages:
- vue-tsc
dev: true
- /@nuxtjs/eslint-config-typescript@12.1.0(eslint@8.56.0)(typescript@5.3.3):
+ /@nuxtjs/eslint-config-typescript@12.1.0(eslint@8.57.0)(typescript@5.3.3):
resolution: {integrity: sha512-l2fLouDYwdAvCZEEw7wGxOBj+i8TQcHFu3zMPTLqKuv1qu6WcZIr0uztkbaa8ND1uKZ9YPqKx6UlSOjM4Le69Q==}
peerDependencies:
eslint: ^8.48.0
dependencies:
- '@nuxtjs/eslint-config': 12.0.0(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
- '@typescript-eslint/eslint-plugin': 6.21.0(@typescript-eslint/parser@6.21.0)(eslint@8.56.0)(typescript@5.3.3)
- '@typescript-eslint/parser': 6.21.0(eslint@8.56.0)(typescript@5.3.3)
- eslint: 8.56.0
- eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.21.0)(eslint-plugin-import@2.29.1)(eslint@8.56.0)
- eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
- eslint-plugin-vue: 9.21.1(eslint@8.56.0)
+ '@nuxtjs/eslint-config': 12.0.0(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
+ '@typescript-eslint/eslint-plugin': 6.21.0(@typescript-eslint/parser@6.21.0)(eslint@8.57.0)(typescript@5.3.3)
+ '@typescript-eslint/parser': 6.21.0(eslint@8.57.0)(typescript@5.3.3)
+ eslint: 8.57.0
+ eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.21.0)(eslint-plugin-import@2.29.1)(eslint@8.57.0)
+ eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
+ eslint-plugin-vue: 9.22.0(eslint@8.57.0)
transitivePeerDependencies:
- eslint-import-resolver-node
- eslint-import-resolver-webpack
@@ -1846,19 +1846,19 @@ packages:
- typescript
dev: true
- /@nuxtjs/eslint-config@12.0.0(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0):
+ /@nuxtjs/eslint-config@12.0.0(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0):
resolution: {integrity: sha512-ewenelo75x0eYEUK+9EBXjc/OopQCvdkmYmlZuoHq5kub/vtiRpyZ/autppwokpHUq8tiVyl2ejMakoiHiDTrg==}
peerDependencies:
eslint: ^8.23.0
dependencies:
- eslint: 8.56.0
- eslint-config-standard: 17.1.0(eslint-plugin-import@2.29.1)(eslint-plugin-n@15.7.0)(eslint-plugin-promise@6.1.1)(eslint@8.56.0)
- eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
- eslint-plugin-n: 15.7.0(eslint@8.56.0)
- eslint-plugin-node: 11.1.0(eslint@8.56.0)
- eslint-plugin-promise: 6.1.1(eslint@8.56.0)
- eslint-plugin-unicorn: 44.0.2(eslint@8.56.0)
- eslint-plugin-vue: 9.21.1(eslint@8.56.0)
+ eslint: 8.57.0
+ eslint-config-standard: 17.1.0(eslint-plugin-import@2.29.1)(eslint-plugin-n@15.7.0)(eslint-plugin-promise@6.1.1)(eslint@8.57.0)
+ eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
+ eslint-plugin-n: 15.7.0(eslint@8.57.0)
+ eslint-plugin-node: 11.1.0(eslint@8.57.0)
+ eslint-plugin-promise: 6.1.1(eslint@8.57.0)
+ eslint-plugin-unicorn: 44.0.2(eslint@8.57.0)
+ eslint-plugin-vue: 9.22.0(eslint@8.57.0)
local-pkg: 0.4.3
transitivePeerDependencies:
- '@typescript-eslint/parser'
@@ -1867,17 +1867,17 @@ packages:
- supports-color
dev: true
- /@nuxtjs/i18n@8.1.1(rollup@4.11.0)(vue@3.4.19):
+ /@nuxtjs/i18n@8.1.1(rollup@4.12.0)(vue@3.4.19):
resolution: {integrity: sha512-woq2gdXv+soVRc2yeE2pwWODiLnF7fx1eAEXi5Zx+StQDxHegAHTbKX/ZqcsW8VZ3mqlcpzfqN399KCZ9qXJ8g==}
engines: {node: ^14.16.0 || >=16.11.0}
dependencies:
'@intlify/h3': 0.5.0
'@intlify/shared': 9.9.1
- '@intlify/unplugin-vue-i18n': 2.0.0(rollup@4.11.0)(vue-i18n@9.9.1)
+ '@intlify/unplugin-vue-i18n': 2.0.0(rollup@4.12.0)(vue-i18n@9.9.1)
'@intlify/utils': 0.12.0
- '@miyaneee/rollup-plugin-json5': 1.2.0(rollup@4.11.0)
- '@nuxt/kit': 3.10.2(rollup@4.11.0)
- '@rollup/plugin-yaml': 4.1.2(rollup@4.11.0)
+ '@miyaneee/rollup-plugin-json5': 1.2.0(rollup@4.12.0)
+ '@nuxt/kit': 3.10.3(rollup@4.12.0)
+ '@rollup/plugin-yaml': 4.1.2(rollup@4.12.0)
'@vue/compiler-sfc': 3.4.19
debug: 4.3.4
defu: 6.1.4
@@ -1885,13 +1885,13 @@ packages:
is-https: 4.0.0
knitwork: 1.0.0
magic-string: 0.30.7
- mlly: 1.5.0
+ mlly: 1.6.1
pathe: 1.1.2
sucrase: 3.35.0
ufo: 1.4.0
unplugin: 1.7.1
vue-i18n: 9.9.1(vue@3.4.19)
- vue-router: 4.2.5(vue@3.4.19)
+ vue-router: 4.3.0(vue@3.4.19)
transitivePeerDependencies:
- petite-vue-i18n
- rollup
@@ -1900,18 +1900,18 @@ packages:
- vue-i18n-bridge
dev: true
- /@nuxtjs/mdc@0.5.0(rollup@4.11.0):
+ /@nuxtjs/mdc@0.5.0(rollup@4.12.0):
resolution: {integrity: sha512-480Ajc7o/YAl9b21btd0oRtVe/UjUWmVSEWauS+H+izwEGdGvJTVfZRdaiAXcXKl+UmUTpf+POel027sE9HAZQ==}
dependencies:
- '@nuxt/kit': 3.10.2(rollup@4.11.0)
- '@shikijs/transformers': 1.1.2
+ '@nuxt/kit': 3.10.3(rollup@4.12.0)
+ '@shikijs/transformers': 1.1.7
'@types/hast': 3.0.4
'@types/mdast': 4.0.3
'@vue/compiler-core': 3.4.19
consola: 3.2.3
debug: 4.3.4
defu: 6.1.4
- destr: 2.0.2
+ destr: 2.0.3
detab: 3.0.2
github-slugger: 2.0.0
hast-util-to-string: 3.0.0
@@ -1932,7 +1932,7 @@ packages:
remark-parse: 11.0.0
remark-rehype: 11.1.0
scule: 1.3.0
- shiki: 1.1.2
+ shiki: 1.1.7
ufo: 1.4.0
unified: 11.0.4
unist-builder: 4.0.0
@@ -1943,8 +1943,8 @@ packages:
- supports-color
dev: true
- /@parcel/watcher-android-arm64@2.4.0:
- resolution: {integrity: sha512-+fPtO/GsbYX1LJnCYCaDVT3EOBjvSFdQN9Mrzh9zWAOOfvidPWyScTrHIZHHfJBvlHzNA0Gy0U3NXFA/M7PHUA==}
+ /@parcel/watcher-android-arm64@2.4.1:
+ resolution: {integrity: sha512-LOi/WTbbh3aTn2RYddrO8pnapixAziFl6SMxHM69r3tvdSm94JtCenaKgk1GRg5FJ5wpMCpHeW+7yqPlvZv7kg==}
engines: {node: '>= 10.0.0'}
cpu: [arm64]
os: [android]
@@ -1952,8 +1952,8 @@ packages:
dev: true
optional: true
- /@parcel/watcher-darwin-arm64@2.4.0:
- resolution: {integrity: sha512-T/At5pansFuQ8VJLRx0C6C87cgfqIYhW2N/kBfLCUvDhCah0EnLLwaD/6MW3ux+rpgkpQAnMELOCTKlbwncwiA==}
+ /@parcel/watcher-darwin-arm64@2.4.1:
+ resolution: {integrity: sha512-ln41eihm5YXIY043vBrrHfn94SIBlqOWmoROhsMVTSXGh0QahKGy77tfEywQ7v3NywyxBBkGIfrWRHm0hsKtzA==}
engines: {node: '>= 10.0.0'}
cpu: [arm64]
os: [darwin]
@@ -1961,8 +1961,8 @@ packages:
dev: true
optional: true
- /@parcel/watcher-darwin-x64@2.4.0:
- resolution: {integrity: sha512-vZMv9jl+szz5YLsSqEGCMSllBl1gU1snfbRL5ysJU03MEa6gkVy9OMcvXV1j4g0++jHEcvzhs3Z3LpeEbVmY6Q==}
+ /@parcel/watcher-darwin-x64@2.4.1:
+ resolution: {integrity: sha512-yrw81BRLjjtHyDu7J61oPuSoeYWR3lDElcPGJyOvIXmor6DEo7/G2u1o7I38cwlcoBHQFULqF6nesIX3tsEXMg==}
engines: {node: '>= 10.0.0'}
cpu: [x64]
os: [darwin]
@@ -1970,8 +1970,8 @@ packages:
dev: true
optional: true
- /@parcel/watcher-freebsd-x64@2.4.0:
- resolution: {integrity: sha512-dHTRMIplPDT1M0+BkXjtMN+qLtqq24sLDUhmU+UxxLP2TEY2k8GIoqIJiVrGWGomdWsy5IO27aDV1vWyQ6gfHA==}
+ /@parcel/watcher-freebsd-x64@2.4.1:
+ resolution: {integrity: sha512-TJa3Pex/gX3CWIx/Co8k+ykNdDCLx+TuZj3f3h7eOjgpdKM+Mnix37RYsYU4LHhiYJz3DK5nFCCra81p6g050w==}
engines: {node: '>= 10.0.0'}
cpu: [x64]
os: [freebsd]
@@ -1979,8 +1979,8 @@ packages:
dev: true
optional: true
- /@parcel/watcher-linux-arm-glibc@2.4.0:
- resolution: {integrity: sha512-9NQXD+qk46RwATNC3/UB7HWurscY18CnAPMTFcI9Y8CTbtm63/eex1SNt+BHFinEQuLBjaZwR2Lp+n7pmEJPpQ==}
+ /@parcel/watcher-linux-arm-glibc@2.4.1:
+ resolution: {integrity: sha512-4rVYDlsMEYfa537BRXxJ5UF4ddNwnr2/1O4MHM5PjI9cvV2qymvhwZSFgXqbS8YoTk5i/JR0L0JDs69BUn45YA==}
engines: {node: '>= 10.0.0'}
cpu: [arm]
os: [linux]
@@ -1988,8 +1988,8 @@ packages:
dev: true
optional: true
- /@parcel/watcher-linux-arm64-glibc@2.4.0:
- resolution: {integrity: sha512-QuJTAQdsd7PFW9jNGaV9Pw+ZMWV9wKThEzzlY3Lhnnwy7iW23qtQFPql8iEaSFMCVI5StNNmONUopk+MFKpiKg==}
+ /@parcel/watcher-linux-arm64-glibc@2.4.1:
+ resolution: {integrity: sha512-BJ7mH985OADVLpbrzCLgrJ3TOpiZggE9FMblfO65PlOCdG++xJpKUJ0Aol74ZUIYfb8WsRlUdgrZxKkz3zXWYA==}
engines: {node: '>= 10.0.0'}
cpu: [arm64]
os: [linux]
@@ -1997,8 +1997,8 @@ packages:
dev: true
optional: true
- /@parcel/watcher-linux-arm64-musl@2.4.0:
- resolution: {integrity: sha512-oyN+uA9xcTDo/45bwsd6TFHa7Lc7hKujyMlvwrCLvSckvWogndCEoVYFNfZ6JJ2KNL/6fFiGPcbjp8jJmEh5Ng==}
+ /@parcel/watcher-linux-arm64-musl@2.4.1:
+ resolution: {integrity: sha512-p4Xb7JGq3MLgAfYhslU2SjoV9G0kI0Xry0kuxeG/41UfpjHGOhv7UoUDAz/jb1u2elbhazy4rRBL8PegPJFBhA==}
engines: {node: '>= 10.0.0'}
cpu: [arm64]
os: [linux]
@@ -2006,8 +2006,8 @@ packages:
dev: true
optional: true
- /@parcel/watcher-linux-x64-glibc@2.4.0:
- resolution: {integrity: sha512-KphV8awJmxU3q52JQvJot0QMu07CIyEjV+2Tb2ZtbucEgqyRcxOBDMsqp1JNq5nuDXtcCC0uHQICeiEz38dPBQ==}
+ /@parcel/watcher-linux-x64-glibc@2.4.1:
+ resolution: {integrity: sha512-s9O3fByZ/2pyYDPoLM6zt92yu6P4E39a03zvO0qCHOTjxmt3GHRMLuRZEWhWLASTMSrrnVNWdVI/+pUElJBBBg==}
engines: {node: '>= 10.0.0'}
cpu: [x64]
os: [linux]
@@ -2015,8 +2015,8 @@ packages:
dev: true
optional: true
- /@parcel/watcher-linux-x64-musl@2.4.0:
- resolution: {integrity: sha512-7jzcOonpXNWcSijPpKD5IbC6xC7yTibjJw9jviVzZostYLGxbz8LDJLUnLzLzhASPlPGgpeKLtFUMjAAzM+gSA==}
+ /@parcel/watcher-linux-x64-musl@2.4.1:
+ resolution: {integrity: sha512-L2nZTYR1myLNST0O632g0Dx9LyMNHrn6TOt76sYxWLdff3cB22/GZX2UPtJnaqQPdCRoszoY5rcOj4oMTtp5fQ==}
engines: {node: '>= 10.0.0'}
cpu: [x64]
os: [linux]
@@ -2034,8 +2034,8 @@ packages:
bundledDependencies:
- napi-wasm
- /@parcel/watcher-win32-arm64@2.4.0:
- resolution: {integrity: sha512-NOej2lqlq8bQNYhUMnOD0nwvNql8ToQF+1Zhi9ULZoG+XTtJ9hNnCFfyICxoZLXor4bBPTOnzs/aVVoefYnjIg==}
+ /@parcel/watcher-win32-arm64@2.4.1:
+ resolution: {integrity: sha512-Uq2BPp5GWhrq/lcuItCHoqxjULU1QYEcyjSO5jqqOK8RNFDBQnenMMx4gAl3v8GiWa59E9+uDM7yZ6LxwUIfRg==}
engines: {node: '>= 10.0.0'}
cpu: [arm64]
os: [win32]
@@ -2043,8 +2043,8 @@ packages:
dev: true
optional: true
- /@parcel/watcher-win32-ia32@2.4.0:
- resolution: {integrity: sha512-IO/nM+K2YD/iwjWAfHFMBPz4Zqn6qBDqZxY4j2n9s+4+OuTSRM/y/irksnuqcspom5DjkSeF9d0YbO+qpys+JA==}
+ /@parcel/watcher-win32-ia32@2.4.1:
+ resolution: {integrity: sha512-maNRit5QQV2kgHFSYwftmPBxiuK5u4DXjbXx7q6eKjq5dsLXZ4FJiVvlcw35QXzk0KrUecJmuVFbj4uV9oYrcw==}
engines: {node: '>= 10.0.0'}
cpu: [ia32]
os: [win32]
@@ -2052,8 +2052,8 @@ packages:
dev: true
optional: true
- /@parcel/watcher-win32-x64@2.4.0:
- resolution: {integrity: sha512-pAUyUVjfFjWaf/pShmJpJmNxZhbMvJASUpdes9jL6bTEJ+gDxPRSpXTIemNyNsb9AtbiGXs9XduP1reThmd+dA==}
+ /@parcel/watcher-win32-x64@2.4.1:
+ resolution: {integrity: sha512-+DvS92F9ezicfswqrvIRM2njcYJbd5mb9CUgtrHCHmvn7pPPa+nMDRu1o1bYYz/l5IB2NVGNJWiH7h1E58IF2A==}
engines: {node: '>= 10.0.0'}
cpu: [x64]
os: [win32]
@@ -2061,8 +2061,8 @@ packages:
dev: true
optional: true
- /@parcel/watcher@2.4.0:
- resolution: {integrity: sha512-XJLGVL0DEclX5pcWa2N9SX1jCGTDd8l972biNooLFtjneuGqodupPQh6XseXIBBeVIMaaJ7bTcs3qGvXwsp4vg==}
+ /@parcel/watcher@2.4.1:
+ resolution: {integrity: sha512-HNjmfLQEVRZmHRET336f20H/8kOozUGwk7yajvsonjNxbj2wBTK1WsQuHkD5yYh9RxFGL2EyDHryOihOwUoKDA==}
engines: {node: '>= 10.0.0'}
dependencies:
detect-libc: 1.0.3
@@ -2070,24 +2070,24 @@ packages:
micromatch: 4.0.5
node-addon-api: 7.1.0
optionalDependencies:
- '@parcel/watcher-android-arm64': 2.4.0
- '@parcel/watcher-darwin-arm64': 2.4.0
- '@parcel/watcher-darwin-x64': 2.4.0
- '@parcel/watcher-freebsd-x64': 2.4.0
- '@parcel/watcher-linux-arm-glibc': 2.4.0
- '@parcel/watcher-linux-arm64-glibc': 2.4.0
- '@parcel/watcher-linux-arm64-musl': 2.4.0
- '@parcel/watcher-linux-x64-glibc': 2.4.0
- '@parcel/watcher-linux-x64-musl': 2.4.0
- '@parcel/watcher-win32-arm64': 2.4.0
- '@parcel/watcher-win32-ia32': 2.4.0
- '@parcel/watcher-win32-x64': 2.4.0
- dev: true
-
- /@pinia/nuxt@0.5.1(rollup@4.11.0)(typescript@5.3.3)(vue@3.4.19):
+ '@parcel/watcher-android-arm64': 2.4.1
+ '@parcel/watcher-darwin-arm64': 2.4.1
+ '@parcel/watcher-darwin-x64': 2.4.1
+ '@parcel/watcher-freebsd-x64': 2.4.1
+ '@parcel/watcher-linux-arm-glibc': 2.4.1
+ '@parcel/watcher-linux-arm64-glibc': 2.4.1
+ '@parcel/watcher-linux-arm64-musl': 2.4.1
+ '@parcel/watcher-linux-x64-glibc': 2.4.1
+ '@parcel/watcher-linux-x64-musl': 2.4.1
+ '@parcel/watcher-win32-arm64': 2.4.1
+ '@parcel/watcher-win32-ia32': 2.4.1
+ '@parcel/watcher-win32-x64': 2.4.1
+ dev: true
+
+ /@pinia/nuxt@0.5.1(rollup@4.12.0)(typescript@5.3.3)(vue@3.4.19):
resolution: {integrity: sha512-6wT6TqY81n+7/x3Yhf0yfaJVKkZU42AGqOR0T3+UvChcaOJhSma7OWPN64v+ptYlznat+fS1VTwNAcbi2lzHnw==}
dependencies:
- '@nuxt/kit': 3.10.2(rollup@4.11.0)
+ '@nuxt/kit': 3.10.3(rollup@4.12.0)
pinia: 2.1.7(typescript@5.3.3)(vue@3.4.19)
transitivePeerDependencies:
- '@vue/composition-api'
@@ -2140,7 +2140,7 @@ packages:
type-fest: 2.19.0
dev: true
- /@rollup/plugin-alias@5.1.0(rollup@4.11.0):
+ /@rollup/plugin-alias@5.1.0(rollup@4.12.0):
resolution: {integrity: sha512-lpA3RZ9PdIG7qqhEfv79tBffNaoDuukFDrmhLqg9ifv99u/ehn+lOg30x2zmhf8AQqQUZaMk/B9fZraQ6/acDQ==}
engines: {node: '>=14.0.0'}
peerDependencies:
@@ -2149,11 +2149,11 @@ packages:
rollup:
optional: true
dependencies:
- rollup: 4.11.0
+ rollup: 4.12.0
slash: 4.0.0
dev: true
- /@rollup/plugin-commonjs@25.0.7(rollup@4.11.0):
+ /@rollup/plugin-commonjs@25.0.7(rollup@4.12.0):
resolution: {integrity: sha512-nEvcR+LRjEjsaSsc4x3XZfCCvZIaSMenZu/OiwOKGN2UhQpAYI7ru7czFvyWbErlpoGjnSX3D5Ch5FcMA3kRWQ==}
engines: {node: '>=14.0.0'}
peerDependencies:
@@ -2162,16 +2162,16 @@ packages:
rollup:
optional: true
dependencies:
- '@rollup/pluginutils': 5.1.0(rollup@4.11.0)
+ '@rollup/pluginutils': 5.1.0(rollup@4.12.0)
commondir: 1.0.1
estree-walker: 2.0.2
glob: 8.1.0
is-reference: 1.2.1
magic-string: 0.30.7
- rollup: 4.11.0
+ rollup: 4.12.0
dev: true
- /@rollup/plugin-inject@5.0.5(rollup@4.11.0):
+ /@rollup/plugin-inject@5.0.5(rollup@4.12.0):
resolution: {integrity: sha512-2+DEJbNBoPROPkgTDNe8/1YXWcqxbN5DTjASVIOx8HS+pITXushyNiBV56RB08zuptzz8gT3YfkqriTBVycepg==}
engines: {node: '>=14.0.0'}
peerDependencies:
@@ -2180,13 +2180,13 @@ packages:
rollup:
optional: true
dependencies:
- '@rollup/pluginutils': 5.1.0(rollup@4.11.0)
+ '@rollup/pluginutils': 5.1.0(rollup@4.12.0)
estree-walker: 2.0.2
magic-string: 0.30.7
- rollup: 4.11.0
+ rollup: 4.12.0
dev: true
- /@rollup/plugin-json@6.1.0(rollup@4.11.0):
+ /@rollup/plugin-json@6.1.0(rollup@4.12.0):
resolution: {integrity: sha512-EGI2te5ENk1coGeADSIwZ7G2Q8CJS2sF120T7jLw4xFw9n7wIOXHo+kIYRAoVpJAN+kmqZSoO3Fp4JtoNF4ReA==}
engines: {node: '>=14.0.0'}
peerDependencies:
@@ -2195,11 +2195,11 @@ packages:
rollup:
optional: true
dependencies:
- '@rollup/pluginutils': 5.1.0(rollup@4.11.0)
- rollup: 4.11.0
+ '@rollup/pluginutils': 5.1.0(rollup@4.12.0)
+ rollup: 4.12.0
dev: true
- /@rollup/plugin-node-resolve@15.2.3(rollup@4.11.0):
+ /@rollup/plugin-node-resolve@15.2.3(rollup@4.12.0):
resolution: {integrity: sha512-j/lym8nf5E21LwBT4Df1VD6hRO2L2iwUeUmP7litikRsVp1H6NWx20NEp0Y7su+7XGc476GnXXc4kFeZNGmaSQ==}
engines: {node: '>=14.0.0'}
peerDependencies:
@@ -2208,16 +2208,16 @@ packages:
rollup:
optional: true
dependencies:
- '@rollup/pluginutils': 5.1.0(rollup@4.11.0)
+ '@rollup/pluginutils': 5.1.0(rollup@4.12.0)
'@types/resolve': 1.20.2
deepmerge: 4.3.1
is-builtin-module: 3.2.1
is-module: 1.0.0
resolve: 1.22.8
- rollup: 4.11.0
+ rollup: 4.12.0
dev: true
- /@rollup/plugin-replace@5.0.5(rollup@4.11.0):
+ /@rollup/plugin-replace@5.0.5(rollup@4.12.0):
resolution: {integrity: sha512-rYO4fOi8lMaTg/z5Jb+hKnrHHVn8j2lwkqwyS4kTRhKyWOLf2wST2sWXr4WzWiTcoHTp2sTjqUbqIj2E39slKQ==}
engines: {node: '>=14.0.0'}
peerDependencies:
@@ -2226,12 +2226,12 @@ packages:
rollup:
optional: true
dependencies:
- '@rollup/pluginutils': 5.1.0(rollup@4.11.0)
+ '@rollup/pluginutils': 5.1.0(rollup@4.12.0)
magic-string: 0.30.7
- rollup: 4.11.0
+ rollup: 4.12.0
dev: true
- /@rollup/plugin-terser@0.4.4(rollup@4.11.0):
+ /@rollup/plugin-terser@0.4.4(rollup@4.12.0):
resolution: {integrity: sha512-XHeJC5Bgvs8LfukDwWZp7yeqin6ns8RTl2B9avbejt6tZqsqvVoWI7ZTQrcNsfKEDWBTnTxM8nMDkO2IFFbd0A==}
engines: {node: '>=14.0.0'}
peerDependencies:
@@ -2240,13 +2240,13 @@ packages:
rollup:
optional: true
dependencies:
- rollup: 4.11.0
+ rollup: 4.12.0
serialize-javascript: 6.0.2
smob: 1.4.1
- terser: 5.27.1
+ terser: 5.28.1
dev: true
- /@rollup/plugin-wasm@6.2.2(rollup@4.11.0):
+ /@rollup/plugin-wasm@6.2.2(rollup@4.12.0):
resolution: {integrity: sha512-gpC4R1G9Ni92ZIRTexqbhX7U+9estZrbhP+9SRb0DW9xpB9g7j34r+J2hqrcW/lRI7dJaU84MxZM0Rt82tqYPQ==}
engines: {node: '>=14.0.0'}
peerDependencies:
@@ -2255,11 +2255,11 @@ packages:
rollup:
optional: true
dependencies:
- '@rollup/pluginutils': 5.1.0(rollup@4.11.0)
- rollup: 4.11.0
+ '@rollup/pluginutils': 5.1.0(rollup@4.12.0)
+ rollup: 4.12.0
dev: true
- /@rollup/plugin-yaml@4.1.2(rollup@4.11.0):
+ /@rollup/plugin-yaml@4.1.2(rollup@4.12.0):
resolution: {integrity: sha512-RpupciIeZMUqhgFE97ba0s98mOFS7CWzN3EJNhJkqSv9XLlWYtwVdtE6cDw6ASOF/sZVFS7kRJXftaqM2Vakdw==}
engines: {node: '>=14.0.0'}
peerDependencies:
@@ -2268,9 +2268,9 @@ packages:
rollup:
optional: true
dependencies:
- '@rollup/pluginutils': 5.1.0(rollup@4.11.0)
+ '@rollup/pluginutils': 5.1.0(rollup@4.12.0)
js-yaml: 4.1.0
- rollup: 4.11.0
+ rollup: 4.12.0
tosource: 2.0.0-alpha.3
dev: true
@@ -2282,7 +2282,7 @@ packages:
picomatch: 2.3.1
dev: true
- /@rollup/pluginutils@5.1.0(rollup@4.11.0):
+ /@rollup/pluginutils@5.1.0(rollup@4.12.0):
resolution: {integrity: sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==}
engines: {node: '>=14.0.0'}
peerDependencies:
@@ -2294,122 +2294,122 @@ packages:
'@types/estree': 1.0.5
estree-walker: 2.0.2
picomatch: 2.3.1
- rollup: 4.11.0
+ rollup: 4.12.0
dev: true
- /@rollup/rollup-android-arm-eabi@4.11.0:
- resolution: {integrity: sha512-BV+u2QSfK3i1o6FucqJh5IK9cjAU6icjFFhvknzFgu472jzl0bBojfDAkJLBEsHFMo+YZg6rthBvBBt8z12IBQ==}
+ /@rollup/rollup-android-arm-eabi@4.12.0:
+ resolution: {integrity: sha512-+ac02NL/2TCKRrJu2wffk1kZ+RyqxVUlbjSagNgPm94frxtr+XDL12E5Ll1enWskLrtrZ2r8L3wED1orIibV/w==}
cpu: [arm]
os: [android]
requiresBuild: true
dev: true
optional: true
- /@rollup/rollup-android-arm64@4.11.0:
- resolution: {integrity: sha512-0ij3iw7sT5jbcdXofWO2NqDNjSVVsf6itcAkV2I6Xsq4+6wjW1A8rViVB67TfBEan7PV2kbLzT8rhOVWLI2YXw==}
+ /@rollup/rollup-android-arm64@4.12.0:
+ resolution: {integrity: sha512-OBqcX2BMe6nvjQ0Nyp7cC90cnumt8PXmO7Dp3gfAju/6YwG0Tj74z1vKrfRz7qAv23nBcYM8BCbhrsWqO7PzQQ==}
cpu: [arm64]
os: [android]
requiresBuild: true
dev: true
optional: true
- /@rollup/rollup-darwin-arm64@4.11.0:
- resolution: {integrity: sha512-yPLs6RbbBMupArf6qv1UDk6dzZvlH66z6NLYEwqTU0VHtss1wkI4UYeeMS7TVj5QRVvaNAWYKP0TD/MOeZ76Zg==}
+ /@rollup/rollup-darwin-arm64@4.12.0:
+ resolution: {integrity: sha512-X64tZd8dRE/QTrBIEs63kaOBG0b5GVEd3ccoLtyf6IdXtHdh8h+I56C2yC3PtC9Ucnv0CpNFJLqKFVgCYe0lOQ==}
cpu: [arm64]
os: [darwin]
requiresBuild: true
dev: true
optional: true
- /@rollup/rollup-darwin-x64@4.11.0:
- resolution: {integrity: sha512-OvqIgwaGAwnASzXaZEeoJY3RltOFg+WUbdkdfoluh2iqatd090UeOG3A/h0wNZmE93dDew9tAtXgm3/+U/B6bw==}
+ /@rollup/rollup-darwin-x64@4.12.0:
+ resolution: {integrity: sha512-cc71KUZoVbUJmGP2cOuiZ9HSOP14AzBAThn3OU+9LcA1+IUqswJyR1cAJj3Mg55HbjZP6OLAIscbQsQLrpgTOg==}
cpu: [x64]
os: [darwin]
requiresBuild: true
dev: true
optional: true
- /@rollup/rollup-linux-arm-gnueabihf@4.11.0:
- resolution: {integrity: sha512-X17s4hZK3QbRmdAuLd2EE+qwwxL8JxyVupEqAkxKPa/IgX49ZO+vf0ka69gIKsaYeo6c1CuwY3k8trfDtZ9dFg==}
+ /@rollup/rollup-linux-arm-gnueabihf@4.12.0:
+ resolution: {integrity: sha512-a6w/Y3hyyO6GlpKL2xJ4IOh/7d+APaqLYdMf86xnczU3nurFTaVN9s9jOXQg97BE4nYm/7Ga51rjec5nfRdrvA==}
cpu: [arm]
os: [linux]
requiresBuild: true
dev: true
optional: true
- /@rollup/rollup-linux-arm64-gnu@4.11.0:
- resolution: {integrity: sha512-673Lu9EJwxVB9NfYeA4AdNu0FOHz7g9t6N1DmT7bZPn1u6bTF+oZjj+fuxUcrfxWXE0r2jxl5QYMa9cUOj9NFg==}
+ /@rollup/rollup-linux-arm64-gnu@4.12.0:
+ resolution: {integrity: sha512-0fZBq27b+D7Ar5CQMofVN8sggOVhEtzFUwOwPppQt0k+VR+7UHMZZY4y+64WJ06XOhBTKXtQB/Sv0NwQMXyNAA==}
cpu: [arm64]
os: [linux]
requiresBuild: true
dev: true
optional: true
- /@rollup/rollup-linux-arm64-musl@4.11.0:
- resolution: {integrity: sha512-yFW2msTAQNpPJaMmh2NpRalr1KXI7ZUjlN6dY/FhWlOclMrZezm5GIhy3cP4Ts2rIAC+IPLAjNibjp1BsxCVGg==}
+ /@rollup/rollup-linux-arm64-musl@4.12.0:
+ resolution: {integrity: sha512-eTvzUS3hhhlgeAv6bfigekzWZjaEX9xP9HhxB0Dvrdbkk5w/b+1Sxct2ZuDxNJKzsRStSq1EaEkVSEe7A7ipgQ==}
cpu: [arm64]
os: [linux]
requiresBuild: true
dev: true
optional: true
- /@rollup/rollup-linux-riscv64-gnu@4.11.0:
- resolution: {integrity: sha512-kKT9XIuhbvYgiA3cPAGntvrBgzhWkGpBMzuk1V12Xuoqg7CI41chye4HU0vLJnGf9MiZzfNh4I7StPeOzOWJfA==}
+ /@rollup/rollup-linux-riscv64-gnu@4.12.0:
+ resolution: {integrity: sha512-ix+qAB9qmrCRiaO71VFfY8rkiAZJL8zQRXveS27HS+pKdjwUfEhqo2+YF2oI+H/22Xsiski+qqwIBxVewLK7sw==}
cpu: [riscv64]
os: [linux]
requiresBuild: true
dev: true
optional: true
- /@rollup/rollup-linux-x64-gnu@4.11.0:
- resolution: {integrity: sha512-6q4ESWlyTO+erp1PSCmASac+ixaDv11dBk1fqyIuvIUc/CmRAX2Zk+2qK1FGo5q7kyDcjHCFVwgGFCGIZGVwCA==}
+ /@rollup/rollup-linux-x64-gnu@4.12.0:
+ resolution: {integrity: sha512-TenQhZVOtw/3qKOPa7d+QgkeM6xY0LtwzR8OplmyL5LrgTWIXpTQg2Q2ycBf8jm+SFW2Wt/DTn1gf7nFp3ssVA==}
cpu: [x64]
os: [linux]
requiresBuild: true
dev: true
optional: true
- /@rollup/rollup-linux-x64-musl@4.11.0:
- resolution: {integrity: sha512-vIAQUmXeMLmaDN78HSE4Kh6xqof2e3TJUKr+LPqXWU4NYNON0MDN9h2+t4KHrPAQNmU3w1GxBQ/n01PaWFwa5w==}
+ /@rollup/rollup-linux-x64-musl@4.12.0:
+ resolution: {integrity: sha512-LfFdRhNnW0zdMvdCb5FNuWlls2WbbSridJvxOvYWgSBOYZtgBfW9UGNJG//rwMqTX1xQE9BAodvMH9tAusKDUw==}
cpu: [x64]
os: [linux]
requiresBuild: true
dev: true
optional: true
- /@rollup/rollup-win32-arm64-msvc@4.11.0:
- resolution: {integrity: sha512-LVXo9dDTGPr0nezMdqa1hK4JeoMZ02nstUxGYY/sMIDtTYlli1ZxTXBYAz3vzuuvKO4X6NBETciIh7N9+abT1g==}
+ /@rollup/rollup-win32-arm64-msvc@4.12.0:
+ resolution: {integrity: sha512-JPDxovheWNp6d7AHCgsUlkuCKvtu3RB55iNEkaQcf0ttsDU/JZF+iQnYcQJSk/7PtT4mjjVG8N1kpwnI9SLYaw==}
cpu: [arm64]
os: [win32]
requiresBuild: true
dev: true
optional: true
- /@rollup/rollup-win32-ia32-msvc@4.11.0:
- resolution: {integrity: sha512-xZVt6K70Gr3I7nUhug2dN6VRR1ibot3rXqXS3wo+8JP64t7djc3lBFyqO4GiVrhNaAIhUCJtwQ/20dr0h0thmQ==}
+ /@rollup/rollup-win32-ia32-msvc@4.12.0:
+ resolution: {integrity: sha512-fjtuvMWRGJn1oZacG8IPnzIV6GF2/XG+h71FKn76OYFqySXInJtseAqdprVTDTyqPxQOG9Exak5/E9Z3+EJ8ZA==}
cpu: [ia32]
os: [win32]
requiresBuild: true
dev: true
optional: true
- /@rollup/rollup-win32-x64-msvc@4.11.0:
- resolution: {integrity: sha512-f3I7h9oTg79UitEco9/2bzwdciYkWr8pITs3meSDSlr1TdvQ7IxkQaaYN2YqZXX5uZhiYL+VuYDmHwNzhx+HOg==}
+ /@rollup/rollup-win32-x64-msvc@4.12.0:
+ resolution: {integrity: sha512-ZYmr5mS2wd4Dew/JjT0Fqi2NPB/ZhZ2VvPp7SmvPZb4Y1CG/LRcS6tcRo2cYU7zLK5A7cdbhWnnWmUjoI4qapg==}
cpu: [x64]
os: [win32]
requiresBuild: true
dev: true
optional: true
- /@sfxcode/formkit-primevue@1.7.1(typescript@5.3.3)(vue@3.4.19):
- resolution: {integrity: sha512-S3d/ytzDFrT5ea5H+dXQCzOUp7Zo3jcsiD4B2d3BldWn8nVm2r97GSg5uRevm/4H+B/CkDMfJzkvEt4Q9oJgBg==}
+ /@sfxcode/formkit-primevue@1.7.4(typescript@5.3.3)(vue@3.4.19):
+ resolution: {integrity: sha512-KhDf8DODS9Nx2t+Klf0AkwF2jb3VgVcFodAlhztHA4q//y4OEGYcpUuytDSfyeCssKgUgIz1EOnTtEJBJ7j6mA==}
dependencies:
'@formkit/addons': 1.5.9
'@formkit/i18n': 1.5.9
'@formkit/vue': 1.5.9(typescript@5.3.3)
add: 2.0.6
primeicons: 6.0.1
- primevue: 3.48.1(vue@3.4.19)
+ primevue: 3.49.0(vue@3.4.19)
transitivePeerDependencies:
- tailwindcss
- typescript
@@ -2418,14 +2418,14 @@ packages:
- windicss
dev: true
- /@shikijs/core@1.1.2:
- resolution: {integrity: sha512-ERVzNQz88ZkDqUpWeC57Kp+Kmx5RjqeDBR1M8AGWGom4yrkITiTfXCGmjchlDSw12MhDTuPYR4HVFW8uT61RaQ==}
+ /@shikijs/core@1.1.7:
+ resolution: {integrity: sha512-gTYLUIuD1UbZp/11qozD3fWpUTuMqPSf3svDMMrL0UmlGU7D9dPw/V1FonwAorCUJBltaaESxq90jrSjQyGixg==}
dev: true
- /@shikijs/transformers@1.1.2:
- resolution: {integrity: sha512-tldkUMW7RBkU2F6eXbiRMw3ja+hQer1EjwhD2NGOv6K0pgZdVp3JKjU8uisRtg65tyBqrVHq7zlLHVk7EKmUZA==}
+ /@shikijs/transformers@1.1.7:
+ resolution: {integrity: sha512-lXz011ao4+rvweps/9h3CchBfzb1U5OtP5D51Tqc9lQYdLblWMIxQxH6Ybe1GeGINcEVM4goMyPrI0JvlIp4UQ==}
dependencies:
- shiki: 1.1.2
+ shiki: 1.1.7
dev: true
/@sigstore/bundle@2.2.0:
@@ -2485,8 +2485,8 @@ packages:
engines: {node: '>=10'}
dev: true
- /@sindresorhus/merge-streams@2.2.1:
- resolution: {integrity: sha512-255V7MMIKw6aQ43Wbqp9HZ+VHn6acddERTLiiLnlcPLU9PdTq9Aijl12oklAgUEblLWye+vHLzmqBx6f2TGcZw==}
+ /@sindresorhus/merge-streams@2.3.0:
+ resolution: {integrity: sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==}
engines: {node: '>=18'}
dev: true
@@ -2494,216 +2494,216 @@ packages:
resolution: {integrity: sha512-+9jVqKhRSpsc591z5vX+X5Yyw+he/HCB4iQ/RYxw35CEPaY1gnsNE43nf9n9AaYjAQrTiI/mOwKUKdUs9vf7Xg==}
dev: true
- /@tiptap/core@2.2.3(@tiptap/pm@2.2.3):
- resolution: {integrity: sha512-0l3p1/cuaQk8XFf+Ft/ExbUjReGes5Iep7y4nuL/Fzi2S92DZzozY6cosXBHC/Xsqzn6zIkl/gnQTgmTvlmhCQ==}
+ /@tiptap/core@2.2.4(@tiptap/pm@2.2.4):
+ resolution: {integrity: sha512-cRrI8IlLIhCE1hacBQzXIC8dsRvGq6a4lYWQK/BaHuZg21CG7szp3Vd8Ix+ra1f5v0xPOT+Hy+QFNQooRMKMCw==}
peerDependencies:
'@tiptap/pm': ^2.0.0
dependencies:
- '@tiptap/pm': 2.2.3
+ '@tiptap/pm': 2.2.4
dev: true
- /@tiptap/extension-blockquote@2.2.3(@tiptap/core@2.2.3):
- resolution: {integrity: sha512-gN23d/ADhTOB0YIM4lR0VrVczdyaXpmIVYYWZ45tQEVJzFWRSIScE9m9NaVqtqwEMpYHyTHxLth0OQutZ91sog==}
+ /@tiptap/extension-blockquote@2.2.4(@tiptap/core@2.2.4):
+ resolution: {integrity: sha512-FrfPnn0VgVrUwWLwja1afX99JGLp6PE9ThVcmri+tLwUZQvTTVcCvHoCdOakav3/nge1+aV4iE3tQdyq1tWI9Q==}
peerDependencies:
'@tiptap/core': ^2.0.0
dependencies:
- '@tiptap/core': 2.2.3(@tiptap/pm@2.2.3)
+ '@tiptap/core': 2.2.4(@tiptap/pm@2.2.4)
dev: true
- /@tiptap/extension-bold@2.2.3(@tiptap/core@2.2.3):
- resolution: {integrity: sha512-bHeFkRY5+Nf2DKupstV8EIVn359tw/9MFwDEDoF9F+Sn/vjuS35vm0OqjXYg/Ya9CQvwl/2oym/fKv5kO+Q6og==}
+ /@tiptap/extension-bold@2.2.4(@tiptap/core@2.2.4):
+ resolution: {integrity: sha512-v3tTLc8YESFZPOGj5ByFr8VbmQ/PTo49T1vsK50VubxIN/5r9cXlKH8kb3dZlZxCxJa3FrXNO/M8rdGBSWQvSg==}
peerDependencies:
'@tiptap/core': ^2.0.0
dependencies:
- '@tiptap/core': 2.2.3(@tiptap/pm@2.2.3)
+ '@tiptap/core': 2.2.4(@tiptap/pm@2.2.4)
dev: true
- /@tiptap/extension-bubble-menu@2.2.3(@tiptap/core@2.2.3)(@tiptap/pm@2.2.3):
- resolution: {integrity: sha512-6ybColxLznGilzOY/yk3KcpV4JQy+QDDW6Za6zWV6OEs9D8I8VUeMAS77isMMc1dffvHfmgZpVZm/lsva8UuCw==}
+ /@tiptap/extension-bubble-menu@2.2.4(@tiptap/core@2.2.4)(@tiptap/pm@2.2.4):
+ resolution: {integrity: sha512-Nx1fS9jcFlhxaTDYlnayz2UulhK6CMaePc36+7PQIVI+u20RhgTCRNr25zKNemvsiM0RPZZVUjlHkxC0l5as1Q==}
peerDependencies:
'@tiptap/core': ^2.0.0
'@tiptap/pm': ^2.0.0
dependencies:
- '@tiptap/core': 2.2.3(@tiptap/pm@2.2.3)
- '@tiptap/pm': 2.2.3
+ '@tiptap/core': 2.2.4(@tiptap/pm@2.2.4)
+ '@tiptap/pm': 2.2.4
tippy.js: 6.3.7
dev: true
- /@tiptap/extension-bullet-list@2.2.3(@tiptap/core@2.2.3):
- resolution: {integrity: sha512-BpYg1pIfLE+2LTC90ts53deEWGSmAojhM/jJ84U19qfbfXt/7/KHrZJ4SAMxJSW3pLpy0bIq2XuOuvppOYVR5g==}
+ /@tiptap/extension-bullet-list@2.2.4(@tiptap/core@2.2.4):
+ resolution: {integrity: sha512-z/MPmW8bhRougMuorl6MAQBXeK4rhlP+jBWlNwT+CT8h5IkXqPnDbM1sZeagp2nYfVV6Yc4RWpzimqHHtGnYTA==}
peerDependencies:
'@tiptap/core': ^2.0.0
dependencies:
- '@tiptap/core': 2.2.3(@tiptap/pm@2.2.3)
+ '@tiptap/core': 2.2.4(@tiptap/pm@2.2.4)
dev: true
- /@tiptap/extension-code-block@2.2.3(@tiptap/core@2.2.3)(@tiptap/pm@2.2.3):
- resolution: {integrity: sha512-1xFM2Aj/JEWAT1PWjQ/7hEVmo1Av6JHxTANxMIjXUcmrMJkXDA+BQ7yItlwrrHxY0SJdxBbR/WWFn4dWIxd7iA==}
+ /@tiptap/extension-code-block@2.2.4(@tiptap/core@2.2.4)(@tiptap/pm@2.2.4):
+ resolution: {integrity: sha512-h6WV9TmaBEZmvqe1ezMR83DhCPUap6P2mSR5pwVk0WVq6rvZjfgU0iF3EetBJOeDgPlz7cNe2NMDfVb1nGTM/g==}
peerDependencies:
'@tiptap/core': ^2.0.0
'@tiptap/pm': ^2.0.0
dependencies:
- '@tiptap/core': 2.2.3(@tiptap/pm@2.2.3)
- '@tiptap/pm': 2.2.3
+ '@tiptap/core': 2.2.4(@tiptap/pm@2.2.4)
+ '@tiptap/pm': 2.2.4
dev: true
- /@tiptap/extension-code@2.2.3(@tiptap/core@2.2.3):
- resolution: {integrity: sha512-ZMp3CrbAV+PVOnPbGmruvlxFENLc+J/Fos8Y4mWvS1nDbrGuu19OKgKimwdzfDBpZVFVnHpEUnDTMBDzDe0hkg==}
+ /@tiptap/extension-code@2.2.4(@tiptap/core@2.2.4):
+ resolution: {integrity: sha512-JB4SJ2mUU/9qXFUf+K5K9szvovnN9AIcCb0f0UlcVBuddKHSqCl3wO3QJgYt44BfQTLMNuyzr+zVqfFd6BNt/g==}
peerDependencies:
'@tiptap/core': ^2.0.0
dependencies:
- '@tiptap/core': 2.2.3(@tiptap/pm@2.2.3)
+ '@tiptap/core': 2.2.4(@tiptap/pm@2.2.4)
dev: true
- /@tiptap/extension-document@2.2.3(@tiptap/core@2.2.3):
- resolution: {integrity: sha512-60Egd9yKb5SzpQlstQAP2A/2a/Qr+A+TblMRKZugrT+NENUhAj6Tx1HxWlblqGu2MsS1iXvQLZ6BQO1jHkL2IQ==}
+ /@tiptap/extension-document@2.2.4(@tiptap/core@2.2.4):
+ resolution: {integrity: sha512-z+05xGK0OFoXV1GL+/8bzcZuWMdMA3+EKwk5c+iziG60VZcvGTF7jBRsZidlu9Oaj0cDwWHCeeo6L9SgSh6i2A==}
peerDependencies:
'@tiptap/core': ^2.0.0
dependencies:
- '@tiptap/core': 2.2.3(@tiptap/pm@2.2.3)
+ '@tiptap/core': 2.2.4(@tiptap/pm@2.2.4)
dev: true
- /@tiptap/extension-dropcursor@2.2.3(@tiptap/core@2.2.3)(@tiptap/pm@2.2.3):
- resolution: {integrity: sha512-SFvxgVX8/l3H+fV1q6dwmVEwlHuGbaKp1pkQb16/cDiWke/AWOBFTGOIVDfulLI5IiRIL7u3uc+Fy7BXrGDqQw==}
+ /@tiptap/extension-dropcursor@2.2.4(@tiptap/core@2.2.4)(@tiptap/pm@2.2.4):
+ resolution: {integrity: sha512-IHwkEKmqpqXyJi16h7871NrcIqeyN7I6XRE2qdqi+MhGigVWI8nWHoYbjRKa7K/1uhs5zeRYyDlq5EuZyL6mgA==}
peerDependencies:
'@tiptap/core': ^2.0.0
'@tiptap/pm': ^2.0.0
dependencies:
- '@tiptap/core': 2.2.3(@tiptap/pm@2.2.3)
- '@tiptap/pm': 2.2.3
+ '@tiptap/core': 2.2.4(@tiptap/pm@2.2.4)
+ '@tiptap/pm': 2.2.4
dev: true
- /@tiptap/extension-floating-menu@2.2.3(@tiptap/core@2.2.3)(@tiptap/pm@2.2.3):
- resolution: {integrity: sha512-ZeQGmIFNImhu/zzn//Xzupwa82j2vIwiMoviX2zd+2DutoFnm4qRIAU6qpjzV+ZOSHAq3aBMGnYwEAY6vl4f3g==}
+ /@tiptap/extension-floating-menu@2.2.4(@tiptap/core@2.2.4)(@tiptap/pm@2.2.4):
+ resolution: {integrity: sha512-U25l7PEzOmlAPugNRl8t8lqyhQZS6W/+3f92+FdwW9qXju3i62iX/3OGCC3Gv+vybmQ4fbZmMjvl+VDfenNi3A==}
peerDependencies:
'@tiptap/core': ^2.0.0
'@tiptap/pm': ^2.0.0
dependencies:
- '@tiptap/core': 2.2.3(@tiptap/pm@2.2.3)
- '@tiptap/pm': 2.2.3
+ '@tiptap/core': 2.2.4(@tiptap/pm@2.2.4)
+ '@tiptap/pm': 2.2.4
tippy.js: 6.3.7
dev: true
- /@tiptap/extension-gapcursor@2.2.3(@tiptap/core@2.2.3)(@tiptap/pm@2.2.3):
- resolution: {integrity: sha512-zPVpxembkuOQL/eJ5oAjvZ9Tyv480OpViKrNtOsQh+0nZctmWKnfDntMoWBZiSeW1vsGjkeFIckdeEAQ1KbIxA==}
+ /@tiptap/extension-gapcursor@2.2.4(@tiptap/core@2.2.4)(@tiptap/pm@2.2.4):
+ resolution: {integrity: sha512-Y6htT/RDSqkQ1UwG2Ia+rNVRvxrKPOs3RbqKHPaWr3vbFWwhHyKhMCvi/FqfI3d5pViVHOZQ7jhb5hT/a0BmNw==}
peerDependencies:
'@tiptap/core': ^2.0.0
'@tiptap/pm': ^2.0.0
dependencies:
- '@tiptap/core': 2.2.3(@tiptap/pm@2.2.3)
- '@tiptap/pm': 2.2.3
+ '@tiptap/core': 2.2.4(@tiptap/pm@2.2.4)
+ '@tiptap/pm': 2.2.4
dev: true
- /@tiptap/extension-hard-break@2.2.3(@tiptap/core@2.2.3):
- resolution: {integrity: sha512-P7sP4WBEaQyiiFAswy9lKvaUWUAUwnfTSN3svTAgx0fpU3/ZeVWg+SDi5ve474Ym2oz2eRAr09mNTdWEUsL32Q==}
+ /@tiptap/extension-hard-break@2.2.4(@tiptap/core@2.2.4):
+ resolution: {integrity: sha512-FPvS57GcqHIeLbPKGJa3gnH30Xw+YB1PXXnAWG2MpnMtc2Vtj1l5xaYYBZB+ADdXLAlU0YMbKhFLQO4+pg1Isg==}
peerDependencies:
'@tiptap/core': ^2.0.0
dependencies:
- '@tiptap/core': 2.2.3(@tiptap/pm@2.2.3)
+ '@tiptap/core': 2.2.4(@tiptap/pm@2.2.4)
dev: true
- /@tiptap/extension-heading@2.2.3(@tiptap/core@2.2.3):
- resolution: {integrity: sha512-7atctuvtwPqIAdnBPOhAMsJZd41UPnWN3CktzgzfsfEoplq/86QR1hGIE4JXVB2wAZDmbnKP9Fe8PCNr7Q8JCQ==}
+ /@tiptap/extension-heading@2.2.4(@tiptap/core@2.2.4):
+ resolution: {integrity: sha512-gkq7Ns2FcrOCRq7Q+VRYt5saMt2R9g4REAtWy/jEevJ5UV5vA2AiGnYDmxwAkHutoYU0sAUkjqx37wE0wpamNw==}
peerDependencies:
'@tiptap/core': ^2.0.0
dependencies:
- '@tiptap/core': 2.2.3(@tiptap/pm@2.2.3)
+ '@tiptap/core': 2.2.4(@tiptap/pm@2.2.4)
dev: true
- /@tiptap/extension-highlight@2.2.3(@tiptap/core@2.2.3):
- resolution: {integrity: sha512-3K9WbrR2WCYq7a/2JSQi5K2zzG/5ebNfTOXyDcT3kn5B5PutyWuDCzqjkPxGXmkf8yEZTQ9Sn2lQPRMG3sNwFw==}
+ /@tiptap/extension-highlight@2.2.4(@tiptap/core@2.2.4):
+ resolution: {integrity: sha512-GGl6ehKQ0Q0gGgUQhkWg2XYPfhVU5c0JD3NHzV4OrBP6JAtFeMYeSLdfYzFcmoYnGafvSZaJ3NukUvnDHZGzRg==}
peerDependencies:
'@tiptap/core': ^2.0.0
dependencies:
- '@tiptap/core': 2.2.3(@tiptap/pm@2.2.3)
+ '@tiptap/core': 2.2.4(@tiptap/pm@2.2.4)
dev: true
- /@tiptap/extension-history@2.2.3(@tiptap/core@2.2.3)(@tiptap/pm@2.2.3):
- resolution: {integrity: sha512-S1TUfLtrasyv4zFNlBL302uYaR4wxqR/T36a4d71c0ozr0PsdVc6/f9lfH4aYw4PmS3fzDwJj0PAJ9bb+qDbPw==}
+ /@tiptap/extension-history@2.2.4(@tiptap/core@2.2.4)(@tiptap/pm@2.2.4):
+ resolution: {integrity: sha512-FDM32XYF5NU4mzh+fJ8w2CyUqv0l2Nl15sd6fOhQkVxSj8t57z+DUXc9ZR3zkH+1RAagYJo/2Gu3e99KpMr0tg==}
peerDependencies:
'@tiptap/core': ^2.0.0
'@tiptap/pm': ^2.0.0
dependencies:
- '@tiptap/core': 2.2.3(@tiptap/pm@2.2.3)
- '@tiptap/pm': 2.2.3
+ '@tiptap/core': 2.2.4(@tiptap/pm@2.2.4)
+ '@tiptap/pm': 2.2.4
dev: true
- /@tiptap/extension-horizontal-rule@2.2.3(@tiptap/core@2.2.3)(@tiptap/pm@2.2.3):
- resolution: {integrity: sha512-pc0J0hBcvj9ymJkFau1W/3L+OhB1PQzMjsx4ZWJvxURL8U7zdDqvYvJjfCA0i5Qw2ZuSVXFACGbEVr6NoCMRAw==}
+ /@tiptap/extension-horizontal-rule@2.2.4(@tiptap/core@2.2.4)(@tiptap/pm@2.2.4):
+ resolution: {integrity: sha512-iCRHjFQQHApWg3R4fkKkJQhWEOdu1Fdc4YEAukdOXPSg3fg36IwjvsMXjt9SYBtVZ+iio3rORCZGXyMvgCH9uw==}
peerDependencies:
'@tiptap/core': ^2.0.0
'@tiptap/pm': ^2.0.0
dependencies:
- '@tiptap/core': 2.2.3(@tiptap/pm@2.2.3)
- '@tiptap/pm': 2.2.3
+ '@tiptap/core': 2.2.4(@tiptap/pm@2.2.4)
+ '@tiptap/pm': 2.2.4
dev: true
- /@tiptap/extension-italic@2.2.3(@tiptap/core@2.2.3):
- resolution: {integrity: sha512-SSsFuRnm4Y4Qnc6EuvmA4iarLCt/sg8qkqCKiNPjDUP5JR8HGESeoYVjQzprLHY8jusT9qoC26TP1Sin5vZmWQ==}
+ /@tiptap/extension-italic@2.2.4(@tiptap/core@2.2.4):
+ resolution: {integrity: sha512-qIhGNvWnsQswSgEMRA8jQQjxfkOGNAuNWKEVQX9DPoqAUgknT41hQcAMP8L2+OdACpb2jbVMOO5Cy5Dof2L8/w==}
peerDependencies:
'@tiptap/core': ^2.0.0
dependencies:
- '@tiptap/core': 2.2.3(@tiptap/pm@2.2.3)
+ '@tiptap/core': 2.2.4(@tiptap/pm@2.2.4)
dev: true
- /@tiptap/extension-list-item@2.2.3(@tiptap/core@2.2.3):
- resolution: {integrity: sha512-eyfk4f1jOioj+mkIN2m6XQK61MpV0fi17utt8VNx893Td8kS0g7HHuuYMwyjIRtG35ENUaAt7c216JQwnLsrAw==}
+ /@tiptap/extension-list-item@2.2.4(@tiptap/core@2.2.4):
+ resolution: {integrity: sha512-lPLKGKsHpM9ClUa8n7GEUn8pG6HCYU0vFruIy3l2t6jZdHkrgBnYtVGMZ13K8UDnj/hlAlccxku0D0P4mA1Vrg==}
peerDependencies:
'@tiptap/core': ^2.0.0
dependencies:
- '@tiptap/core': 2.2.3(@tiptap/pm@2.2.3)
+ '@tiptap/core': 2.2.4(@tiptap/pm@2.2.4)
dev: true
- /@tiptap/extension-ordered-list@2.2.3(@tiptap/core@2.2.3):
- resolution: {integrity: sha512-YIWpjkHAJN74tY185ZqatlG4+KbXQOdkJpc5cKWqO89gVWLi7+4xwdeeXbTEG64/LOOWS4Q6r1/EJmDy2FCbyA==}
+ /@tiptap/extension-ordered-list@2.2.4(@tiptap/core@2.2.4):
+ resolution: {integrity: sha512-TpFy140O9Af1JciXt+xwqYUXxcJ6YG8zi/B5UDJujp+FH5sCmlYYBBnWxiFMhVaj6yEmA2eafu1qUkic/1X5Aw==}
peerDependencies:
'@tiptap/core': ^2.0.0
dependencies:
- '@tiptap/core': 2.2.3(@tiptap/pm@2.2.3)
+ '@tiptap/core': 2.2.4(@tiptap/pm@2.2.4)
dev: true
- /@tiptap/extension-paragraph@2.2.3(@tiptap/core@2.2.3):
- resolution: {integrity: sha512-4dP+Ecb2iEWW33ckFKjXRnSfEygaFUN19qzc7mUYD8e61ZA8caWL6//uL7DFIz4Q1rchyefbU52gCwTh2P42kQ==}
+ /@tiptap/extension-paragraph@2.2.4(@tiptap/core@2.2.4):
+ resolution: {integrity: sha512-m1KwyvTNJxsq7StbspbcOhxO4Wk4YpElDbqOouWi+H4c8azdpI5Pn96ZqhFeE9bSyjByg6OcB/wqoJsLbeFWdQ==}
peerDependencies:
'@tiptap/core': ^2.0.0
dependencies:
- '@tiptap/core': 2.2.3(@tiptap/pm@2.2.3)
+ '@tiptap/core': 2.2.4(@tiptap/pm@2.2.4)
dev: true
- /@tiptap/extension-strike@2.2.3(@tiptap/core@2.2.3):
- resolution: {integrity: sha512-3wwFk01ociZajRzD08hp4j/4isFUeD6BIkKPDnZeGD5HKPdTOaDciE3dJ3JaZZrRZPPdPV3yMt5hkBOapqEKzQ==}
+ /@tiptap/extension-strike@2.2.4(@tiptap/core@2.2.4):
+ resolution: {integrity: sha512-/a2EwQgA+PpG17V2tVRspcrIY0SN3blwcgM7lxdW4aucGkqSKnf7+91dkhQEwCZ//o8kv9mBCyRoCUcGy6S5Xg==}
peerDependencies:
'@tiptap/core': ^2.0.0
dependencies:
- '@tiptap/core': 2.2.3(@tiptap/pm@2.2.3)
+ '@tiptap/core': 2.2.4(@tiptap/pm@2.2.4)
dev: true
- /@tiptap/extension-text-align@2.2.3(@tiptap/core@2.2.3):
- resolution: {integrity: sha512-Di/nNTlWsd9LW2NYUg80MkwDnDy9E8H2o2m8Vi/FgvCvDikDr/VD2+AD37SfJMxAjiPFqhJJMyci3vY2Yenv0g==}
+ /@tiptap/extension-text-align@2.2.4(@tiptap/core@2.2.4):
+ resolution: {integrity: sha512-iojhpsv3n/r4g/4wMFl1d85RloWrAV3TRUJluurPQZJdrJ7ynJ2fiPqmigAXyaYAJ3+a1ryu9JPlktT9RdYO/A==}
peerDependencies:
'@tiptap/core': ^2.0.0
dependencies:
- '@tiptap/core': 2.2.3(@tiptap/pm@2.2.3)
+ '@tiptap/core': 2.2.4(@tiptap/pm@2.2.4)
dev: true
- /@tiptap/extension-text-style@2.2.3(@tiptap/core@2.2.3):
- resolution: {integrity: sha512-23OGAX0GFXY3CBlrsgqgWTw2G6RNPao4O8FV/Ryvo2ckSI58ITOgXQtt6pejk424RAFVolHUKob36VGfC7RRGw==}
+ /@tiptap/extension-text-style@2.2.4(@tiptap/core@2.2.4):
+ resolution: {integrity: sha512-8Mcxy+HUHPUgK7bOv34m8zhbhzPm6f1/hgbgwz9m+Oel7MNPElsMXtxxygbwtr7Hbj6S4NBoBl/Ir4BkziYRbQ==}
peerDependencies:
'@tiptap/core': ^2.0.0
dependencies:
- '@tiptap/core': 2.2.3(@tiptap/pm@2.2.3)
+ '@tiptap/core': 2.2.4(@tiptap/pm@2.2.4)
dev: true
- /@tiptap/extension-text@2.2.3(@tiptap/core@2.2.3):
- resolution: {integrity: sha512-BrWGCkmuzVcsNy7dSCfJyVwedPzeNz6BR/OUNzM8Mqt2KSxfoIRy7cg16HvFB4YW+ijrM9XUqDIFvqYI0TY+Jg==}
+ /@tiptap/extension-text@2.2.4(@tiptap/core@2.2.4):
+ resolution: {integrity: sha512-NlKHMPnRJXB+0AGtDlU0P2Pg+SdesA2lMMd7JzDUgJgL7pX2jOb8eUqSeOjFKuSzFSqYfH6C3o6mQiNhuQMv+g==}
peerDependencies:
'@tiptap/core': ^2.0.0
dependencies:
- '@tiptap/core': 2.2.3(@tiptap/pm@2.2.3)
+ '@tiptap/core': 2.2.4(@tiptap/pm@2.2.4)
dev: true
- /@tiptap/pm@2.2.3:
- resolution: {integrity: sha512-jYZX+0fjN+a1J8qY72Poz1LK6X6oHVQkJIq6qzcx3rm0voYZNVRzP2GIfzstncZiEqRXABHY3mWfOi2I4K9tQA==}
+ /@tiptap/pm@2.2.4:
+ resolution: {integrity: sha512-Po0klR165zgtinhVp1nwMubjyKx6gAY9kH3IzcniYLCkqhPgiqnAcCr61TBpp4hfK8YURBS4ihvCB1dyfCyY8A==}
dependencies:
prosemirror-changeset: 2.2.1
prosemirror-collab: 1.3.1
@@ -2725,43 +2725,43 @@ packages:
prosemirror-view: 1.33.1
dev: true
- /@tiptap/starter-kit@2.2.3(@tiptap/pm@2.2.3):
- resolution: {integrity: sha512-Jx+QXz0SE1y+j498TqYEJcjbIV9YSMwcuIJQ04q8KqHuSmZrq9B22Qa4d0fpcM7uL7dLI4AcRrcqaOuIahCJYQ==}
- dependencies:
- '@tiptap/core': 2.2.3(@tiptap/pm@2.2.3)
- '@tiptap/extension-blockquote': 2.2.3(@tiptap/core@2.2.3)
- '@tiptap/extension-bold': 2.2.3(@tiptap/core@2.2.3)
- '@tiptap/extension-bullet-list': 2.2.3(@tiptap/core@2.2.3)
- '@tiptap/extension-code': 2.2.3(@tiptap/core@2.2.3)
- '@tiptap/extension-code-block': 2.2.3(@tiptap/core@2.2.3)(@tiptap/pm@2.2.3)
- '@tiptap/extension-document': 2.2.3(@tiptap/core@2.2.3)
- '@tiptap/extension-dropcursor': 2.2.3(@tiptap/core@2.2.3)(@tiptap/pm@2.2.3)
- '@tiptap/extension-gapcursor': 2.2.3(@tiptap/core@2.2.3)(@tiptap/pm@2.2.3)
- '@tiptap/extension-hard-break': 2.2.3(@tiptap/core@2.2.3)
- '@tiptap/extension-heading': 2.2.3(@tiptap/core@2.2.3)
- '@tiptap/extension-history': 2.2.3(@tiptap/core@2.2.3)(@tiptap/pm@2.2.3)
- '@tiptap/extension-horizontal-rule': 2.2.3(@tiptap/core@2.2.3)(@tiptap/pm@2.2.3)
- '@tiptap/extension-italic': 2.2.3(@tiptap/core@2.2.3)
- '@tiptap/extension-list-item': 2.2.3(@tiptap/core@2.2.3)
- '@tiptap/extension-ordered-list': 2.2.3(@tiptap/core@2.2.3)
- '@tiptap/extension-paragraph': 2.2.3(@tiptap/core@2.2.3)
- '@tiptap/extension-strike': 2.2.3(@tiptap/core@2.2.3)
- '@tiptap/extension-text': 2.2.3(@tiptap/core@2.2.3)
+ /@tiptap/starter-kit@2.2.4(@tiptap/pm@2.2.4):
+ resolution: {integrity: sha512-Kbk7qUfIZg3+bNa3e/wBeDQt4jJB46uQgM+xy5NSY6H8NZP6gdmmap3aIrn9S/W/hGpxJl4RcXAeaT0CQji9XA==}
+ dependencies:
+ '@tiptap/core': 2.2.4(@tiptap/pm@2.2.4)
+ '@tiptap/extension-blockquote': 2.2.4(@tiptap/core@2.2.4)
+ '@tiptap/extension-bold': 2.2.4(@tiptap/core@2.2.4)
+ '@tiptap/extension-bullet-list': 2.2.4(@tiptap/core@2.2.4)
+ '@tiptap/extension-code': 2.2.4(@tiptap/core@2.2.4)
+ '@tiptap/extension-code-block': 2.2.4(@tiptap/core@2.2.4)(@tiptap/pm@2.2.4)
+ '@tiptap/extension-document': 2.2.4(@tiptap/core@2.2.4)
+ '@tiptap/extension-dropcursor': 2.2.4(@tiptap/core@2.2.4)(@tiptap/pm@2.2.4)
+ '@tiptap/extension-gapcursor': 2.2.4(@tiptap/core@2.2.4)(@tiptap/pm@2.2.4)
+ '@tiptap/extension-hard-break': 2.2.4(@tiptap/core@2.2.4)
+ '@tiptap/extension-heading': 2.2.4(@tiptap/core@2.2.4)
+ '@tiptap/extension-history': 2.2.4(@tiptap/core@2.2.4)(@tiptap/pm@2.2.4)
+ '@tiptap/extension-horizontal-rule': 2.2.4(@tiptap/core@2.2.4)(@tiptap/pm@2.2.4)
+ '@tiptap/extension-italic': 2.2.4(@tiptap/core@2.2.4)
+ '@tiptap/extension-list-item': 2.2.4(@tiptap/core@2.2.4)
+ '@tiptap/extension-ordered-list': 2.2.4(@tiptap/core@2.2.4)
+ '@tiptap/extension-paragraph': 2.2.4(@tiptap/core@2.2.4)
+ '@tiptap/extension-strike': 2.2.4(@tiptap/core@2.2.4)
+ '@tiptap/extension-text': 2.2.4(@tiptap/core@2.2.4)
transitivePeerDependencies:
- '@tiptap/pm'
dev: true
- /@tiptap/vue-3@2.2.3(@tiptap/core@2.2.3)(@tiptap/pm@2.2.3)(vue@3.4.19):
- resolution: {integrity: sha512-TC+pncpxP6GHgM+qvX/1mfT+Xl3OlEekZqjetNJC/MfFM55OL5dIEu5kVjOiRsGQ/TWgwBGPrRYEE0Y1D6FuBA==}
+ /@tiptap/vue-3@2.2.4(@tiptap/core@2.2.4)(@tiptap/pm@2.2.4)(vue@3.4.19):
+ resolution: {integrity: sha512-6Rue56OUmDl/OT07QcLsH1UvYGUmV8OFSDCrLrUyku/2lAYHwHz6+KhAB5paZt70nEGIw03G1KCT074negj6NQ==}
peerDependencies:
'@tiptap/core': ^2.0.0
'@tiptap/pm': ^2.0.0
vue: ^3.0.0
dependencies:
- '@tiptap/core': 2.2.3(@tiptap/pm@2.2.3)
- '@tiptap/extension-bubble-menu': 2.2.3(@tiptap/core@2.2.3)(@tiptap/pm@2.2.3)
- '@tiptap/extension-floating-menu': 2.2.3(@tiptap/core@2.2.3)(@tiptap/pm@2.2.3)
- '@tiptap/pm': 2.2.3
+ '@tiptap/core': 2.2.4(@tiptap/pm@2.2.4)
+ '@tiptap/extension-bubble-menu': 2.2.4(@tiptap/core@2.2.4)(@tiptap/pm@2.2.4)
+ '@tiptap/extension-floating-menu': 2.2.4(@tiptap/core@2.2.4)(@tiptap/pm@2.2.4)
+ '@tiptap/pm': 2.2.4
vue: 3.4.19(typescript@5.3.3)
dev: true
@@ -2792,12 +2792,12 @@ packages:
/@types/eslint-scope@3.7.7:
resolution: {integrity: sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==}
dependencies:
- '@types/eslint': 8.56.2
+ '@types/eslint': 8.56.3
'@types/estree': 1.0.5
dev: true
- /@types/eslint@8.56.2:
- resolution: {integrity: sha512-uQDwm1wFHmbBbCZCqAlq6Do9LYwByNZHWzXppSnay9SuwJ+VRbjkbLABer54kcPnMSlG6Fdiy2yaFXm/z9Z5gw==}
+ /@types/eslint@8.56.3:
+ resolution: {integrity: sha512-PvSf1wfv2wJpVIFUMSb+i4PvqNYkB9Rkp9ZDO3oaWzq4SKhsQk4mrMBr3ZH06I0hKrVGLBacmgl8JM4WVjb9dg==}
dependencies:
'@types/estree': 1.0.5
'@types/json-schema': 7.0.15
@@ -2816,7 +2816,7 @@ packages:
/@types/http-proxy@1.17.14:
resolution: {integrity: sha512-SSrD0c1OQzlFX7pGu1eXxSEjemej64aaNPRhhVYUGqXh0BtldAAx37MG8btcumvpgKyZp1F5Gn3JkktdxiFv6w==}
dependencies:
- '@types/node': 20.11.19
+ '@types/node': 20.11.20
dev: true
/@types/istanbul-lib-coverage@2.0.6:
@@ -2841,8 +2841,8 @@ packages:
resolution: {integrity: sha512-nG96G3Wp6acyAgJqGasjODb+acrI7KltPiRxzHPXnP3NgI28bpQDRv53olbqGXbfcgF5aiiHmO3xpwEpS5Ld9g==}
dev: true
- /@types/node@20.11.19:
- resolution: {integrity: sha512-7xMnVEcZFu0DikYjWOlRq7NTPETrm7teqUT2WkQjrTIkEgUyyGdWsj/Zg8bEJt5TNklzbPD1X3fqfsHw3SpapQ==}
+ /@types/node@20.11.20:
+ resolution: {integrity: sha512-7/rR21OS+fq8IyHTgtLkDK949uzsa6n8BkziAKtPVpugIkO6D+/ooXMvzXxDnZrmtXVfjb1bKQafYpb8s89LOg==}
dependencies:
undici-types: 5.26.5
dev: true
@@ -2883,7 +2883,7 @@ packages:
resolution: {integrity: sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==}
dev: true
- /@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0)(eslint@8.56.0)(typescript@5.3.3):
+ /@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0)(eslint@8.57.0)(typescript@5.3.3):
resolution: {integrity: sha512-oy9+hTPCUFpngkEZUSzbf9MxI65wbKFoQYsgPdILTfbUldp5ovUuphZVe4i30emU9M/kP+T64Di0mxl7dSw3MA==}
engines: {node: ^16.0.0 || >=18.0.0}
peerDependencies:
@@ -2895,13 +2895,13 @@ packages:
optional: true
dependencies:
'@eslint-community/regexpp': 4.10.0
- '@typescript-eslint/parser': 6.21.0(eslint@8.56.0)(typescript@5.3.3)
+ '@typescript-eslint/parser': 6.21.0(eslint@8.57.0)(typescript@5.3.3)
'@typescript-eslint/scope-manager': 6.21.0
- '@typescript-eslint/type-utils': 6.21.0(eslint@8.56.0)(typescript@5.3.3)
- '@typescript-eslint/utils': 6.21.0(eslint@8.56.0)(typescript@5.3.3)
+ '@typescript-eslint/type-utils': 6.21.0(eslint@8.57.0)(typescript@5.3.3)
+ '@typescript-eslint/utils': 6.21.0(eslint@8.57.0)(typescript@5.3.3)
'@typescript-eslint/visitor-keys': 6.21.0
debug: 4.3.4
- eslint: 8.56.0
+ eslint: 8.57.0
graphemer: 1.4.0
ignore: 5.3.1
natural-compare: 1.4.0
@@ -2912,7 +2912,7 @@ packages:
- supports-color
dev: true
- /@typescript-eslint/parser@6.21.0(eslint@8.56.0)(typescript@5.3.3):
+ /@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.3.3):
resolution: {integrity: sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ==}
engines: {node: ^16.0.0 || >=18.0.0}
peerDependencies:
@@ -2927,7 +2927,7 @@ packages:
'@typescript-eslint/typescript-estree': 6.21.0(typescript@5.3.3)
'@typescript-eslint/visitor-keys': 6.21.0
debug: 4.3.4
- eslint: 8.56.0
+ eslint: 8.57.0
typescript: 5.3.3
transitivePeerDependencies:
- supports-color
@@ -2941,7 +2941,7 @@ packages:
'@typescript-eslint/visitor-keys': 6.21.0
dev: true
- /@typescript-eslint/type-utils@6.21.0(eslint@8.56.0)(typescript@5.3.3):
+ /@typescript-eslint/type-utils@6.21.0(eslint@8.57.0)(typescript@5.3.3):
resolution: {integrity: sha512-rZQI7wHfao8qMX3Rd3xqeYSMCL3SoiSQLBATSiVKARdFGCYSRvmViieZjqc58jKgs8Y8i9YvVVhRbHSTA4VBag==}
engines: {node: ^16.0.0 || >=18.0.0}
peerDependencies:
@@ -2952,9 +2952,9 @@ packages:
optional: true
dependencies:
'@typescript-eslint/typescript-estree': 6.21.0(typescript@5.3.3)
- '@typescript-eslint/utils': 6.21.0(eslint@8.56.0)(typescript@5.3.3)
+ '@typescript-eslint/utils': 6.21.0(eslint@8.57.0)(typescript@5.3.3)
debug: 4.3.4
- eslint: 8.56.0
+ eslint: 8.57.0
ts-api-utils: 1.2.1(typescript@5.3.3)
typescript: 5.3.3
transitivePeerDependencies:
@@ -2988,19 +2988,19 @@ packages:
- supports-color
dev: true
- /@typescript-eslint/utils@6.21.0(eslint@8.56.0)(typescript@5.3.3):
+ /@typescript-eslint/utils@6.21.0(eslint@8.57.0)(typescript@5.3.3):
resolution: {integrity: sha512-NfWVaC8HP9T8cbKQxHcsJBY5YE1O33+jpMwN45qzWWaPDZgLIbo12toGMWnmhvCpd3sIxkpDw3Wv1B3dYrbDQQ==}
engines: {node: ^16.0.0 || >=18.0.0}
peerDependencies:
eslint: ^7.0.0 || ^8.0.0
dependencies:
- '@eslint-community/eslint-utils': 4.4.0(eslint@8.56.0)
+ '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
'@types/json-schema': 7.0.15
'@types/semver': 7.5.7
'@typescript-eslint/scope-manager': 6.21.0
'@typescript-eslint/types': 6.21.0
'@typescript-eslint/typescript-estree': 6.21.0(typescript@5.3.3)
- eslint: 8.56.0
+ eslint: 8.57.0
semver: 7.6.0
transitivePeerDependencies:
- supports-color
@@ -3058,7 +3058,7 @@ packages:
vue: 3.4.19(typescript@5.3.3)
dev: true
- /@unocss/astro@0.58.5(rollup@4.11.0)(vite@5.1.3):
+ /@unocss/astro@0.58.5(rollup@4.12.0)(vite@5.1.4):
resolution: {integrity: sha512-LtuVnj8oFAK9663OVhQO8KpdJFiOyyPsYfnOZlDCOFK3gHb/2WMrzdBwr1w8LoQF3bDedkFMKirVF7gWjyZiaw==}
peerDependencies:
vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0 || ^5.0.0-0
@@ -3068,19 +3068,19 @@ packages:
dependencies:
'@unocss/core': 0.58.5
'@unocss/reset': 0.58.5
- '@unocss/vite': 0.58.5(rollup@4.11.0)(vite@5.1.3)
- vite: 5.1.3(sass@1.71.0)
+ '@unocss/vite': 0.58.5(rollup@4.12.0)(vite@5.1.4)
+ vite: 5.1.4(sass@1.71.1)
transitivePeerDependencies:
- rollup
dev: true
- /@unocss/cli@0.58.5(rollup@4.11.0):
+ /@unocss/cli@0.58.5(rollup@4.12.0):
resolution: {integrity: sha512-FzVVXO9ghsGtJpu9uR4o7JeM9gUfWNbVZZ/IfH+0WbDJuyx4rO/jwN55z0yA5QDkhvOz9DvzwPCBzLpTJ5q+Lw==}
engines: {node: '>=14'}
hasBin: true
dependencies:
'@ampproject/remapping': 2.2.1
- '@rollup/pluginutils': 5.1.0(rollup@4.11.0)
+ '@rollup/pluginutils': 5.1.0(rollup@4.12.0)
'@unocss/config': 0.58.5
'@unocss/core': 0.58.5
'@unocss/preset-uno': 0.58.5
@@ -3123,10 +3123,10 @@ packages:
sirv: 2.0.4
dev: true
- /@unocss/nuxt@0.58.5(postcss@8.4.35)(rollup@4.11.0)(vite@5.1.3)(webpack@5.90.2):
+ /@unocss/nuxt@0.58.5(postcss@8.4.35)(rollup@4.12.0)(vite@5.1.4)(webpack@5.90.3):
resolution: {integrity: sha512-x5iIGATNAhAGfN2w0f+ulRzmJTgu7PcJ8XAFmAx9QMKkVGnnurZEyW4IEm3Kr/EsRMhJXLtmZnsAGjC09qUh6A==}
dependencies:
- '@nuxt/kit': 3.10.2(rollup@4.11.0)
+ '@nuxt/kit': 3.10.3(rollup@4.12.0)
'@unocss/config': 0.58.5
'@unocss/core': 0.58.5
'@unocss/preset-attributify': 0.58.5
@@ -3137,9 +3137,9 @@ packages:
'@unocss/preset-web-fonts': 0.58.5
'@unocss/preset-wind': 0.58.5
'@unocss/reset': 0.58.5
- '@unocss/vite': 0.58.5(rollup@4.11.0)(vite@5.1.3)
- '@unocss/webpack': 0.58.5(rollup@4.11.0)(webpack@5.90.2)
- unocss: 0.58.5(@unocss/webpack@0.58.5)(postcss@8.4.35)(rollup@4.11.0)(vite@5.1.3)
+ '@unocss/vite': 0.58.5(rollup@4.12.0)(vite@5.1.4)
+ '@unocss/webpack': 0.58.5(rollup@4.12.0)(webpack@5.90.3)
+ unocss: 0.58.5(@unocss/webpack@0.58.5)(postcss@8.4.35)(rollup@4.12.0)(vite@5.1.4)
transitivePeerDependencies:
- postcss
- rollup
@@ -3277,13 +3277,13 @@ packages:
'@unocss/core': 0.58.5
dev: true
- /@unocss/vite@0.58.5(rollup@4.11.0)(vite@5.1.3):
+ /@unocss/vite@0.58.5(rollup@4.12.0)(vite@5.1.4):
resolution: {integrity: sha512-p4o1XNX1rvjmoUqSSdua8XyWNg/d+YUChDd2L/xEty+6j2qv0wUaohs3UQ87vWlv632/UmgdX+2MbrgtqthCtw==}
peerDependencies:
vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0 || ^5.0.0-0
dependencies:
'@ampproject/remapping': 2.2.1
- '@rollup/pluginutils': 5.1.0(rollup@4.11.0)
+ '@rollup/pluginutils': 5.1.0(rollup@4.12.0)
'@unocss/config': 0.58.5
'@unocss/core': 0.58.5
'@unocss/inspector': 0.58.5
@@ -3292,25 +3292,25 @@ packages:
chokidar: 3.6.0
fast-glob: 3.3.2
magic-string: 0.30.7
- vite: 5.1.3(sass@1.71.0)
+ vite: 5.1.4(sass@1.71.1)
transitivePeerDependencies:
- rollup
dev: true
- /@unocss/webpack@0.58.5(rollup@4.11.0)(webpack@5.90.2):
+ /@unocss/webpack@0.58.5(rollup@4.12.0)(webpack@5.90.3):
resolution: {integrity: sha512-FR17fZRZA+dHJtk7mmUUOlWuuhAxahhsQlTG0WSHh1FVDtpHGwGKDqWHrfmhFRi0XOcV+5bkVc6cp05yjfYqdA==}
peerDependencies:
webpack: ^4 || ^5
dependencies:
'@ampproject/remapping': 2.2.1
- '@rollup/pluginutils': 5.1.0(rollup@4.11.0)
+ '@rollup/pluginutils': 5.1.0(rollup@4.12.0)
'@unocss/config': 0.58.5
'@unocss/core': 0.58.5
chokidar: 3.6.0
fast-glob: 3.3.2
magic-string: 0.30.7
unplugin: 1.7.1
- webpack: 5.90.2
+ webpack: 5.90.3
webpack-sources: 3.2.3
transitivePeerDependencies:
- rollup
@@ -3337,7 +3337,7 @@ packages:
- supports-color
dev: true
- /@vitejs/plugin-vue-jsx@3.1.0(vite@5.1.1)(vue@3.4.19):
+ /@vitejs/plugin-vue-jsx@3.1.0(vite@5.1.4)(vue@3.4.19):
resolution: {integrity: sha512-w9M6F3LSEU5kszVb9An2/MmXNxocAnUb3WhRr8bHlimhDrXNt6n6D2nJQR3UXpGlZHh/EsgouOHCsM8V3Ln+WA==}
engines: {node: ^14.18.0 || >=16.0.0}
peerDependencies:
@@ -3347,81 +3347,70 @@ packages:
'@babel/core': 7.23.9
'@babel/plugin-transform-typescript': 7.23.6(@babel/core@7.23.9)
'@vue/babel-plugin-jsx': 1.2.1(@babel/core@7.23.9)
- vite: 5.1.1(sass@1.71.0)
+ vite: 5.1.4(sass@1.71.1)
vue: 3.4.19(typescript@5.3.3)
transitivePeerDependencies:
- supports-color
dev: true
- /@vitejs/plugin-vue@5.0.4(vite@5.1.1)(vue@3.4.19):
+ /@vitejs/plugin-vue@5.0.4(vite@5.1.4)(vue@3.4.19):
resolution: {integrity: sha512-WS3hevEszI6CEVEx28F8RjTX97k3KsrcY6kvTg7+Whm5y3oYvcqzVeGCU3hxSAn4uY2CLCkeokkGKpoctccilQ==}
engines: {node: ^18.0.0 || >=20.0.0}
peerDependencies:
vite: ^5.0.0
vue: ^3.2.25
dependencies:
- vite: 5.1.1(sass@1.71.0)
+ vite: 5.1.4(sass@1.71.1)
vue: 3.4.19(typescript@5.3.3)
dev: true
- /@vitejs/plugin-vue@5.0.4(vite@5.1.3)(vue@3.4.19):
- resolution: {integrity: sha512-WS3hevEszI6CEVEx28F8RjTX97k3KsrcY6kvTg7+Whm5y3oYvcqzVeGCU3hxSAn4uY2CLCkeokkGKpoctccilQ==}
- engines: {node: ^18.0.0 || >=20.0.0}
- peerDependencies:
- vite: ^5.0.0
- vue: ^3.2.25
+ /@vitest/expect@1.3.1:
+ resolution: {integrity: sha512-xofQFwIzfdmLLlHa6ag0dPV8YsnKOCP1KdAeVVh34vSjN2dcUiXYCD9htu/9eM7t8Xln4v03U9HLxLpPlsXdZw==}
dependencies:
- vite: 5.1.3(sass@1.71.0)
- vue: 3.4.19(typescript@5.3.3)
- dev: true
-
- /@vitest/expect@1.2.2:
- resolution: {integrity: sha512-3jpcdPAD7LwHUUiT2pZTj2U82I2Tcgg2oVPvKxhn6mDI2On6tfvPQTjAI4628GUGDZrCm4Zna9iQHm5cEexOAg==}
- dependencies:
- '@vitest/spy': 1.2.2
- '@vitest/utils': 1.2.2
+ '@vitest/spy': 1.3.1
+ '@vitest/utils': 1.3.1
chai: 4.4.1
dev: true
- /@vitest/runner@1.2.2:
- resolution: {integrity: sha512-JctG7QZ4LSDXr5CsUweFgcpEvrcxOV1Gft7uHrvkQ+fsAVylmWQvnaAr/HDp3LAH1fztGMQZugIheTWjaGzYIg==}
+ /@vitest/runner@1.3.1:
+ resolution: {integrity: sha512-5FzF9c3jG/z5bgCnjr8j9LNq/9OxV2uEBAITOXfoe3rdZJTdO7jzThth7FXv/6b+kdY65tpRQB7WaKhNZwX+Kg==}
dependencies:
- '@vitest/utils': 1.2.2
+ '@vitest/utils': 1.3.1
p-limit: 5.0.0
pathe: 1.1.2
dev: true
- /@vitest/snapshot@1.2.2:
- resolution: {integrity: sha512-SmGY4saEw1+bwE1th6S/cZmPxz/Q4JWsl7LvbQIky2tKE35US4gd0Mjzqfr84/4OD0tikGWaWdMja/nWL5NIPA==}
+ /@vitest/snapshot@1.3.1:
+ resolution: {integrity: sha512-EF++BZbt6RZmOlE3SuTPu/NfwBF6q4ABS37HHXzs2LUVPBLx2QoY/K0fKpRChSo8eLiuxcbCVfqKgx/dplCDuQ==}
dependencies:
magic-string: 0.30.7
pathe: 1.1.2
pretty-format: 29.7.0
dev: true
- /@vitest/spy@1.2.2:
- resolution: {integrity: sha512-k9Gcahssw8d7X3pSLq3e3XEu/0L78mUkCjivUqCQeXJm9clfXR/Td8+AP+VC1O6fKPIDLcHDTAmBOINVuv6+7g==}
+ /@vitest/spy@1.3.1:
+ resolution: {integrity: sha512-xAcW+S099ylC9VLU7eZfdT9myV67Nor9w9zhf0mGCYJSO+zM2839tOeROTdikOi/8Qeusffvxb/MyBSOja1Uig==}
dependencies:
tinyspy: 2.2.1
dev: true
- /@vitest/ui@1.2.2(vitest@1.2.2):
- resolution: {integrity: sha512-CG+5fa8lyoBr+9i+UZGS31Qw81v33QlD10uecHxN2CLJVN+jLnqx4pGzGvFFeJ7jSnUCT0AlbmVWY6fU6NJZmw==}
+ /@vitest/ui@1.3.1(vitest@1.3.1):
+ resolution: {integrity: sha512-2UrFLJ62c/eJGPHcclstMKlAR7E1WB1ITe1isuowEPJJHi3HfqofvsUqQ1cGrEF7kitG1DJuwURUA3HLDtQkXA==}
peerDependencies:
- vitest: ^1.0.0
+ vitest: 1.3.1
dependencies:
- '@vitest/utils': 1.2.2
+ '@vitest/utils': 1.3.1
fast-glob: 3.3.2
fflate: 0.8.2
- flatted: 3.2.9
+ flatted: 3.3.1
pathe: 1.1.2
picocolors: 1.0.0
sirv: 2.0.4
- vitest: 1.2.2(@vitest/ui@1.2.2)(jsdom@24.0.0)(sass@1.71.0)
+ vitest: 1.3.1(@vitest/ui@1.3.1)(jsdom@24.0.0)(sass@1.71.1)
dev: true
- /@vitest/utils@1.2.2:
- resolution: {integrity: sha512-WKITBHLsBHlpjnDQahr+XK6RE7MiAsgrIkr0pGhQ9ygoxBfUeG0lUG5iLlzqjmKSlBv3+j5EGsriBzh+C3Tq9g==}
+ /@vitest/utils@1.3.1:
+ resolution: {integrity: sha512-d3Waie/299qqRyHTm2DjADeTaNdNSVsnwHPWrs20JMpjh6eiVq7ggggweO8rc4arhf6rRkWuHKwvxGvejUXZZQ==}
dependencies:
diff-sequences: 29.6.3
estree-walker: 3.0.3
@@ -3429,7 +3418,7 @@ packages:
pretty-format: 29.7.0
dev: true
- /@vue-macros/common@1.10.1(rollup@4.11.0)(vue@3.4.19):
+ /@vue-macros/common@1.10.1(rollup@4.12.0)(vue@3.4.19):
resolution: {integrity: sha512-uftSpfwdwitcQT2lM8aVxcfe5rKQBzC9jMrtJM5sG4hEuFyfIvnJihpPpnaWxY+X4p64k+YYXtBFv+1O5Bq3dg==}
engines: {node: '>=16.14.0'}
peerDependencies:
@@ -3439,9 +3428,9 @@ packages:
optional: true
dependencies:
'@babel/types': 7.23.9
- '@rollup/pluginutils': 5.1.0(rollup@4.11.0)
+ '@rollup/pluginutils': 5.1.0(rollup@4.12.0)
'@vue/compiler-sfc': 3.4.19
- ast-kit: 0.11.3(rollup@4.11.0)
+ ast-kit: 0.11.3(rollup@4.12.0)
local-pkg: 0.5.0
magic-string-ast: 0.3.0
vue: 3.4.19(typescript@5.3.3)
@@ -3567,12 +3556,12 @@ packages:
resolution: {integrity: sha512-/KliRRHMF6LoiThEy+4c1Z4KB/gbPrGjWwJR+crg2otgrf/egKzRaCPvJ51S5oetgsgXLfc4Rm5ZgrKHZrtMSw==}
dev: true
- /@vueuse/core@10.7.2(vue@3.4.19):
- resolution: {integrity: sha512-AOyAL2rK0By62Hm+iqQn6Rbu8bfmbgaIMXcE3TSr7BdQ42wnSFlwIdPjInO62onYsEMK/yDMU8C6oGfDAtZ2qQ==}
+ /@vueuse/core@10.8.0(vue@3.4.19):
+ resolution: {integrity: sha512-G9Ok9fjx10TkNIPn8V1dJmK1NcdJCtYmDRyYiTMUyJ1p0Tywc1zmOoCQ2xhHYyz8ULBU4KjIJQ9n+Lrty74iVw==}
dependencies:
'@types/web-bluetooth': 0.0.20
- '@vueuse/metadata': 10.7.2
- '@vueuse/shared': 10.7.2(vue@3.4.19)
+ '@vueuse/metadata': 10.8.0
+ '@vueuse/shared': 10.8.0(vue@3.4.19)
vue-demi: 0.14.7(vue@3.4.19)
transitivePeerDependencies:
- '@vue/composition-api'
@@ -3591,20 +3580,20 @@ packages:
vue: 3.4.19(typescript@5.3.3)
dev: true
- /@vueuse/metadata@10.7.2:
- resolution: {integrity: sha512-kCWPb4J2KGrwLtn1eJwaJD742u1k5h6v/St5wFe8Quih90+k2a0JP8BS4Zp34XUuJqS2AxFYMb1wjUL8HfhWsQ==}
+ /@vueuse/metadata@10.8.0:
+ resolution: {integrity: sha512-Nim/Vle5OgXcXhAvGOgkJQXB1Yb+Kq/fMbLuv3YYDYbiQrwr39ljuD4k9fPeq4yUyokYRo2RaNQmbbIMWB/9+w==}
dev: true
- /@vueuse/nuxt@10.7.2(nuxt@3.10.2)(rollup@4.11.0)(vue@3.4.19):
- resolution: {integrity: sha512-yv2hY4AiRoSqg9ELNpN6gOkDWxGuLiKE/bEbuTAAuUBhS5OeEDf5aB/kY0e/V6ZXj5XiU4LX3nE8YV8c+UKfmQ==}
+ /@vueuse/nuxt@10.8.0(nuxt@3.10.3)(rollup@4.12.0)(vue@3.4.19):
+ resolution: {integrity: sha512-7b1S52exryoJoAgwH/4GRjtCjr7j8Fc5/H/orAt1DxZuiOGYEOCo7zaoM6twiURSzyiBiUemdvaRJqYzV37W6A==}
peerDependencies:
nuxt: ^3.0.0
dependencies:
- '@nuxt/kit': 3.10.2(rollup@4.11.0)
- '@vueuse/core': 10.7.2(vue@3.4.19)
- '@vueuse/metadata': 10.7.2
+ '@nuxt/kit': 3.10.3(rollup@4.12.0)
+ '@vueuse/core': 10.8.0(vue@3.4.19)
+ '@vueuse/metadata': 10.8.0
local-pkg: 0.5.0
- nuxt: 3.10.2(eslint@8.56.0)(rollup@4.11.0)(sass@1.71.0)(typescript@5.3.3)(vite@5.1.3)
+ nuxt: 3.10.3(eslint@8.57.0)(rollup@4.12.0)(sass@1.71.1)(typescript@5.3.3)(vite@5.1.4)
vue-demi: 0.14.7(vue@3.4.19)
transitivePeerDependencies:
- '@vue/composition-api'
@@ -3613,8 +3602,8 @@ packages:
- vue
dev: true
- /@vueuse/shared@10.7.2(vue@3.4.19):
- resolution: {integrity: sha512-qFbXoxS44pi2FkgFjPvF4h7c9oMDutpyBdcJdMYIMg9XyXli2meFMuaKn+UMgsClo//Th6+beeCgqweT/79BVA==}
+ /@vueuse/shared@10.8.0(vue@3.4.19):
+ resolution: {integrity: sha512-dUdy6zwHhULGxmr9YUg8e+EnB39gcM4Fe2oKBSrh3cOsV30JcMPtsyuspgFCUo5xxFNaeMf/W2yyKfST7Bg8oQ==}
dependencies:
vue-demi: 0.14.7(vue@3.4.19)
transitivePeerDependencies:
@@ -3995,41 +3984,41 @@ packages:
es-errors: 1.3.0
get-intrinsic: 1.2.4
is-array-buffer: 3.0.4
- is-shared-array-buffer: 1.0.2
+ is-shared-array-buffer: 1.0.3
dev: true
/assertion-error@1.1.0:
resolution: {integrity: sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==}
dev: true
- /ast-kit@0.11.3(rollup@4.11.0):
+ /ast-kit@0.11.3(rollup@4.12.0):
resolution: {integrity: sha512-qdwwKEhckRk0XE22/xDdmU3v/60E8Edu4qFhgTLIhGGDs/PAJwLw9pQn8Rj99PitlbBZbYpx0k/lbir4kg0SuA==}
engines: {node: '>=16.14.0'}
dependencies:
'@babel/parser': 7.23.9
- '@rollup/pluginutils': 5.1.0(rollup@4.11.0)
+ '@rollup/pluginutils': 5.1.0(rollup@4.12.0)
pathe: 1.1.2
transitivePeerDependencies:
- rollup
dev: true
- /ast-kit@0.9.5(rollup@4.11.0):
+ /ast-kit@0.9.5(rollup@4.12.0):
resolution: {integrity: sha512-kbL7ERlqjXubdDd+szuwdlQ1xUxEz9mCz1+m07ftNVStgwRb2RWw+U6oKo08PAvOishMxiqz1mlJyLl8yQx2Qg==}
engines: {node: '>=16.14.0'}
dependencies:
'@babel/parser': 7.23.9
- '@rollup/pluginutils': 5.1.0(rollup@4.11.0)
+ '@rollup/pluginutils': 5.1.0(rollup@4.12.0)
pathe: 1.1.2
transitivePeerDependencies:
- rollup
dev: true
- /ast-walker-scope@0.5.0(rollup@4.11.0):
+ /ast-walker-scope@0.5.0(rollup@4.12.0):
resolution: {integrity: sha512-NsyHMxBh4dmdEHjBo1/TBZvCKxffmZxRYhmclfu0PP6Aftre47jOHYaYaNqJcV0bxihxFXhDkzLHUwHc0ocd0Q==}
engines: {node: '>=16.14.0'}
dependencies:
'@babel/parser': 7.23.9
- ast-kit: 0.9.5(rollup@4.11.0)
+ ast-kit: 0.9.5(rollup@4.12.0)
transitivePeerDependencies:
- rollup
dev: true
@@ -4054,7 +4043,7 @@ packages:
postcss: ^8.1.0
dependencies:
browserslist: 4.23.0
- caniuse-lite: 1.0.30001587
+ caniuse-lite: 1.0.30001589
fraction.js: 4.3.7
normalize-range: 0.1.2
picocolors: 1.0.0
@@ -4062,9 +4051,11 @@ packages:
postcss-value-parser: 4.2.0
dev: true
- /available-typed-arrays@1.0.6:
- resolution: {integrity: sha512-j1QzY8iPNPG4o4xmO3ptzpRxTciqD3MgEHtifP/YnJpIo58Xu+ne4BejlbkuaLfXn/nz6HFiw29bLpj2PNMdGg==}
+ /available-typed-arrays@1.0.7:
+ resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
engines: {node: '>= 0.4'}
+ dependencies:
+ possible-typed-array-names: 1.0.0
dev: true
/b4a@1.6.6:
@@ -4096,8 +4087,8 @@ packages:
file-uri-to-path: 1.0.0
dev: true
- /birpc@0.2.15:
- resolution: {integrity: sha512-LuZgWLW6DB1zenkfJuF4/kfSZdazOR2xaMSzeqgvfbNIwECwV1AJso9wpNje79uaRU86Obbujv4qtDnwoOLQww==}
+ /birpc@0.2.17:
+ resolution: {integrity: sha512-+hkTxhot+dWsLpp3gia5AkVHIsKlZybNT5gIYiDlNzJrmYPcTM9k5/w2uaj3IPpd7LlEYpmCj4Jj1nC41VhDFg==}
dev: true
/boolbase@1.0.0:
@@ -4129,8 +4120,8 @@ packages:
engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
hasBin: true
dependencies:
- caniuse-lite: 1.0.30001587
- electron-to-chromium: 1.4.672
+ caniuse-lite: 1.0.30001589
+ electron-to-chromium: 1.4.681
node-releases: 2.0.14
update-browserslist-db: 1.0.13(browserslist@4.23.0)
dev: true
@@ -4161,17 +4152,16 @@ packages:
run-applescript: 7.0.0
dev: true
- /c12@1.8.0:
- resolution: {integrity: sha512-93U6RndoaAwFQPBcS9F/6lwtgBfrWh4695sQ/ChILkbj0C7zOZVptOU3Sxp0I/9xvfW/lzBWD90AXDQz4muSkA==}
+ /c12@1.9.0:
+ resolution: {integrity: sha512-7KTCZXdIbOA2hLRQ+1KzJ15Qp9Wn58one74dkihMVp2H6EzKTa3OYBy0BSfS1CCcmxYyqeX8L02m40zjQ+dstg==}
dependencies:
chokidar: 3.6.0
+ confbox: 0.1.3
defu: 6.1.4
- dotenv: 16.4.4
+ dotenv: 16.4.5
giget: 1.2.1
jiti: 1.21.0
- json5: 2.2.3
- jsonc-parser: 3.2.1
- mlly: 1.5.0
+ mlly: 1.6.1
ohash: 1.1.3
pathe: 1.1.2
perfect-debounce: 1.0.0
@@ -4190,7 +4180,7 @@ packages:
foreground-child: 3.1.1
istanbul-lib-coverage: 3.2.2
istanbul-lib-report: 3.0.1
- istanbul-reports: 3.1.6
+ istanbul-reports: 3.1.7
test-exclude: 6.0.0
v8-to-istanbul: 9.2.0
yargs: 17.7.2
@@ -4245,13 +4235,13 @@ packages:
resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
dependencies:
browserslist: 4.23.0
- caniuse-lite: 1.0.30001587
+ caniuse-lite: 1.0.30001589
lodash.memoize: 4.1.2
lodash.uniq: 4.5.0
dev: true
- /caniuse-lite@1.0.30001587:
- resolution: {integrity: sha512-HMFNotUmLXn71BQxg8cijvqxnIAofforZOwGsxyXJ0qugTdspUF4sPSJ2vhgprHCB996tIDzEq1ubumPDV8ULA==}
+ /caniuse-lite@1.0.30001589:
+ resolution: {integrity: sha512-vNQWS6kI+q6sBlHbh71IIeC+sRwK2N3EDySc/updIGhIee2x5z00J4c1242/5/d6EpEMdOnk/m+6tuk4/tcsqg==}
dev: true
/case-anything@2.1.13:
@@ -4492,6 +4482,10 @@ packages:
resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
dev: true
+ /confbox@0.1.3:
+ resolution: {integrity: sha512-eH3ZxAihl1PhKfpr4VfEN6/vUd87fmgb6JkldHgg/YR6aEBhW63qUDgzP2Y6WM0UumdsYp5H3kibalXAdHfbgg==}
+ dev: true
+
/consola@3.2.3:
resolution: {integrity: sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==}
engines: {node: ^14.18.0 || >=16.10.0}
@@ -4594,8 +4588,8 @@ packages:
hasBin: true
dev: true
- /cssnano-preset-default@6.0.3(postcss@8.4.35):
- resolution: {integrity: sha512-4y3H370aZCkT9Ev8P4SO4bZbt+AExeKhh8wTbms/X7OLDo5E7AYUUy6YPxa/uF5Grf+AJwNcCnxKhZynJ6luBA==}
+ /cssnano-preset-default@6.0.5(postcss@8.4.35):
+ resolution: {integrity: sha512-M+qRDEr5QZrfNl0B2ySdbTLGyNb8kBcSjuwR7WBamYBOEREH9t2efnB/nblekqhdGLZdkf4oZNetykG2JWRdZQ==}
engines: {node: ^14 || ^16 || >=18.0}
peerDependencies:
postcss: ^8.4.31
@@ -4604,17 +4598,17 @@ packages:
cssnano-utils: 4.0.1(postcss@8.4.35)
postcss: 8.4.35
postcss-calc: 9.0.1(postcss@8.4.35)
- postcss-colormin: 6.0.2(postcss@8.4.35)
- postcss-convert-values: 6.0.2(postcss@8.4.35)
+ postcss-colormin: 6.0.3(postcss@8.4.35)
+ postcss-convert-values: 6.0.4(postcss@8.4.35)
postcss-discard-comments: 6.0.1(postcss@8.4.35)
- postcss-discard-duplicates: 6.0.1(postcss@8.4.35)
- postcss-discard-empty: 6.0.1(postcss@8.4.35)
+ postcss-discard-duplicates: 6.0.2(postcss@8.4.35)
+ postcss-discard-empty: 6.0.2(postcss@8.4.35)
postcss-discard-overridden: 6.0.1(postcss@8.4.35)
- postcss-merge-longhand: 6.0.2(postcss@8.4.35)
- postcss-merge-rules: 6.0.3(postcss@8.4.35)
- postcss-minify-font-values: 6.0.1(postcss@8.4.35)
- postcss-minify-gradients: 6.0.1(postcss@8.4.35)
- postcss-minify-params: 6.0.2(postcss@8.4.35)
+ postcss-merge-longhand: 6.0.3(postcss@8.4.35)
+ postcss-merge-rules: 6.0.4(postcss@8.4.35)
+ postcss-minify-font-values: 6.0.2(postcss@8.4.35)
+ postcss-minify-gradients: 6.0.2(postcss@8.4.35)
+ postcss-minify-params: 6.0.3(postcss@8.4.35)
postcss-minify-selectors: 6.0.2(postcss@8.4.35)
postcss-normalize-charset: 6.0.1(postcss@8.4.35)
postcss-normalize-display-values: 6.0.1(postcss@8.4.35)
@@ -4622,11 +4616,11 @@ packages:
postcss-normalize-repeat-style: 6.0.1(postcss@8.4.35)
postcss-normalize-string: 6.0.1(postcss@8.4.35)
postcss-normalize-timing-functions: 6.0.1(postcss@8.4.35)
- postcss-normalize-unicode: 6.0.2(postcss@8.4.35)
+ postcss-normalize-unicode: 6.0.3(postcss@8.4.35)
postcss-normalize-url: 6.0.1(postcss@8.4.35)
postcss-normalize-whitespace: 6.0.1(postcss@8.4.35)
postcss-ordered-values: 6.0.1(postcss@8.4.35)
- postcss-reduce-initial: 6.0.2(postcss@8.4.35)
+ postcss-reduce-initial: 6.0.3(postcss@8.4.35)
postcss-reduce-transforms: 6.0.1(postcss@8.4.35)
postcss-svgo: 6.0.2(postcss@8.4.35)
postcss-unique-selectors: 6.0.2(postcss@8.4.35)
@@ -4641,14 +4635,14 @@ packages:
postcss: 8.4.35
dev: true
- /cssnano@6.0.3(postcss@8.4.35):
- resolution: {integrity: sha512-MRq4CIj8pnyZpcI2qs6wswoYoDD1t0aL28n+41c1Ukcpm56m1h6mCexIHBGjfZfnTqtGSSCP4/fB1ovxgjBOiw==}
+ /cssnano@6.0.5(postcss@8.4.35):
+ resolution: {integrity: sha512-tpTp/ukgrElwu3ESFY4IvWnGn8eTt8cJhC2aAbtA3lvUlxp6t6UPv8YCLjNnEGiFreT1O0LiOM1U3QyTBVFl2A==}
engines: {node: ^14 || ^16 || >=18.0}
peerDependencies:
postcss: ^8.4.31
dependencies:
- cssnano-preset-default: 6.0.3(postcss@8.4.35)
- lilconfig: 3.1.0
+ cssnano-preset-default: 6.0.5(postcss@8.4.35)
+ lilconfig: 3.1.1
postcss: 8.4.35
dev: true
@@ -4823,8 +4817,8 @@ packages:
engines: {node: '>=6'}
dev: true
- /destr@2.0.2:
- resolution: {integrity: sha512-65AlobnZMiCET00KaFFjUefxDX0khFA/E4myqZ7a6Sq1yZtR8+FVIvilVX66vF2uobSumxooYZChiRPCKNqhmg==}
+ /destr@2.0.3:
+ resolution: {integrity: sha512-2N3BOUU4gYMpTP24s5rF5iP7BDr7uNTCs4ozw3kf/eKfvWSIu93GEBi5m427YoyJoeOzQ5smuu4nNAPGb8idSQ==}
dev: true
/destroy@1.2.0:
@@ -4922,8 +4916,8 @@ packages:
type-fest: 3.13.1
dev: true
- /dotenv@16.4.4:
- resolution: {integrity: sha512-XvPXc8XAQThSjAbY6cQ/9PcBXmFoWuw1sQ3b8HqUCR6ziGXjkTi//kB9SWa2UwqlgdAIuRqAa/9hVljzPehbYg==}
+ /dotenv@16.4.5:
+ resolution: {integrity: sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==}
engines: {node: '>=12'}
dev: true
@@ -4939,8 +4933,8 @@ packages:
resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
dev: true
- /electron-to-chromium@1.4.672:
- resolution: {integrity: sha512-YYCy+goe3UqZqa3MOQCI5Mx/6HdBLzXL/mkbGCEWL3sP3Z1BP9zqAzeD3YEmLZlespYGFtyM8tRp5i2vfaUGCA==}
+ /electron-to-chromium@1.4.681:
+ resolution: {integrity: sha512-1PpuqJUFWoXZ1E54m8bsLPVYwIVCRzvaL+n5cjigGga4z854abDnFRc+cTa2th4S79kyGqya/1xoR7h+Y5G5lg==}
dev: true
/emoji-regex@8.0.0:
@@ -5029,11 +5023,11 @@ packages:
dependencies:
array-buffer-byte-length: 1.0.1
arraybuffer.prototype.slice: 1.0.3
- available-typed-arrays: 1.0.6
+ available-typed-arrays: 1.0.7
call-bind: 1.0.7
es-define-property: 1.0.0
es-errors: 1.3.0
- es-set-tostringtag: 2.0.2
+ es-set-tostringtag: 2.0.3
es-to-primitive: 1.2.1
function.prototype.name: 1.1.6
get-intrinsic: 1.2.4
@@ -5041,15 +5035,15 @@ packages:
globalthis: 1.0.3
gopd: 1.0.1
has-property-descriptors: 1.0.2
- has-proto: 1.0.1
+ has-proto: 1.0.3
has-symbols: 1.0.3
hasown: 2.0.1
internal-slot: 1.0.7
is-array-buffer: 3.0.4
is-callable: 1.2.7
- is-negative-zero: 2.0.2
+ is-negative-zero: 2.0.3
is-regex: 1.1.4
- is-shared-array-buffer: 1.0.2
+ is-shared-array-buffer: 1.0.3
is-string: 1.0.7
is-typed-array: 1.1.13
is-weakref: 1.0.2
@@ -5062,10 +5056,10 @@ packages:
string.prototype.trim: 1.2.8
string.prototype.trimend: 1.0.7
string.prototype.trimstart: 1.0.7
- typed-array-buffer: 1.0.1
- typed-array-byte-length: 1.0.0
- typed-array-byte-offset: 1.0.0
- typed-array-length: 1.0.4
+ typed-array-buffer: 1.0.2
+ typed-array-byte-length: 1.0.1
+ typed-array-byte-offset: 1.0.2
+ typed-array-length: 1.0.5
unbox-primitive: 1.0.2
which-typed-array: 1.1.14
dev: true
@@ -5090,8 +5084,8 @@ packages:
resolution: {integrity: sha512-cXLGjP0c4T3flZJKQSuziYoq7MlT+rnvfZjfp7h+I7K9BNX54kP9nyWvdbwjQ4u1iWbOL4u96fgeZLToQlZC7w==}
dev: true
- /es-set-tostringtag@2.0.2:
- resolution: {integrity: sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==}
+ /es-set-tostringtag@2.0.3:
+ resolution: {integrity: sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==}
engines: {node: '>= 0.4'}
dependencies:
get-intrinsic: 1.2.4
@@ -5145,35 +5139,35 @@ packages:
'@esbuild/win32-x64': 0.19.12
dev: true
- /esbuild@0.20.0:
- resolution: {integrity: sha512-6iwE3Y2RVYCME1jLpBqq7LQWK3MW6vjV2bZy6gt/WrqkY+WE74Spyc0ThAOYpMtITvnjX09CrC6ym7A/m9mebA==}
+ /esbuild@0.20.1:
+ resolution: {integrity: sha512-OJwEgrpWm/PCMsLVWXKqvcjme3bHNpOgN7Tb6cQnR5n0TPbQx1/Xrn7rqM+wn17bYeT6MGB5sn1Bh5YiGi70nA==}
engines: {node: '>=12'}
hasBin: true
requiresBuild: true
optionalDependencies:
- '@esbuild/aix-ppc64': 0.20.0
- '@esbuild/android-arm': 0.20.0
- '@esbuild/android-arm64': 0.20.0
- '@esbuild/android-x64': 0.20.0
- '@esbuild/darwin-arm64': 0.20.0
- '@esbuild/darwin-x64': 0.20.0
- '@esbuild/freebsd-arm64': 0.20.0
- '@esbuild/freebsd-x64': 0.20.0
- '@esbuild/linux-arm': 0.20.0
- '@esbuild/linux-arm64': 0.20.0
- '@esbuild/linux-ia32': 0.20.0
- '@esbuild/linux-loong64': 0.20.0
- '@esbuild/linux-mips64el': 0.20.0
- '@esbuild/linux-ppc64': 0.20.0
- '@esbuild/linux-riscv64': 0.20.0
- '@esbuild/linux-s390x': 0.20.0
- '@esbuild/linux-x64': 0.20.0
- '@esbuild/netbsd-x64': 0.20.0
- '@esbuild/openbsd-x64': 0.20.0
- '@esbuild/sunos-x64': 0.20.0
- '@esbuild/win32-arm64': 0.20.0
- '@esbuild/win32-ia32': 0.20.0
- '@esbuild/win32-x64': 0.20.0
+ '@esbuild/aix-ppc64': 0.20.1
+ '@esbuild/android-arm': 0.20.1
+ '@esbuild/android-arm64': 0.20.1
+ '@esbuild/android-x64': 0.20.1
+ '@esbuild/darwin-arm64': 0.20.1
+ '@esbuild/darwin-x64': 0.20.1
+ '@esbuild/freebsd-arm64': 0.20.1
+ '@esbuild/freebsd-x64': 0.20.1
+ '@esbuild/linux-arm': 0.20.1
+ '@esbuild/linux-arm64': 0.20.1
+ '@esbuild/linux-ia32': 0.20.1
+ '@esbuild/linux-loong64': 0.20.1
+ '@esbuild/linux-mips64el': 0.20.1
+ '@esbuild/linux-ppc64': 0.20.1
+ '@esbuild/linux-riscv64': 0.20.1
+ '@esbuild/linux-s390x': 0.20.1
+ '@esbuild/linux-x64': 0.20.1
+ '@esbuild/netbsd-x64': 0.20.1
+ '@esbuild/openbsd-x64': 0.20.1
+ '@esbuild/sunos-x64': 0.20.1
+ '@esbuild/win32-arm64': 0.20.1
+ '@esbuild/win32-ia32': 0.20.1
+ '@esbuild/win32-x64': 0.20.1
dev: true
/escalade@3.1.2:
@@ -5212,7 +5206,7 @@ packages:
source-map: 0.6.1
dev: true
- /eslint-config-standard@17.1.0(eslint-plugin-import@2.29.1)(eslint-plugin-n@15.7.0)(eslint-plugin-promise@6.1.1)(eslint@8.56.0):
+ /eslint-config-standard@17.1.0(eslint-plugin-import@2.29.1)(eslint-plugin-n@15.7.0)(eslint-plugin-promise@6.1.1)(eslint@8.57.0):
resolution: {integrity: sha512-IwHwmaBNtDK4zDHQukFDW5u/aTb8+meQWZvNFWkiGmbWjD6bqyuSSBxxXKkCftCUzc1zwCH2m/baCNDLGmuO5Q==}
engines: {node: '>=12.0.0'}
peerDependencies:
@@ -5221,10 +5215,10 @@ packages:
eslint-plugin-n: '^15.0.0 || ^16.0.0 '
eslint-plugin-promise: ^6.0.0
dependencies:
- eslint: 8.56.0
- eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
- eslint-plugin-n: 15.7.0(eslint@8.56.0)
- eslint-plugin-promise: 6.1.1(eslint@8.56.0)
+ eslint: 8.57.0
+ eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
+ eslint-plugin-n: 15.7.0(eslint@8.57.0)
+ eslint-plugin-promise: 6.1.1(eslint@8.57.0)
dev: true
/eslint-import-resolver-node@0.3.9:
@@ -5237,7 +5231,7 @@ packages:
- supports-color
dev: true
- /eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@6.21.0)(eslint-plugin-import@2.29.1)(eslint@8.56.0):
+ /eslint-import-resolver-typescript@3.6.1(@typescript-eslint/parser@6.21.0)(eslint-plugin-import@2.29.1)(eslint@8.57.0):
resolution: {integrity: sha512-xgdptdoi5W3niYeuQxKmzVDTATvLYqhpwmykwsh7f6HIOStGWEIL9iqZgQDF9u9OEzrRwR8no5q2VT+bjAujTg==}
engines: {node: ^14.18.0 || >=16.0.0}
peerDependencies:
@@ -5246,9 +5240,9 @@ packages:
dependencies:
debug: 4.3.4
enhanced-resolve: 5.15.0
- eslint: 8.56.0
- eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
- eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
+ eslint: 8.57.0
+ eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
+ eslint-plugin-import: 2.29.1(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
fast-glob: 3.3.2
get-tsconfig: 4.7.2
is-core-module: 2.13.1
@@ -5260,7 +5254,7 @@ packages:
- supports-color
dev: true
- /eslint-module-utils@2.8.0(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0):
+ /eslint-module-utils@2.8.0(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0):
resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==}
engines: {node: '>=4'}
peerDependencies:
@@ -5281,38 +5275,38 @@ packages:
eslint-import-resolver-webpack:
optional: true
dependencies:
- '@typescript-eslint/parser': 6.21.0(eslint@8.56.0)(typescript@5.3.3)
+ '@typescript-eslint/parser': 6.21.0(eslint@8.57.0)(typescript@5.3.3)
debug: 3.2.7
- eslint: 8.56.0
+ eslint: 8.57.0
eslint-import-resolver-node: 0.3.9
- eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.21.0)(eslint-plugin-import@2.29.1)(eslint@8.56.0)
+ eslint-import-resolver-typescript: 3.6.1(@typescript-eslint/parser@6.21.0)(eslint-plugin-import@2.29.1)(eslint@8.57.0)
transitivePeerDependencies:
- supports-color
dev: true
- /eslint-plugin-es@3.0.1(eslint@8.56.0):
+ /eslint-plugin-es@3.0.1(eslint@8.57.0):
resolution: {integrity: sha512-GUmAsJaN4Fc7Gbtl8uOBlayo2DqhwWvEzykMHSCZHU3XdJ+NSzzZcVhXh3VxX5icqQ+oQdIEawXX8xkR3mIFmQ==}
engines: {node: '>=8.10.0'}
peerDependencies:
eslint: '>=4.19.1'
dependencies:
- eslint: 8.56.0
+ eslint: 8.57.0
eslint-utils: 2.1.0
regexpp: 3.2.0
dev: true
- /eslint-plugin-es@4.1.0(eslint@8.56.0):
+ /eslint-plugin-es@4.1.0(eslint@8.57.0):
resolution: {integrity: sha512-GILhQTnjYE2WorX5Jyi5i4dz5ALWxBIdQECVQavL6s7cI76IZTDWleTHkxz/QT3kvcs2QlGHvKLYsSlPOlPXnQ==}
engines: {node: '>=8.10.0'}
peerDependencies:
eslint: '>=4.19.1'
dependencies:
- eslint: 8.56.0
+ eslint: 8.57.0
eslint-utils: 2.1.0
regexpp: 3.2.0
dev: true
- /eslint-plugin-import@2.29.1(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0):
+ /eslint-plugin-import@2.29.1(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0):
resolution: {integrity: sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==}
engines: {node: '>=4'}
peerDependencies:
@@ -5322,16 +5316,16 @@ packages:
'@typescript-eslint/parser':
optional: true
dependencies:
- '@typescript-eslint/parser': 6.21.0(eslint@8.56.0)(typescript@5.3.3)
+ '@typescript-eslint/parser': 6.21.0(eslint@8.57.0)(typescript@5.3.3)
array-includes: 3.1.7
array.prototype.findlastindex: 1.2.4
array.prototype.flat: 1.3.2
array.prototype.flatmap: 1.3.2
debug: 3.2.7
doctrine: 2.1.0
- eslint: 8.56.0
+ eslint: 8.57.0
eslint-import-resolver-node: 0.3.9
- eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.56.0)
+ eslint-module-utils: 2.8.0(@typescript-eslint/parser@6.21.0)(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.1)(eslint@8.57.0)
hasown: 2.0.1
is-core-module: 2.13.1
is-glob: 4.0.3
@@ -5347,16 +5341,16 @@ packages:
- supports-color
dev: true
- /eslint-plugin-n@15.7.0(eslint@8.56.0):
+ /eslint-plugin-n@15.7.0(eslint@8.57.0):
resolution: {integrity: sha512-jDex9s7D/Qial8AGVIHq4W7NswpUD5DPDL2RH8Lzd9EloWUuvUkHfv4FRLMipH5q2UtyurorBkPeNi1wVWNh3Q==}
engines: {node: '>=12.22.0'}
peerDependencies:
eslint: '>=7.0.0'
dependencies:
builtins: 5.0.1
- eslint: 8.56.0
- eslint-plugin-es: 4.1.0(eslint@8.56.0)
- eslint-utils: 3.0.0(eslint@8.56.0)
+ eslint: 8.57.0
+ eslint-plugin-es: 4.1.0(eslint@8.57.0)
+ eslint-utils: 3.0.0(eslint@8.57.0)
ignore: 5.3.1
is-core-module: 2.13.1
minimatch: 3.1.2
@@ -5364,14 +5358,14 @@ packages:
semver: 7.6.0
dev: true
- /eslint-plugin-node@11.1.0(eslint@8.56.0):
+ /eslint-plugin-node@11.1.0(eslint@8.57.0):
resolution: {integrity: sha512-oUwtPJ1W0SKD0Tr+wqu92c5xuCeQqB3hSCHasn/ZgjFdA9iDGNkNf2Zi9ztY7X+hNuMib23LNGRm6+uN+KLE3g==}
engines: {node: '>=8.10.0'}
peerDependencies:
eslint: '>=5.16.0'
dependencies:
- eslint: 8.56.0
- eslint-plugin-es: 3.0.1(eslint@8.56.0)
+ eslint: 8.57.0
+ eslint-plugin-es: 3.0.1(eslint@8.57.0)
eslint-utils: 2.1.0
ignore: 5.3.1
minimatch: 3.1.2
@@ -5379,16 +5373,16 @@ packages:
semver: 6.3.1
dev: true
- /eslint-plugin-promise@6.1.1(eslint@8.56.0):
+ /eslint-plugin-promise@6.1.1(eslint@8.57.0):
resolution: {integrity: sha512-tjqWDwVZQo7UIPMeDReOpUgHCmCiH+ePnVT+5zVapL0uuHnegBUs2smM13CzOs2Xb5+MHMRFTs9v24yjba4Oig==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
peerDependencies:
eslint: ^7.0.0 || ^8.0.0
dependencies:
- eslint: 8.56.0
+ eslint: 8.57.0
dev: true
- /eslint-plugin-unicorn@44.0.2(eslint@8.56.0):
+ /eslint-plugin-unicorn@44.0.2(eslint@8.57.0):
resolution: {integrity: sha512-GLIDX1wmeEqpGaKcnMcqRvMVsoabeF0Ton0EX4Th5u6Kmf7RM9WBl705AXFEsns56ESkEs0uyelLuUTvz9Tr0w==}
engines: {node: '>=14.18'}
peerDependencies:
@@ -5397,8 +5391,8 @@ packages:
'@babel/helper-validator-identifier': 7.22.20
ci-info: 3.9.0
clean-regexp: 1.0.0
- eslint: 8.56.0
- eslint-utils: 3.0.0(eslint@8.56.0)
+ eslint: 8.57.0
+ eslint-utils: 3.0.0(eslint@8.57.0)
esquery: 1.5.0
indent-string: 4.0.0
is-builtin-module: 3.2.1
@@ -5411,19 +5405,19 @@ packages:
strip-indent: 3.0.0
dev: true
- /eslint-plugin-vue@9.21.1(eslint@8.56.0):
- resolution: {integrity: sha512-XVtI7z39yOVBFJyi8Ljbn7kY9yHzznKXL02qQYn+ta63Iy4A9JFBw6o4OSB9hyD2++tVT+su9kQqetUyCCwhjw==}
+ /eslint-plugin-vue@9.22.0(eslint@8.57.0):
+ resolution: {integrity: sha512-7wCXv5zuVnBtZE/74z4yZ0CM8AjH6bk4MQGm7hZjUC2DBppKU5ioeOk5LGSg/s9a1ZJnIsdPLJpXnu1Rc+cVHg==}
engines: {node: ^14.17.0 || >=16.0.0}
peerDependencies:
eslint: ^6.2.0 || ^7.0.0 || ^8.0.0
dependencies:
- '@eslint-community/eslint-utils': 4.4.0(eslint@8.56.0)
- eslint: 8.56.0
+ '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+ eslint: 8.57.0
natural-compare: 1.4.0
nth-check: 2.1.1
postcss-selector-parser: 6.0.15
semver: 7.6.0
- vue-eslint-parser: 9.4.2(eslint@8.56.0)
+ vue-eslint-parser: 9.4.2(eslint@8.57.0)
xml-name-validator: 4.0.0
transitivePeerDependencies:
- supports-color
@@ -5452,13 +5446,13 @@ packages:
eslint-visitor-keys: 1.3.0
dev: true
- /eslint-utils@3.0.0(eslint@8.56.0):
+ /eslint-utils@3.0.0(eslint@8.57.0):
resolution: {integrity: sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==}
engines: {node: ^10.0.0 || ^12.0.0 || >= 14.0.0}
peerDependencies:
eslint: '>=5'
dependencies:
- eslint: 8.56.0
+ eslint: 8.57.0
eslint-visitor-keys: 2.1.0
dev: true
@@ -5477,15 +5471,15 @@ packages:
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
dev: true
- /eslint@8.56.0:
- resolution: {integrity: sha512-Go19xM6T9puCOWntie1/P997aXxFsOi37JIHRWI514Hc6ZnaHGKY9xFhrU65RT6CcBEzZoGG1e6Nq+DT04ZtZQ==}
+ /eslint@8.57.0:
+ resolution: {integrity: sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==}
engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
hasBin: true
dependencies:
- '@eslint-community/eslint-utils': 4.4.0(eslint@8.56.0)
+ '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
'@eslint-community/regexpp': 4.10.0
'@eslint/eslintrc': 2.1.4
- '@eslint/js': 8.56.0
+ '@eslint/js': 8.57.0
'@humanwhocodes/config-array': 0.11.14
'@humanwhocodes/module-importer': 1.0.1
'@nodelib/fs.walk': 1.2.8
@@ -5616,7 +5610,7 @@ packages:
human-signals: 4.3.1
is-stream: 3.0.0
merge-stream: 2.0.0
- npm-run-path: 5.2.0
+ npm-run-path: 5.3.0
onetime: 6.0.0
signal-exit: 3.0.7
strip-final-newline: 3.0.0
@@ -5631,7 +5625,7 @@ packages:
human-signals: 5.0.0
is-stream: 3.0.0
merge-stream: 2.0.0
- npm-run-path: 5.2.0
+ npm-run-path: 5.3.0
onetime: 6.0.0
signal-exit: 4.1.0
strip-final-newline: 3.0.0
@@ -5649,7 +5643,7 @@ packages:
resolution: {integrity: sha512-LyExtJWKxtgVzmgtEHyQtLFpw1KFhQphF9nTG8TpAIVkiI/xQ3FJh75tRFLYl4hkn7BNIIdLJInuDAavX35pMw==}
dependencies:
enhanced-resolve: 5.15.0
- mlly: 1.5.0
+ mlly: 1.6.1
pathe: 1.1.2
ufo: 1.4.0
dev: true
@@ -5738,7 +5732,7 @@ packages:
resolution: {integrity: sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==}
engines: {node: ^10.12.0 || >=12.0.0}
dependencies:
- flatted: 3.2.9
+ flatted: 3.3.1
keyv: 4.5.4
rimraf: 3.0.2
dev: true
@@ -5754,8 +5748,8 @@ packages:
hasBin: true
dev: true
- /flatted@3.2.9:
- resolution: {integrity: sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==}
+ /flatted@3.3.1:
+ resolution: {integrity: sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==}
dev: true
/for-each@0.3.3:
@@ -5878,7 +5872,7 @@ packages:
dependencies:
es-errors: 1.3.0
function-bind: 1.1.2
- has-proto: 1.0.1
+ has-proto: 1.0.3
has-symbols: 1.0.3
hasown: 2.0.1
dev: true
@@ -6042,7 +6036,7 @@ packages:
resolution: {integrity: sha512-jOMLD2Z7MAhyG8aJpNOpmziMOP4rPLcc95oQPKXBazW82z+CEgPFBQvEpRUa1KeIMUJo4Wsm+q6uzO/Q/4BksQ==}
engines: {node: '>=18'}
dependencies:
- '@sindresorhus/merge-streams': 2.2.1
+ '@sindresorhus/merge-streams': 2.3.0
fast-glob: 3.3.2
ignore: 5.3.1
path-type: 5.0.0
@@ -6078,12 +6072,12 @@ packages:
duplexer: 0.1.2
dev: true
- /h3@1.10.1:
- resolution: {integrity: sha512-UBAUp47hmm4BB5/njB4LrEa9gpuvZj4/Qf/ynSMzO6Ku2RXaouxEfiG2E2IFnv6fxbhAkzjasDxmo6DFdEeXRg==}
+ /h3@1.10.2:
+ resolution: {integrity: sha512-r1iNNcFGL4G9pL3lgYxwX0O2ZmqdKqhILAJsnlw5icn5I1QHnADM4TgVdYRtHUqy+NntVpHIEFwnw/XCbebICg==}
dependencies:
cookie-es: 1.0.0
defu: 6.1.4
- destr: 2.0.2
+ destr: 2.0.3
iron-webcrypto: 1.0.0
ohash: 1.1.3
radix3: 1.1.0
@@ -6112,8 +6106,8 @@ packages:
es-define-property: 1.0.0
dev: true
- /has-proto@1.0.1:
- resolution: {integrity: sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==}
+ /has-proto@1.0.3:
+ resolution: {integrity: sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==}
engines: {node: '>= 0.4'}
dev: true
@@ -6583,8 +6577,8 @@ packages:
resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==}
dev: true
- /is-negative-zero@2.0.2:
- resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==}
+ /is-negative-zero@2.0.3:
+ resolution: {integrity: sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==}
engines: {node: '>= 0.4'}
dev: true
@@ -6645,8 +6639,9 @@ packages:
has-tostringtag: 1.0.2
dev: true
- /is-shared-array-buffer@1.0.2:
- resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==}
+ /is-shared-array-buffer@1.0.3:
+ resolution: {integrity: sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==}
+ engines: {node: '>= 0.4'}
dependencies:
call-bind: 1.0.7
dev: true
@@ -6751,8 +6746,8 @@ packages:
supports-color: 7.2.0
dev: true
- /istanbul-reports@3.1.6:
- resolution: {integrity: sha512-TLgnMkKg3iTDsQ9PbPTdpfAK2DzjF9mqUG7RMgcQl8oFjad8ob4laGxv5XV5U9MAfx8D6tSJiUyuAwzLicaxlg==}
+ /istanbul-reports@3.1.7:
+ resolution: {integrity: sha512-BewmUXImeuRk2YY0PVbxgKAysvhRPUQE0h5QRM++nVWyubKGV0l8qQ5op8+B2DOmwSe63Jivj0BjkPQVf8fP5g==}
engines: {node: '>=8'}
dependencies:
html-escaper: 2.0.2
@@ -6772,7 +6767,7 @@ packages:
resolution: {integrity: sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==}
engines: {node: '>= 10.13.0'}
dependencies:
- '@types/node': 20.11.19
+ '@types/node': 20.11.20
merge-stream: 2.0.0
supports-color: 8.1.1
dev: true
@@ -6950,8 +6945,8 @@ packages:
type-check: 0.4.0
dev: true
- /lilconfig@3.1.0:
- resolution: {integrity: sha512-p3cz0JV5vw/XeouBU3Ldnp+ZkBjE+n8ydJ4mcwBrOiXXPqNlrzGBqWs9X4MWF7f+iKUBu794Y8Hh8yawiJbCjw==}
+ /lilconfig@3.1.1:
+ resolution: {integrity: sha512-O18pf7nyvHTckunPWCV1XUNXU1piu01y2b7ATJ0ppkUkk8ocqVWBrYjJBCwHDjD/ZWcfyrA0P4gKhzWGi5EINQ==}
engines: {node: '>=14'}
dev: true
@@ -6969,7 +6964,7 @@ packages:
resolution: {integrity: sha512-z0RcEXVX5oTpY1bO02SKoTU/kmZSrFSngNNzHRM6KICR17PTq7ANush6AE6ztGJwJD4RLpBrVHd9GnV51J7s3w==}
hasBin: true
dependencies:
- '@parcel/watcher': 2.4.0
+ '@parcel/watcher': 2.4.1
'@parcel/watcher-wasm': 2.4.0
citty: 0.1.6
clipboardy: 4.0.0
@@ -6977,10 +6972,10 @@ packages:
crossws: 0.1.1
defu: 6.1.4
get-port-please: 3.1.2
- h3: 1.10.1
+ h3: 1.10.2
http-shutdown: 1.2.2
jiti: 1.21.0
- mlly: 1.5.0
+ mlly: 1.6.1
node-forge: 1.3.1
pathe: 1.1.2
std-env: 3.7.0
@@ -7003,7 +6998,7 @@ packages:
resolution: {integrity: sha512-ok6z3qlYyCDS4ZEU27HaU6x/xZa9Whf8jD4ptH5UZTQYZVYeb9bnZ3ojVhiJNLiXK1Hfc0GNbLXcmZ5plLDDBg==}
engines: {node: '>=14'}
dependencies:
- mlly: 1.5.0
+ mlly: 1.6.1
pkg-types: 1.0.3
dev: true
@@ -7705,8 +7700,8 @@ packages:
hasBin: true
dev: true
- /mlly@1.5.0:
- resolution: {integrity: sha512-NPVQvAY1xr1QoVeG0cy8yUYC7FQcOx6evl/RjT1wL5FvzPnzOysoqB/jmx/DhssT2dYa8nxECLAaFI/+gVLhDQ==}
+ /mlly@1.6.1:
+ resolution: {integrity: sha512-vLgaHvaeunuOXHSmEbZ9izxPx3USsk8KCQ8iC+aTlp5sKRSoZvwhHh5L9VbKSaVC6sJDqbyohIS76E2VmHIPAA==}
dependencies:
acorn: 8.11.3
pathe: 1.1.2
@@ -7781,26 +7776,26 @@ packages:
dependencies:
'@cloudflare/kv-asset-handler': 0.3.1
'@netlify/functions': 2.6.0
- '@rollup/plugin-alias': 5.1.0(rollup@4.11.0)
- '@rollup/plugin-commonjs': 25.0.7(rollup@4.11.0)
- '@rollup/plugin-inject': 5.0.5(rollup@4.11.0)
- '@rollup/plugin-json': 6.1.0(rollup@4.11.0)
- '@rollup/plugin-node-resolve': 15.2.3(rollup@4.11.0)
- '@rollup/plugin-replace': 5.0.5(rollup@4.11.0)
- '@rollup/plugin-terser': 0.4.4(rollup@4.11.0)
- '@rollup/plugin-wasm': 6.2.2(rollup@4.11.0)
- '@rollup/pluginutils': 5.1.0(rollup@4.11.0)
+ '@rollup/plugin-alias': 5.1.0(rollup@4.12.0)
+ '@rollup/plugin-commonjs': 25.0.7(rollup@4.12.0)
+ '@rollup/plugin-inject': 5.0.5(rollup@4.12.0)
+ '@rollup/plugin-json': 6.1.0(rollup@4.12.0)
+ '@rollup/plugin-node-resolve': 15.2.3(rollup@4.12.0)
+ '@rollup/plugin-replace': 5.0.5(rollup@4.12.0)
+ '@rollup/plugin-terser': 0.4.4(rollup@4.12.0)
+ '@rollup/plugin-wasm': 6.2.2(rollup@4.12.0)
+ '@rollup/pluginutils': 5.1.0(rollup@4.12.0)
'@types/http-proxy': 1.17.14
'@vercel/nft': 0.24.4
archiver: 6.0.1
- c12: 1.8.0
+ c12: 1.9.0
chalk: 5.3.0
chokidar: 3.6.0
citty: 0.1.6
consola: 3.2.3
cookie-es: 1.0.0
defu: 6.1.4
- destr: 2.0.2
+ destr: 2.0.3
dot-prop: 8.0.2
esbuild: 0.19.12
escape-string-regexp: 5.0.0
@@ -7809,7 +7804,7 @@ packages:
fs-extra: 11.2.0
globby: 14.0.1
gzip-size: 7.0.0
- h3: 1.10.1
+ h3: 1.10.2
hookable: 5.5.3
httpxy: 0.1.5
is-primitive: 3.0.1
@@ -7819,7 +7814,7 @@ packages:
listhen: 1.6.0
magic-string: 0.30.7
mime: 3.0.0
- mlly: 1.5.0
+ mlly: 1.6.1
mri: 1.2.0
node-fetch-native: 1.6.2
ofetch: 1.3.3
@@ -7830,8 +7825,8 @@ packages:
pkg-types: 1.0.3
pretty-bytes: 6.1.1
radix3: 1.1.0
- rollup: 4.11.0
- rollup-plugin-visualizer: 5.12.0(rollup@4.11.0)
+ rollup: 4.12.0
+ rollup-plugin-visualizer: 5.12.0(rollup@4.12.0)
scule: 1.3.0
semver: 7.6.0
serve-placeholder: 2.0.1
@@ -7841,7 +7836,7 @@ packages:
uncrypto: 0.1.3
unctx: 2.3.1
unenv: 1.9.0
- unimport: 3.7.1(rollup@4.11.0)
+ unimport: 3.7.1(rollup@4.12.0)
unstorage: 1.10.1
transitivePeerDependencies:
- '@azure/app-configuration'
@@ -8037,8 +8032,8 @@ packages:
path-key: 3.1.1
dev: true
- /npm-run-path@5.2.0:
- resolution: {integrity: sha512-W4/tgAXFqFA0iL7fk0+uQ3g7wkL8xJmx3XdK0VGb4cHW//eZTtKGvFBBoRKVTpY7n6ze4NL9ly7rgXcHufqXKg==}
+ /npm-run-path@5.3.0:
+ resolution: {integrity: sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==}
engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
dependencies:
path-key: 4.0.0
@@ -8067,10 +8062,10 @@ packages:
fsevents: 2.3.3
dev: true
- /nuxt-primevue@0.3.0(rollup@4.11.0)(vue@3.4.19):
+ /nuxt-primevue@0.3.0(rollup@4.12.0)(vue@3.4.19):
resolution: {integrity: sha512-sx5JZjqQ7H96FH5nWsL4Ypk4amkUz5nHsoxAiyc7oI3sSP54wfXPo5rjB4GKI50Ky7HPdE2CIWs137jRl6RkMw==}
dependencies:
- '@nuxt/kit': 3.10.2(rollup@4.11.0)
+ '@nuxt/kit': 3.10.3(rollup@4.12.0)
primevue: 3.48.1(vue@3.4.19)
transitivePeerDependencies:
- rollup
@@ -8078,8 +8073,8 @@ packages:
- vue
dev: true
- /nuxt@3.10.2(eslint@8.56.0)(rollup@4.11.0)(sass@1.71.0)(typescript@5.3.3)(vite@5.1.3):
- resolution: {integrity: sha512-EYRPNPEHRoOzL5ZusOMoBvv1/yifGwdv7BLJPD/jaEDeEZvdXjLXLSRh2NukmdB1SdNmfL3wEnt5xtRpQO1niQ==}
+ /nuxt@3.10.3(eslint@8.57.0)(rollup@4.12.0)(sass@1.71.1)(typescript@5.3.3)(vite@5.1.4):
+ resolution: {integrity: sha512-NchGNiiz9g/ErJAb462W/lpX2NqcXYb9hugySKWvLXNdrjeAPiJ2/7mhgwUSiZA9MpjuQg3saiEajr1zlRIOCg==}
engines: {node: ^14.18.0 || >=16.10.0}
hasBin: true
peerDependencies:
@@ -8092,35 +8087,35 @@ packages:
optional: true
dependencies:
'@nuxt/devalue': 2.0.2
- '@nuxt/devtools': 1.0.8(nuxt@3.10.2)(rollup@4.11.0)(vite@5.1.3)
- '@nuxt/kit': 3.10.2(rollup@4.11.0)
- '@nuxt/schema': 3.10.2(rollup@4.11.0)
- '@nuxt/telemetry': 2.5.3(rollup@4.11.0)
+ '@nuxt/devtools': 1.0.8(nuxt@3.10.3)(rollup@4.12.0)(vite@5.1.4)
+ '@nuxt/kit': 3.10.3(rollup@4.12.0)
+ '@nuxt/schema': 3.10.3(rollup@4.12.0)
+ '@nuxt/telemetry': 2.5.3(rollup@4.12.0)
'@nuxt/ui-templates': 1.3.1
- '@nuxt/vite-builder': 3.10.2(eslint@8.56.0)(rollup@4.11.0)(sass@1.71.0)(typescript@5.3.3)(vue@3.4.19)
+ '@nuxt/vite-builder': 3.10.3(eslint@8.57.0)(rollup@4.12.0)(sass@1.71.1)(typescript@5.3.3)(vue@3.4.19)
'@unhead/dom': 1.8.10
'@unhead/ssr': 1.8.10
'@unhead/vue': 1.8.10(vue@3.4.19)
'@vue/shared': 3.4.19
acorn: 8.11.3
- c12: 1.8.0
+ c12: 1.9.0
chokidar: 3.6.0
cookie-es: 1.0.0
defu: 6.1.4
- destr: 2.0.2
+ destr: 2.0.3
devalue: 4.3.2
- esbuild: 0.20.0
+ esbuild: 0.20.1
escape-string-regexp: 5.0.0
estree-walker: 3.0.3
fs-extra: 11.2.0
globby: 14.0.1
- h3: 1.10.1
+ h3: 1.10.2
hookable: 5.5.3
jiti: 1.21.0
klona: 2.0.6
knitwork: 1.0.0
magic-string: 0.30.7
- mlly: 1.5.0
+ mlly: 1.6.1
nitropack: 2.8.1
nuxi: 3.10.1
nypm: 0.3.6
@@ -8134,18 +8129,18 @@ packages:
std-env: 3.7.0
strip-literal: 2.0.0
ufo: 1.4.0
- ultrahtml: 1.5.2
+ ultrahtml: 1.5.3
uncrypto: 0.1.3
unctx: 2.3.1
unenv: 1.9.0
- unimport: 3.7.1(rollup@4.11.0)
+ unimport: 3.7.1(rollup@4.12.0)
unplugin: 1.7.1
- unplugin-vue-router: 0.7.0(rollup@4.11.0)(vue-router@4.2.5)(vue@3.4.19)
+ unplugin-vue-router: 0.7.0(rollup@4.12.0)(vue-router@4.3.0)(vue@3.4.19)
untyped: 1.4.2
vue: 3.4.19(typescript@5.3.3)
vue-bundle-renderer: 2.0.0
vue-devtools-stub: 0.1.0
- vue-router: 4.2.5(vue@3.4.19)
+ vue-router: 4.3.0(vue@3.4.19)
transitivePeerDependencies:
- '@azure/app-configuration'
- '@azure/cosmos'
@@ -8275,7 +8270,7 @@ packages:
/ofetch@1.3.3:
resolution: {integrity: sha512-s1ZCMmQWXy4b5K/TW9i/DtiN8Ku+xCiHcjQ6/J/nDdssirrQNOoB165Zu8EqLMA2lln1JUth9a0aW9Ap2ctrUg==}
dependencies:
- destr: 2.0.2
+ destr: 2.0.3
node-fetch-native: 1.6.2
ufo: 1.4.0
dev: true
@@ -8588,7 +8583,7 @@ packages:
resolution: {integrity: sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==}
dependencies:
jsonc-parser: 3.2.1
- mlly: 1.5.0
+ mlly: 1.6.1
pathe: 1.1.2
dev: true
@@ -8597,6 +8592,11 @@ packages:
engines: {node: '>=4'}
dev: true
+ /possible-typed-array-names@1.0.0:
+ resolution: {integrity: sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==}
+ engines: {node: '>= 0.4'}
+ dev: true
+
/postcss-calc@9.0.1(postcss@8.4.35):
resolution: {integrity: sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==}
engines: {node: ^14 || ^16 || >=18.0}
@@ -8608,8 +8608,8 @@ packages:
postcss-value-parser: 4.2.0
dev: true
- /postcss-colormin@6.0.2(postcss@8.4.35):
- resolution: {integrity: sha512-TXKOxs9LWcdYo5cgmcSHPkyrLAh86hX1ijmyy6J8SbOhyv6ua053M3ZAM/0j44UsnQNIWdl8gb5L7xX2htKeLw==}
+ /postcss-colormin@6.0.3(postcss@8.4.35):
+ resolution: {integrity: sha512-ECpkS+UZRyAtu/kjive2/1mihP+GNtgC8kcdU8ueWZi1ZVxMNnRziCLdhrWECJhEtSWijfX2Cl9XTTCK/hjGaA==}
engines: {node: ^14 || ^16 || >=18.0}
peerDependencies:
postcss: ^8.4.31
@@ -8621,8 +8621,8 @@ packages:
postcss-value-parser: 4.2.0
dev: true
- /postcss-convert-values@6.0.2(postcss@8.4.35):
- resolution: {integrity: sha512-aeBmaTnGQ+NUSVQT8aY0sKyAD/BaLJenEKZ03YK0JnDE1w1Rr8XShoxdal2V2H26xTJKr3v5haByOhJuyT4UYw==}
+ /postcss-convert-values@6.0.4(postcss@8.4.35):
+ resolution: {integrity: sha512-YT2yrGzPXoQD3YeA2kBo/696qNwn7vI+15AOS2puXWEvSWqdCqlOyDWRy5GNnOc9ACRGOkuQ4ESQEqPJBWt/GA==}
engines: {node: ^14 || ^16 || >=18.0}
peerDependencies:
postcss: ^8.4.31
@@ -8641,8 +8641,8 @@ packages:
postcss: 8.4.35
dev: true
- /postcss-discard-duplicates@6.0.1(postcss@8.4.35):
- resolution: {integrity: sha512-1hvUs76HLYR8zkScbwyJ8oJEugfPV+WchpnA+26fpJ7Smzs51CzGBHC32RS03psuX/2l0l0UKh2StzNxOrKCYg==}
+ /postcss-discard-duplicates@6.0.2(postcss@8.4.35):
+ resolution: {integrity: sha512-U2rsj4w6pAGROCCcD13LP2eBIi1whUsXs4kgE6xkIuGfkbxCBSKhkCTWyowFd66WdVlLv0uM1euJKIgmdmZObg==}
engines: {node: ^14 || ^16 || >=18.0}
peerDependencies:
postcss: ^8.4.31
@@ -8650,8 +8650,8 @@ packages:
postcss: 8.4.35
dev: true
- /postcss-discard-empty@6.0.1(postcss@8.4.35):
- resolution: {integrity: sha512-yitcmKwmVWtNsrrRqGJ7/C0YRy53i0mjexBDQ9zYxDwTWVBgbU4+C9jIZLmQlTDT9zhml+u0OMFJh8+31krmOg==}
+ /postcss-discard-empty@6.0.2(postcss@8.4.35):
+ resolution: {integrity: sha512-rj6pVC2dVCJrP0Y2RkYTQEbYaCf4HEm+R/2StQgJqGHxAa3+KcYslNQhcRqjLHtl/4wpzipJluaJLqBj6d5eDQ==}
engines: {node: ^14 || ^16 || >=18.0}
peerDependencies:
postcss: ^8.4.31
@@ -8668,19 +8668,19 @@ packages:
postcss: 8.4.35
dev: true
- /postcss-merge-longhand@6.0.2(postcss@8.4.35):
- resolution: {integrity: sha512-+yfVB7gEM8SrCo9w2lCApKIEzrTKl5yS1F4yGhV3kSim6JzbfLGJyhR1B6X+6vOT0U33Mgx7iv4X9MVWuaSAfw==}
+ /postcss-merge-longhand@6.0.3(postcss@8.4.35):
+ resolution: {integrity: sha512-kF/y3DU8CRt+SX3tP/aG+2gkZI2Z7OXDsPU7FgxIJmuyhQQ1EHceIYcsp/alvzCm2P4c37Sfdu8nNrHc+YeyLg==}
engines: {node: ^14 || ^16 || >=18.0}
peerDependencies:
postcss: ^8.4.31
dependencies:
postcss: 8.4.35
postcss-value-parser: 4.2.0
- stylehacks: 6.0.2(postcss@8.4.35)
+ stylehacks: 6.0.3(postcss@8.4.35)
dev: true
- /postcss-merge-rules@6.0.3(postcss@8.4.35):
- resolution: {integrity: sha512-yfkDqSHGohy8sGYIJwBmIGDv4K4/WrJPX355XrxQb/CSsT4Kc/RxDi6akqn5s9bap85AWgv21ArcUWwWdGNSHA==}
+ /postcss-merge-rules@6.0.4(postcss@8.4.35):
+ resolution: {integrity: sha512-97iF3UJ5v8N1BWy38y+0l+Z8o5/9uGlEgtWic2PJPzoRrLB6Gxg8TVG93O0EK52jcLeMsywre26AUlX1YAYeHA==}
engines: {node: ^14 || ^16 || >=18.0}
peerDependencies:
postcss: ^8.4.31
@@ -8692,8 +8692,8 @@ packages:
postcss-selector-parser: 6.0.15
dev: true
- /postcss-minify-font-values@6.0.1(postcss@8.4.35):
- resolution: {integrity: sha512-tIwmF1zUPoN6xOtA/2FgVk1ZKrLcCvE0dpZLtzyyte0j9zUeB8RTbCqrHZGjJlxOvNWKMYtunLrrl7HPOiR46w==}
+ /postcss-minify-font-values@6.0.2(postcss@8.4.35):
+ resolution: {integrity: sha512-IedzbVMoX0a7VZWjSYr5qJ6C37rws8kl8diPBeMZLJfWKkgXuMFY5R/OxPegn/q9tK9ztd0XRH3aR0u2t+A7uQ==}
engines: {node: ^14 || ^16 || >=18.0}
peerDependencies:
postcss: ^8.4.31
@@ -8702,8 +8702,8 @@ packages:
postcss-value-parser: 4.2.0
dev: true
- /postcss-minify-gradients@6.0.1(postcss@8.4.35):
- resolution: {integrity: sha512-M1RJWVjd6IOLPl1hYiOd5HQHgpp6cvJVLrieQYS9y07Yo8itAr6jaekzJphaJFR0tcg4kRewCk3kna9uHBxn/w==}
+ /postcss-minify-gradients@6.0.2(postcss@8.4.35):
+ resolution: {integrity: sha512-vP5mF7iI6/5fcpv+rSfwWQekOE+8I1i7/7RjZPGuIjj6eUaZVeG4XZYZrroFuw1WQd51u2V32wyQFZ+oYdE7CA==}
engines: {node: ^14 || ^16 || >=18.0}
peerDependencies:
postcss: ^8.4.31
@@ -8714,8 +8714,8 @@ packages:
postcss-value-parser: 4.2.0
dev: true
- /postcss-minify-params@6.0.2(postcss@8.4.35):
- resolution: {integrity: sha512-zwQtbrPEBDj+ApELZ6QylLf2/c5zmASoOuA4DzolyVGdV38iR2I5QRMsZcHkcdkZzxpN8RS4cN7LPskOkTwTZw==}
+ /postcss-minify-params@6.0.3(postcss@8.4.35):
+ resolution: {integrity: sha512-j4S74d3AAeCK5eGdQndXSrkxusV2ekOxbXGnlnZthMyZBBvSDiU34CihTASbJxuVB3bugudmwolS7+Dgs5OyOQ==}
engines: {node: ^14 || ^16 || >=18.0}
peerDependencies:
postcss: ^8.4.31
@@ -8795,8 +8795,8 @@ packages:
postcss-value-parser: 4.2.0
dev: true
- /postcss-normalize-unicode@6.0.2(postcss@8.4.35):
- resolution: {integrity: sha512-Ff2VdAYCTGyMUwpevTZPZ4w0+mPjbZzLLyoLh/RMpqUqeQKZ+xMm31hkxBavDcGKcxm6ACzGk0nBfZ8LZkStKA==}
+ /postcss-normalize-unicode@6.0.3(postcss@8.4.35):
+ resolution: {integrity: sha512-T2Bb3gXz0ASgc3ori2dzjv6j/P2IantreaC6fT8tWjqYUiqMAh5jGIkdPwEV2FaucjQlCLeFJDJh2BeSugE1ig==}
engines: {node: ^14 || ^16 || >=18.0}
peerDependencies:
postcss: ^8.4.31
@@ -8837,8 +8837,8 @@ packages:
postcss-value-parser: 4.2.0
dev: true
- /postcss-reduce-initial@6.0.2(postcss@8.4.35):
- resolution: {integrity: sha512-YGKalhNlCLcjcLvjU5nF8FyeCTkCO5UtvJEt0hrPZVCTtRLSOH4z00T1UntQPj4dUmIYZgMj8qK77JbSX95hSw==}
+ /postcss-reduce-initial@6.0.3(postcss@8.4.35):
+ resolution: {integrity: sha512-w4QIR9pEa1N4xMx3k30T1vLZl6udVK2RmNqrDXhBXX9L0mBj2a8ADs8zkbaEH7eUy1m30Wyr5EBgHN31Yq1JvA==}
engines: {node: ^14 || ^16 || >=18.0}
peerDependencies:
postcss: ^8.4.31
@@ -8931,6 +8931,14 @@ packages:
vue: 3.4.19(typescript@5.3.3)
dev: true
+ /primevue@3.49.0(vue@3.4.19):
+ resolution: {integrity: sha512-1lFTU/WK1wcjaaKqce7XldrH4MGPySXxH9Nyoj0d9QiGehePw9JUQrGhVgfjx3I/MD/VgE85wF1HihqtPJehbw==}
+ peerDependencies:
+ vue: ^3.0.0
+ dependencies:
+ vue: 3.4.19(typescript@5.3.3)
+ dev: true
+
/proc-log@3.0.0:
resolution: {integrity: sha512-++Vn7NS4Xf9NacaU9Xq3URUuqZETPsf8L4j5/ckhaRYsfPeRyzGw+iDjFhV/Jr3uNmTvvddEJFWh5R1gRgUH8A==}
engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
@@ -9181,7 +9189,7 @@ packages:
resolution: {integrity: sha512-lNeOl38Ws0eNxpO3+wD1I9rkHGQyj1NU1jlzv4go2CtEnEQEUfqnIvZG7W+bC/aXdJ27n5x/yUjb6RoT9tko+Q==}
dependencies:
defu: 6.1.4
- destr: 2.0.2
+ destr: 2.0.3
flat: 5.0.2
dev: true
@@ -9284,7 +9292,7 @@ packages:
call-bind: 1.0.7
define-properties: 1.2.1
es-errors: 1.3.0
- set-function-name: 2.0.1
+ set-function-name: 2.0.2
dev: true
/regexpp@3.2.0:
@@ -9463,7 +9471,7 @@ packages:
glob: 7.2.3
dev: true
- /rollup-plugin-visualizer@5.12.0(rollup@4.11.0):
+ /rollup-plugin-visualizer@5.12.0(rollup@4.12.0):
resolution: {integrity: sha512-8/NU9jXcHRs7Nnj07PF2o4gjxmm9lXIrZ8r175bT9dK8qoLlvKTwRMArRCMgpMGlq8CTLugRvEmyMeMXIU2pNQ==}
engines: {node: '>=14'}
hasBin: true
@@ -9475,31 +9483,31 @@ packages:
dependencies:
open: 8.4.2
picomatch: 2.3.1
- rollup: 4.11.0
+ rollup: 4.12.0
source-map: 0.7.4
yargs: 17.7.2
dev: true
- /rollup@4.11.0:
- resolution: {integrity: sha512-2xIbaXDXjf3u2tajvA5xROpib7eegJ9Y/uPlSFhXLNpK9ampCczXAhLEb5yLzJyG3LAdI1NWtNjDXiLyniNdjQ==}
+ /rollup@4.12.0:
+ resolution: {integrity: sha512-wz66wn4t1OHIJw3+XU7mJJQV/2NAfw5OAk6G6Hoo3zcvz/XOfQ52Vgi+AN4Uxoxi0KBBwk2g8zPrTDA4btSB/Q==}
engines: {node: '>=18.0.0', npm: '>=8.0.0'}
hasBin: true
dependencies:
'@types/estree': 1.0.5
optionalDependencies:
- '@rollup/rollup-android-arm-eabi': 4.11.0
- '@rollup/rollup-android-arm64': 4.11.0
- '@rollup/rollup-darwin-arm64': 4.11.0
- '@rollup/rollup-darwin-x64': 4.11.0
- '@rollup/rollup-linux-arm-gnueabihf': 4.11.0
- '@rollup/rollup-linux-arm64-gnu': 4.11.0
- '@rollup/rollup-linux-arm64-musl': 4.11.0
- '@rollup/rollup-linux-riscv64-gnu': 4.11.0
- '@rollup/rollup-linux-x64-gnu': 4.11.0
- '@rollup/rollup-linux-x64-musl': 4.11.0
- '@rollup/rollup-win32-arm64-msvc': 4.11.0
- '@rollup/rollup-win32-ia32-msvc': 4.11.0
- '@rollup/rollup-win32-x64-msvc': 4.11.0
+ '@rollup/rollup-android-arm-eabi': 4.12.0
+ '@rollup/rollup-android-arm64': 4.12.0
+ '@rollup/rollup-darwin-arm64': 4.12.0
+ '@rollup/rollup-darwin-x64': 4.12.0
+ '@rollup/rollup-linux-arm-gnueabihf': 4.12.0
+ '@rollup/rollup-linux-arm64-gnu': 4.12.0
+ '@rollup/rollup-linux-arm64-musl': 4.12.0
+ '@rollup/rollup-linux-riscv64-gnu': 4.12.0
+ '@rollup/rollup-linux-x64-gnu': 4.12.0
+ '@rollup/rollup-linux-x64-musl': 4.12.0
+ '@rollup/rollup-win32-arm64-msvc': 4.12.0
+ '@rollup/rollup-win32-ia32-msvc': 4.12.0
+ '@rollup/rollup-win32-x64-msvc': 4.12.0
fsevents: 2.3.3
dev: true
@@ -9560,8 +9568,8 @@ packages:
requiresBuild: true
dev: true
- /sass@1.71.0:
- resolution: {integrity: sha512-HKKIKf49Vkxlrav3F/w6qRuPcmImGVbIXJ2I3Kg0VMA+3Bav+8yE9G5XmP5lMj6nl4OlqbPftGAscNaNu28b8w==}
+ /sass@1.71.1:
+ resolution: {integrity: sha512-wovtnV2PxzteLlfNzbgm1tFXPLoZILYAMJtvoXXkD7/+1uP41eKkIt1ypWq5/q2uT94qHjXehEYfmjKOvjL9sg==}
engines: {node: '>=14.0.0'}
hasBin: true
dependencies:
@@ -9669,11 +9677,12 @@ packages:
has-property-descriptors: 1.0.2
dev: true
- /set-function-name@2.0.1:
- resolution: {integrity: sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==}
+ /set-function-name@2.0.2:
+ resolution: {integrity: sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==}
engines: {node: '>= 0.4'}
dependencies:
define-data-property: 1.1.4
+ es-errors: 1.3.0
functions-have-names: 1.2.3
has-property-descriptors: 1.0.2
dev: true
@@ -9698,10 +9707,10 @@ packages:
resolution: {integrity: sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==}
dev: true
- /shiki@1.1.2:
- resolution: {integrity: sha512-qNzFwTv5uhEDNUIwp7wHjsrffVeLbmOgWnM5mZZhoiz7G2qAUvqVfUzuWfieD45/YAKipzCtdV9SndacKtABow==}
+ /shiki@1.1.7:
+ resolution: {integrity: sha512-9kUTMjZtcPH3i7vHunA6EraTPpPOITYTdA5uMrvsJRexktqP0s7P3s9HVK80b4pP42FRVe03D7fT3NmJv2yYhw==}
dependencies:
- '@shikijs/core': 1.1.2
+ '@shikijs/core': 1.1.7
dev: true
/side-channel@1.0.5:
@@ -9830,13 +9839,13 @@ packages:
dependencies:
agent-base: 7.1.0
debug: 4.3.4
- socks: 2.7.3
+ socks: 2.8.1
transitivePeerDependencies:
- supports-color
dev: true
- /socks@2.7.3:
- resolution: {integrity: sha512-vfuYK48HXCTFD03G/1/zkIls3Ebr2YNa4qU9gHDZdblHLiqhJrJGkY3+0Nx0JpN9qBhJbVObc1CNciT1bIZJxw==}
+ /socks@2.8.1:
+ resolution: {integrity: sha512-B6w7tkwNid7ToxjZ08rQMT8M9BJAf8DKx8Ft4NivzH0zBUfd6jldGcisJn/RLgxcX3FPNDdNQCUEMMT79b+oCQ==}
engines: {node: '>= 10.0.0', npm: '>= 3.0.0'}
dependencies:
ip-address: 9.0.5
@@ -9919,8 +9928,8 @@ packages:
resolution: {integrity: sha512-JPbdCEQLj1w5GilpiHAx3qJvFndqybBysA3qUOnznweH4QbNYUsW/ea8QzSrnh0vNsezMMw5bcVool8lM0gwzg==}
dev: true
- /streamx@2.15.8:
- resolution: {integrity: sha512-6pwMeMY/SuISiRsuS8TeIrAzyFbG5gGPHFQsYjUr/pbBadaL1PCWmzKw+CHZSwainfvcF6Si6cVLq4XTEwswFQ==}
+ /streamx@2.16.1:
+ resolution: {integrity: sha512-m9QYj6WygWyWa3H1YY69amr4nVgy61xfjys7xO7kviL5rfIEc2naf+ewFiOA+aEJD7y0JO3h2GoiUv4TDwEGzQ==}
dependencies:
fast-fifo: 1.3.2
queue-tick: 1.0.1
@@ -10043,8 +10052,8 @@ packages:
js-tokens: 8.0.3
dev: true
- /stylehacks@6.0.2(postcss@8.4.35):
- resolution: {integrity: sha512-00zvJGnCu64EpMjX8b5iCZ3us2Ptyw8+toEkb92VdmkEaRaSGBNKAoK6aWZckhXxmQP8zWiTaFaiMGIU8Ve8sg==}
+ /stylehacks@6.0.3(postcss@8.4.35):
+ resolution: {integrity: sha512-KzBqjnqktc8/I0ERCb+lGq06giF/JxDbw2r9kEVhen9noHeIDRtMWUp9r62sOk+/2bbX6sFG1GhsS7ToXG0PEg==}
engines: {node: ^14 || ^16 || >=18.0}
peerDependencies:
postcss: ^8.4.31
@@ -10059,7 +10068,7 @@ packages:
engines: {node: '>=16 || 14 >=14.17'}
hasBin: true
dependencies:
- '@jridgewell/gen-mapping': 0.3.3
+ '@jridgewell/gen-mapping': 0.3.4
commander: 4.1.1
glob: 10.3.10
lines-and-columns: 1.2.4
@@ -10136,7 +10145,7 @@ packages:
dependencies:
b4a: 1.6.6
fast-fifo: 1.3.2
- streamx: 2.15.8
+ streamx: 2.16.1
dev: true
/tar@6.2.0:
@@ -10151,7 +10160,7 @@ packages:
yallist: 4.0.0
dev: true
- /terser-webpack-plugin@5.3.10(webpack@5.90.2):
+ /terser-webpack-plugin@5.3.10(webpack@5.90.3):
resolution: {integrity: sha512-BKFPWlPDndPs+NGGCr1U59t0XScL5317Y0UReNrHaw9/FwhPENlq6bfgs+4yPfyP51vqC1bQ4rp1EfXW5ZSH9w==}
engines: {node: '>= 10.13.0'}
peerDependencies:
@@ -10167,16 +10176,16 @@ packages:
uglify-js:
optional: true
dependencies:
- '@jridgewell/trace-mapping': 0.3.22
+ '@jridgewell/trace-mapping': 0.3.23
jest-worker: 27.5.1
schema-utils: 3.3.0
serialize-javascript: 6.0.2
- terser: 5.27.1
- webpack: 5.90.2
+ terser: 5.28.1
+ webpack: 5.90.3
dev: true
- /terser@5.27.1:
- resolution: {integrity: sha512-29wAr6UU/oQpnTw5HoadwjUZnFQXGdOfj0LjZ4sVxzqwHh/QVkvr7m8y9WoR4iN3FRitVduTc6KdjcW38Npsug==}
+ /terser@5.28.1:
+ resolution: {integrity: sha512-wM+bZp54v/E9eRRGXb5ZFDvinrJIOaTapx3WUokyVGZu5ucVCK55zEgGd5Dl2fSr3jUo5sDiERErUWLY6QPFyA==}
engines: {node: '>=10'}
hasBin: true
dependencies:
@@ -10217,8 +10226,8 @@ packages:
engines: {node: '>=10'}
dev: true
- /tiny-invariant@1.3.1:
- resolution: {integrity: sha512-AD5ih2NlSssTCwsMznbvwMZpJ1cbhkGd2uueNxzv2jDlEeZdU04JQfRnggJQ8DrcVBGjAsCKwFBbDlVNtEMlzw==}
+ /tiny-invariant@1.3.3:
+ resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
dev: true
/tinybench@2.6.0:
@@ -10372,8 +10381,8 @@ packages:
engines: {node: '>=14.16'}
dev: true
- /typed-array-buffer@1.0.1:
- resolution: {integrity: sha512-RSqu1UEuSlrBhHTWC8O9FnPjOduNs4M7rJ4pRKoEjtx1zUNOPN2sSXHLDX+Y2WPbHIxbvg4JFo2DNAEfPIKWoQ==}
+ /typed-array-buffer@1.0.2:
+ resolution: {integrity: sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==}
engines: {node: '>= 0.4'}
dependencies:
call-bind: 1.0.7
@@ -10381,33 +10390,39 @@ packages:
is-typed-array: 1.1.13
dev: true
- /typed-array-byte-length@1.0.0:
- resolution: {integrity: sha512-Or/+kvLxNpeQ9DtSydonMxCx+9ZXOswtwJn17SNLvhptaXYDJvkFFP5zbfU/uLmvnBJlI4yrnXRxpdWH/M5tNA==}
+ /typed-array-byte-length@1.0.1:
+ resolution: {integrity: sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==}
engines: {node: '>= 0.4'}
dependencies:
call-bind: 1.0.7
for-each: 0.3.3
- has-proto: 1.0.1
+ gopd: 1.0.1
+ has-proto: 1.0.3
is-typed-array: 1.1.13
dev: true
- /typed-array-byte-offset@1.0.0:
- resolution: {integrity: sha512-RD97prjEt9EL8YgAgpOkf3O4IF9lhJFr9g0htQkm0rchFp/Vx7LW5Q8fSXXub7BXAODyUQohRMyOc3faCPd0hg==}
+ /typed-array-byte-offset@1.0.2:
+ resolution: {integrity: sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==}
engines: {node: '>= 0.4'}
dependencies:
- available-typed-arrays: 1.0.6
+ available-typed-arrays: 1.0.7
call-bind: 1.0.7
for-each: 0.3.3
- has-proto: 1.0.1
+ gopd: 1.0.1
+ has-proto: 1.0.3
is-typed-array: 1.1.13
dev: true
- /typed-array-length@1.0.4:
- resolution: {integrity: sha512-KjZypGq+I/H7HI5HlOoGHkWUUGq+Q0TPhQurLbyrVrvnKTBgzLhIJ7j6J/XTQOi0d1RjyZ0wdas8bKs2p0x3Ng==}
+ /typed-array-length@1.0.5:
+ resolution: {integrity: sha512-yMi0PlwuznKHxKmcpoOdeLwxBoVPkqZxd7q2FgMkmD3bNwvF5VW0+UlUQ1k1vmktTu4Yu13Q0RIxEP8+B+wloA==}
+ engines: {node: '>= 0.4'}
dependencies:
call-bind: 1.0.7
for-each: 0.3.3
+ gopd: 1.0.1
+ has-proto: 1.0.3
is-typed-array: 1.1.13
+ possible-typed-array-names: 1.0.0
dev: true
/typescript@5.3.3:
@@ -10424,8 +10439,8 @@ packages:
resolution: {integrity: sha512-Hhy+BhRBleFjpJ2vchUNN40qgkh0366FWJGqVLYBHev0vpHTrXSA0ryT+74UiW6KWsldNurQMKGqCm1M2zBciQ==}
dev: true
- /ultrahtml@1.5.2:
- resolution: {integrity: sha512-qh4mBffhlkiXwDAOxvSGxhL0QEQsTbnP9BozOK3OYPEGvPvdWzvAUaXNtUSMdNsKDtuyjEbyVUPFZ52SSLhLqw==}
+ /ultrahtml@1.5.3:
+ resolution: {integrity: sha512-GykOvZwgDWZlTQMtp5jrD4BVL+gNn2NVlVafjcFUJ7taY20tqYdwdoWBFy6GBJsNTZe1GkGPkSl5knQAjtgceg==}
dev: true
/unbox-primitive@1.0.2:
@@ -10443,7 +10458,7 @@ packages:
'@antfu/utils': 0.7.7
defu: 6.1.4
jiti: 1.21.0
- mlly: 1.5.0
+ mlly: 1.6.1
dev: true
/uncrypto@0.1.3:
@@ -10511,17 +10526,17 @@ packages:
vfile: 6.0.1
dev: true
- /unimport@3.7.1(rollup@4.11.0):
+ /unimport@3.7.1(rollup@4.12.0):
resolution: {integrity: sha512-V9HpXYfsZye5bPPYUgs0Otn3ODS1mDUciaBlXljI4C2fTwfFpvFZRywmlOu943puN9sncxROMZhsZCjNXEpzEQ==}
dependencies:
- '@rollup/pluginutils': 5.1.0(rollup@4.11.0)
+ '@rollup/pluginutils': 5.1.0(rollup@4.12.0)
acorn: 8.11.3
escape-string-regexp: 5.0.0
estree-walker: 3.0.3
fast-glob: 3.3.2
local-pkg: 0.5.0
magic-string: 0.30.7
- mlly: 1.5.0
+ mlly: 1.6.1
pathe: 1.1.2
pkg-types: 1.0.3
scule: 1.3.0
@@ -10594,7 +10609,7 @@ packages:
engines: {node: '>= 10.0.0'}
dev: true
- /unocss@0.58.5(@unocss/webpack@0.58.5)(postcss@8.4.35)(rollup@4.11.0)(vite@5.1.3):
+ /unocss@0.58.5(@unocss/webpack@0.58.5)(postcss@8.4.35)(rollup@4.12.0)(vite@5.1.4):
resolution: {integrity: sha512-0g4P6jLgRRNnhscxw7nQ9RHGrKJ1UPPiHPet+YT3TXUcmy4mTiYgo9+kGQf5bjyrzsELJ10cT6Qz2y6g9Tls4g==}
engines: {node: '>=14'}
peerDependencies:
@@ -10606,8 +10621,8 @@ packages:
vite:
optional: true
dependencies:
- '@unocss/astro': 0.58.5(rollup@4.11.0)(vite@5.1.3)
- '@unocss/cli': 0.58.5(rollup@4.11.0)
+ '@unocss/astro': 0.58.5(rollup@4.12.0)(vite@5.1.4)
+ '@unocss/cli': 0.58.5(rollup@4.12.0)
'@unocss/core': 0.58.5
'@unocss/extractor-arbitrary-variants': 0.58.5
'@unocss/postcss': 0.58.5(postcss@8.4.35)
@@ -10625,16 +10640,16 @@ packages:
'@unocss/transformer-compile-class': 0.58.5
'@unocss/transformer-directives': 0.58.5
'@unocss/transformer-variant-group': 0.58.5
- '@unocss/vite': 0.58.5(rollup@4.11.0)(vite@5.1.3)
- '@unocss/webpack': 0.58.5(rollup@4.11.0)(webpack@5.90.2)
- vite: 5.1.3(sass@1.71.0)
+ '@unocss/vite': 0.58.5(rollup@4.12.0)(vite@5.1.4)
+ '@unocss/webpack': 0.58.5(rollup@4.12.0)(webpack@5.90.3)
+ vite: 5.1.4(sass@1.71.1)
transitivePeerDependencies:
- postcss
- rollup
- supports-color
dev: true
- /unplugin-formkit@0.2.13(rollup@4.11.0)(vite@5.1.3)(webpack@5.90.2):
+ /unplugin-formkit@0.2.13(rollup@4.12.0)(vite@5.1.4)(webpack@5.90.3):
resolution: {integrity: sha512-qNHz7/0QDO0uVD5MoUZz49CI7q8cHM24RQDwbs5NfRJ6EiyZ1gBmWq9ta3QHR2nD7xacXV+yzmfDbnwlNpkzsg==}
peerDependencies:
esbuild: '*'
@@ -10652,13 +10667,13 @@ packages:
optional: true
dependencies:
pathe: 1.1.2
- rollup: 4.11.0
+ rollup: 4.12.0
unplugin: 1.7.1
- vite: 5.1.3(sass@1.71.0)
- webpack: 5.90.2
+ vite: 5.1.4(sass@1.71.1)
+ webpack: 5.90.3
dev: true
- /unplugin-vue-router@0.7.0(rollup@4.11.0)(vue-router@4.2.5)(vue@3.4.19):
+ /unplugin-vue-router@0.7.0(rollup@4.12.0)(vue-router@4.3.0)(vue@3.4.19):
resolution: {integrity: sha512-ddRreGq0t5vlSB7OMy4e4cfU1w2AwBQCwmvW3oP/0IHQiokzbx4hd3TpwBu3eIAFVuhX2cwNQwp1U32UybTVCw==}
peerDependencies:
vue-router: ^4.1.0
@@ -10667,18 +10682,18 @@ packages:
optional: true
dependencies:
'@babel/types': 7.23.9
- '@rollup/pluginutils': 5.1.0(rollup@4.11.0)
- '@vue-macros/common': 1.10.1(rollup@4.11.0)(vue@3.4.19)
- ast-walker-scope: 0.5.0(rollup@4.11.0)
+ '@rollup/pluginutils': 5.1.0(rollup@4.12.0)
+ '@vue-macros/common': 1.10.1(rollup@4.12.0)(vue@3.4.19)
+ ast-walker-scope: 0.5.0(rollup@4.12.0)
chokidar: 3.6.0
fast-glob: 3.3.2
json5: 2.2.3
local-pkg: 0.4.3
- mlly: 1.5.0
+ mlly: 1.6.1
pathe: 1.1.2
scule: 1.3.0
unplugin: 1.7.1
- vue-router: 4.2.5(vue@3.4.19)
+ vue-router: 4.3.0(vue@3.4.19)
yaml: 2.3.4
transitivePeerDependencies:
- rollup
@@ -10737,8 +10752,8 @@ packages:
dependencies:
anymatch: 3.1.3
chokidar: 3.6.0
- destr: 2.0.2
- h3: 1.10.1
+ destr: 2.0.3
+ h3: 1.10.2
ioredis: 5.3.2
listhen: 1.6.0
lru-cache: 10.2.0
@@ -10778,7 +10793,7 @@ packages:
resolution: {integrity: sha512-+s4iWvHHYnLuwNo+9mqVFLBmBzGc3gIuzkVZ8fdMN9K/kWopCnfaUVnDagd2OX3It5nRR5EenI5nSQb8FOd0fA==}
dependencies:
magic-string: 0.30.7
- mlly: 1.5.0
+ mlly: 1.6.1
pathe: 1.1.2
pkg-types: 1.0.3
unplugin: 1.7.1
@@ -10824,7 +10839,7 @@ packages:
resolution: {integrity: sha512-/EH/sDgxU2eGxajKdwLCDmQ4FWq+kpi3uCmBGpw1xJtnAxEjlD8j8PEiGWpCIMIs3ciNAgH0d3TTJiUkYzyZjA==}
engines: {node: '>=10.12.0'}
dependencies:
- '@jridgewell/trace-mapping': 0.3.22
+ '@jridgewell/trace-mapping': 0.3.23
'@types/istanbul-lib-coverage': 2.0.6
convert-source-map: 2.0.0
dev: true
@@ -10865,8 +10880,8 @@ packages:
vfile-message: 4.0.2
dev: true
- /vite-node@1.2.2(sass@1.71.0):
- resolution: {integrity: sha512-1as4rDTgVWJO3n1uHmUYqq7nsFgINQ9u+mRcXpjeOMJUmviqNKjcZB7UfRZrlM7MjYXMKpuWp5oGkjaFLnjawg==}
+ /vite-node@1.3.1(sass@1.71.1):
+ resolution: {integrity: sha512-azbRrqRxlWTJEVbzInZCTchx0X69M/XPTCz4H+TLvlTcR/xH/3hkRqhOakT41fMJCMzXTu4UvegkZiEoJAWvng==}
engines: {node: ^18.0.0 || >=20.0.0}
hasBin: true
dependencies:
@@ -10874,7 +10889,7 @@ packages:
debug: 4.3.4
pathe: 1.1.2
picocolors: 1.0.0
- vite: 5.1.3(sass@1.71.0)
+ vite: 5.1.4(sass@1.71.1)
transitivePeerDependencies:
- '@types/node'
- less
@@ -10886,7 +10901,7 @@ packages:
- terser
dev: true
- /vite-plugin-checker@0.6.4(eslint@8.56.0)(typescript@5.3.3)(vite@5.1.1):
+ /vite-plugin-checker@0.6.4(eslint@8.57.0)(typescript@5.3.3)(vite@5.1.4):
resolution: {integrity: sha512-2zKHH5oxr+ye43nReRbC2fny1nyARwhxdm0uNYp/ERy4YvU9iZpNOsueoi/luXw5gnpqRSvjcEPxXbS153O2wA==}
engines: {node: '>=14.16'}
peerDependencies:
@@ -10922,22 +10937,22 @@ packages:
chalk: 4.1.2
chokidar: 3.6.0
commander: 8.3.0
- eslint: 8.56.0
+ eslint: 8.57.0
fast-glob: 3.3.2
fs-extra: 11.2.0
npm-run-path: 4.0.1
semver: 7.6.0
strip-ansi: 6.0.1
- tiny-invariant: 1.3.1
+ tiny-invariant: 1.3.3
typescript: 5.3.3
- vite: 5.1.1(sass@1.71.0)
+ vite: 5.1.4(sass@1.71.1)
vscode-languageclient: 7.0.0
vscode-languageserver: 7.0.0
vscode-languageserver-textdocument: 1.0.11
vscode-uri: 3.0.8
dev: true
- /vite-plugin-inspect@0.8.3(@nuxt/kit@3.10.2)(rollup@4.11.0)(vite@5.1.3):
+ /vite-plugin-inspect@0.8.3(@nuxt/kit@3.10.3)(rollup@4.12.0)(vite@5.1.4):
resolution: {integrity: sha512-SBVzOIdP/kwe6hjkt7LSW4D0+REqqe58AumcnCfRNw4Kt3mbS9pEBkch+nupu2PBxv2tQi69EQHQ1ZA1vgB/Og==}
engines: {node: '>=14'}
peerDependencies:
@@ -10948,8 +10963,8 @@ packages:
optional: true
dependencies:
'@antfu/utils': 0.7.7
- '@nuxt/kit': 3.10.2(rollup@4.11.0)
- '@rollup/pluginutils': 5.1.0(rollup@4.11.0)
+ '@nuxt/kit': 3.10.3(rollup@4.12.0)
+ '@rollup/pluginutils': 5.1.0(rollup@4.12.0)
debug: 4.3.4
error-stack-parser-es: 0.1.1
fs-extra: 11.2.0
@@ -10957,13 +10972,13 @@ packages:
perfect-debounce: 1.0.0
picocolors: 1.0.0
sirv: 2.0.4
- vite: 5.1.3(sass@1.71.0)
+ vite: 5.1.4(sass@1.71.1)
transitivePeerDependencies:
- rollup
- supports-color
dev: true
- /vite-plugin-vue-inspector@4.0.2(vite@5.1.3):
+ /vite-plugin-vue-inspector@4.0.2(vite@5.1.4):
resolution: {integrity: sha512-KPvLEuafPG13T7JJuQbSm5PwSxKFnVS965+MP1we2xGw9BPkkc/+LPix5MMWenpKWqtjr0ws8THrR+KuoDC8hg==}
peerDependencies:
vite: ^3.0.0-0 || ^4.0.0-0 || ^5.0.0-0
@@ -10977,13 +10992,13 @@ packages:
'@vue/compiler-dom': 3.4.19
kolorist: 1.8.0
magic-string: 0.30.7
- vite: 5.1.3(sass@1.71.0)
+ vite: 5.1.4(sass@1.71.1)
transitivePeerDependencies:
- supports-color
dev: true
- /vite@5.1.1(sass@1.71.0):
- resolution: {integrity: sha512-wclpAgY3F1tR7t9LL5CcHC41YPkQIpKUGeIuT8MdNwNZr6OqOTLs7JX5vIHAtzqLWXts0T+GDrh9pN2arneKqg==}
+ /vite@5.1.4(sass@1.71.1):
+ resolution: {integrity: sha512-n+MPqzq+d9nMVTKyewqw6kSt+R3CkvF9QAKY8obiQn8g1fwTscKxyfaYnC632HtBXAQGc1Yjomphwn1dtwGAHg==}
engines: {node: ^18.0.0 || >=20.0.0}
hasBin: true
peerDependencies:
@@ -11012,52 +11027,16 @@ packages:
dependencies:
esbuild: 0.19.12
postcss: 8.4.35
- rollup: 4.11.0
- sass: 1.71.0
+ rollup: 4.12.0
+ sass: 1.71.1
optionalDependencies:
fsevents: 2.3.3
dev: true
- /vite@5.1.3(sass@1.71.0):
- resolution: {integrity: sha512-UfmUD36DKkqhi/F75RrxvPpry+9+tTkrXfMNZD+SboZqBCMsxKtO52XeGzzuh7ioz+Eo/SYDBbdb0Z7vgcDJew==}
- engines: {node: ^18.0.0 || >=20.0.0}
- hasBin: true
- peerDependencies:
- '@types/node': ^18.0.0 || >=20.0.0
- less: '*'
- lightningcss: ^1.21.0
- sass: '*'
- stylus: '*'
- sugarss: '*'
- terser: ^5.4.0
- peerDependenciesMeta:
- '@types/node':
- optional: true
- less:
- optional: true
- lightningcss:
- optional: true
- sass:
- optional: true
- stylus:
- optional: true
- sugarss:
- optional: true
- terser:
- optional: true
- dependencies:
- esbuild: 0.19.12
- postcss: 8.4.35
- rollup: 4.11.0
- sass: 1.71.0
- optionalDependencies:
- fsevents: 2.3.3
- dev: true
-
- /vitest-environment-nuxt@1.0.0(@vitest/ui@1.2.2)(h3@1.10.1)(jsdom@24.0.0)(rollup@4.11.0)(vite@5.1.3)(vitest@1.2.2)(vue-router@4.2.5)(vue@3.4.19):
+ /vitest-environment-nuxt@1.0.0(@vitest/ui@1.3.1)(h3@1.10.2)(jsdom@24.0.0)(rollup@4.12.0)(vite@5.1.4)(vitest@1.3.1)(vue-router@4.3.0)(vue@3.4.19):
resolution: {integrity: sha512-AWMO9h4HdbaFdPWZw34gALFI8gbBiOpvfbyeZwHIPfh4kWg/TwElYHvYMQ61WPUlCGaS5LebfHkaI0WPyb//Iw==}
dependencies:
- '@nuxt/test-utils': 3.11.0(@vitest/ui@1.2.2)(h3@1.10.1)(jsdom@24.0.0)(rollup@4.11.0)(vite@5.1.3)(vitest@1.2.2)(vue-router@4.2.5)(vue@3.4.19)
+ '@nuxt/test-utils': 3.11.0(@vitest/ui@1.3.1)(h3@1.10.2)(jsdom@24.0.0)(rollup@4.12.0)(vite@5.1.4)(vitest@1.3.1)(vue-router@4.3.0)(vue@3.4.19)
transitivePeerDependencies:
- '@cucumber/cucumber'
- '@jest/globals'
@@ -11076,15 +11055,15 @@ packages:
- vue-router
dev: true
- /vitest@1.2.2(@vitest/ui@1.2.2)(jsdom@24.0.0)(sass@1.71.0):
- resolution: {integrity: sha512-d5Ouvrnms3GD9USIK36KG8OZ5bEvKEkITFtnGv56HFaSlbItJuYr7hv2Lkn903+AvRAgSixiamozUVfORUekjw==}
+ /vitest@1.3.1(@vitest/ui@1.3.1)(jsdom@24.0.0)(sass@1.71.1):
+ resolution: {integrity: sha512-/1QJqXs8YbCrfv/GPQ05wAZf2eakUPLPa18vkJAKE7RXOKfVHqMZZ1WlTjiwl6Gcn65M5vpNUB6EFLnEdRdEXQ==}
engines: {node: ^18.0.0 || >=20.0.0}
hasBin: true
peerDependencies:
'@edge-runtime/vm': '*'
'@types/node': ^18.0.0 || >=20.0.0
- '@vitest/browser': ^1.0.0
- '@vitest/ui': ^1.0.0
+ '@vitest/browser': 1.3.1
+ '@vitest/ui': 1.3.1
happy-dom: '*'
jsdom: '*'
peerDependenciesMeta:
@@ -11101,14 +11080,13 @@ packages:
jsdom:
optional: true
dependencies:
- '@vitest/expect': 1.2.2
- '@vitest/runner': 1.2.2
- '@vitest/snapshot': 1.2.2
- '@vitest/spy': 1.2.2
- '@vitest/ui': 1.2.2(vitest@1.2.2)
- '@vitest/utils': 1.2.2
+ '@vitest/expect': 1.3.1
+ '@vitest/runner': 1.3.1
+ '@vitest/snapshot': 1.3.1
+ '@vitest/spy': 1.3.1
+ '@vitest/ui': 1.3.1(vitest@1.3.1)
+ '@vitest/utils': 1.3.1
acorn-walk: 8.3.2
- cac: 6.7.14
chai: 4.4.1
debug: 4.3.4
execa: 8.0.1
@@ -11118,11 +11096,11 @@ packages:
pathe: 1.1.2
picocolors: 1.0.0
std-env: 3.7.0
- strip-literal: 1.3.0
+ strip-literal: 2.0.0
tinybench: 2.6.0
tinypool: 0.8.2
- vite: 5.1.3(sass@1.71.0)
- vite-node: 1.2.2(sass@1.71.0)
+ vite: 5.1.4(sass@1.71.1)
+ vite-node: 1.3.1(sass@1.71.1)
why-is-node-running: 2.2.2
transitivePeerDependencies:
- less
@@ -11199,14 +11177,14 @@ packages:
resolution: {integrity: sha512-RutnB7X8c5hjq39NceArgXg28WZtZpGc3+J16ljMiYnFhKvd8hITxSWQSQ5bvldxMDU6gG5mkxl1MTQLXckVSQ==}
dev: true
- /vue-eslint-parser@9.4.2(eslint@8.56.0):
+ /vue-eslint-parser@9.4.2(eslint@8.57.0):
resolution: {integrity: sha512-Ry9oiGmCAK91HrKMtCrKFWmSFWvYkpGglCeFAIqDdr9zdXmMMpJOmUJS7WWsW7fX81h6mwHmUZCQQ1E0PkSwYQ==}
engines: {node: ^14.17.0 || >=16.0.0}
peerDependencies:
eslint: '>=6.0.0'
dependencies:
debug: 4.3.4
- eslint: 8.56.0
+ eslint: 8.57.0
eslint-scope: 7.2.2
eslint-visitor-keys: 3.4.3
espree: 9.6.1
@@ -11229,8 +11207,8 @@ packages:
vue: 3.4.19(typescript@5.3.3)
dev: true
- /vue-router@4.2.5(vue@3.4.19):
- resolution: {integrity: sha512-DIUpKcyg4+PTQKfFPX88UWhlagBEBEfJ5A8XDXRJLUnZOvcpMF8o/dnL90vpVkGaPbjvXazV/rC1qBKrZlFugw==}
+ /vue-router@4.3.0(vue@3.4.19):
+ resolution: {integrity: sha512-dqUcs8tUeG+ssgWhcPbjHvazML16Oga5w34uCUmsk7i0BcnskoLGwjpa15fqMr2Fa5JgVBrdL2MEgqz6XZ/6IQ==}
peerDependencies:
vue: ^3.2.0
dependencies:
@@ -11295,8 +11273,8 @@ packages:
resolution: {integrity: sha512-poXpCylU7ExuvZK8z+On3kX+S8o/2dQ/SVYueKA0D4WEMXROXgY8Ez50/bQEUmvoSMMrWcrJqCHuhAbsiwg7Dg==}
dev: true
- /webpack@5.90.2:
- resolution: {integrity: sha512-ziXu8ABGr0InCMEYFnHrYweinHK2PWrMqnwdHk2oK3rRhv/1B+2FnfwYv5oD+RrknK/Pp/Hmyvu+eAsaMYhzCw==}
+ /webpack@5.90.3:
+ resolution: {integrity: sha512-h6uDYlWCctQRuXBs1oYpVe6sFcWedl0dpcVaTf/YF67J9bKvwJajFulMVSYKHrksMB3I/pIagRzDxwxkebuzKA==}
engines: {node: '>=10.13.0'}
hasBin: true
peerDependencies:
@@ -11326,7 +11304,7 @@ packages:
neo-async: 2.6.2
schema-utils: 3.3.0
tapable: 2.2.1
- terser-webpack-plugin: 5.3.10(webpack@5.90.2)
+ terser-webpack-plugin: 5.3.10(webpack@5.90.3)
watchpack: 2.4.0
webpack-sources: 3.2.3
transitivePeerDependencies:
@@ -11376,7 +11354,7 @@ packages:
resolution: {integrity: sha512-VnXFiIW8yNn9kIHN88xvZ4yOWchftKDsRJ8fEPacX/wl1lOvBrhsJ/OeJCXq7B0AaijRuqgzSKalJoPk+D8MPg==}
engines: {node: '>= 0.4'}
dependencies:
- available-typed-arrays: 1.0.6
+ available-typed-arrays: 1.0.7
call-bind: 1.0.7
for-each: 0.3.3
gopd: 1.0.1
diff --git a/public/themes/aura-dark-amber/theme.css b/public/themes/aura-dark-amber/theme.css
index e774285..c03e26f 100644
--- a/public/themes/aura-dark-amber/theme.css
+++ b/public/themes/aura-dark-amber/theme.css
@@ -1722,20 +1722,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1832,6 +1839,21 @@
width: 2.5rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #a1a1aa;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #a1a1aa;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2029,11 +2051,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2087,27 +2104,15 @@
color: #fca5a5;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > i:last-of-type {
- right: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-input-icon-right > .p-inputtext {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3137,29 +3142,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3310,351 +3315,351 @@
.p-fluid .p-button-icon-only {
width: 2.5rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #d4d4d8;
background: #27272a;
border: 1px solid #27272a;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #3f3f46;
color: #d4d4d8;
border-color: #3f3f46;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #52525b;
color: #d4d4d8;
border-color: #52525b;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(39, 39, 42, 0.04);
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(39, 39, 42, 0.16);
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #27272a;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(39, 39, 42, 0.04);
border-color: transparent;
color: #27272a;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(39, 39, 42, 0.16);
border-color: transparent;
color: #27272a;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #082f49;
background: #38bdf8;
border: 1px solid #38bdf8;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #7dd3fc;
color: #082f49;
border-color: #7dd3fc;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #bae6fd;
color: #082f49;
border-color: #bae6fd;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #38bdf8;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #052e16;
background: #4ade80;
border: 1px solid #4ade80;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #86efac;
color: #052e16;
border-color: #86efac;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #bbf7d0;
color: #052e16;
border-color: #bbf7d0;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #4ade80;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #431407;
background: #fb923c;
border: 1px solid #fb923c;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #fdba74;
color: #431407;
border-color: #fdba74;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #fed7aa;
color: #431407;
border-color: #fed7aa;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #fb923c;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #3b0764;
background: #c084fc;
border: 1px solid #c084fc;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #d8b4fe;
color: #3b0764;
border-color: #d8b4fe;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #e9d5ff;
color: #3b0764;
border-color: #e9d5ff;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #c084fc;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #450a0a;
background: #f87171;
border: 1px solid #f87171;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #fca5a5;
color: #450a0a;
border-color: #fca5a5;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #fecaca;
color: #450a0a;
border-color: #fecaca;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #f87171;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #09090b;
background: #ffffff;
border: 1px solid #ffffff;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #f4f4f5;
color: #09090b;
border-color: #f4f4f5;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #e4e4e7;
color: #09090b;
border-color: #e4e4e7;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #ffffff;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
color: #ffffff;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
border-color: transparent;
color: #ffffff;
@@ -6257,6 +6262,174 @@
background: #3f3f46;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ border-radius: 6px;
+ background: #18181b;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #a1a1aa;
+ border: 1px solid #3f3f46;
+ border-width: 2px;
+ background: #18181b;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #ffffff;
+ font-weight: 500;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: rgba(251, 191, 36, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #ffffff;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #fbbf24;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #18181b;
+ padding: 0.875rem 1.125rem 1.125rem 1.125rem;
+ color: #ffffff;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #3f3f46;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #18181b;
+ color: #ffffff;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #fbbf24;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6425,7 +6598,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6745,7 +6918,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7356,7 +7529,6 @@
border: 1px solid #3f3f46;
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;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 2px 0;
@@ -7402,7 +7574,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -7410,6 +7582,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -7820,7 +8002,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -7828,6 +8010,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8019,7 +8211,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8027,6 +8219,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8246,7 +8448,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8254,6 +8456,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8475,7 +8687,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8483,6 +8695,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8827,7 +9049,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8835,6 +9057,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -10955,6 +11187,7 @@
.p-fileupload .p-fileupload-content {
border-top: 0 none;
+ padding-top: 1.125rem;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
@@ -11071,6 +11304,12 @@
left: 1.25rem;
transform: none;
}
+ .p-inputswitch.p-invalid > .p-inputswitch-slider {
+ background: #fca5a5;
+ }
+ .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
+ background: #18181b;
+ }
.p-inputtext {
box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
@@ -11570,6 +11809,17 @@
border-radius: 6px;
}
+ .p-stepper .p-stepper-header .p-stepper-number {
+ box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #18181b;
+ color: #fbbf24;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #fbbf24;
+ }
+
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
border-width: 2px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-dark-blue/theme.css b/public/themes/aura-dark-blue/theme.css
index 3bbd652..8d35e30 100644
--- a/public/themes/aura-dark-blue/theme.css
+++ b/public/themes/aura-dark-blue/theme.css
@@ -1722,20 +1722,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1832,6 +1839,21 @@
width: 2.5rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #a1a1aa;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #a1a1aa;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2029,11 +2051,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2087,27 +2104,15 @@
color: #fca5a5;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > i:last-of-type {
- right: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-input-icon-right > .p-inputtext {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3137,29 +3142,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3310,351 +3315,351 @@
.p-fluid .p-button-icon-only {
width: 2.5rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #d4d4d8;
background: #27272a;
border: 1px solid #27272a;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #3f3f46;
color: #d4d4d8;
border-color: #3f3f46;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #52525b;
color: #d4d4d8;
border-color: #52525b;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(39, 39, 42, 0.04);
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(39, 39, 42, 0.16);
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #27272a;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(39, 39, 42, 0.04);
border-color: transparent;
color: #27272a;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(39, 39, 42, 0.16);
border-color: transparent;
color: #27272a;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #082f49;
background: #38bdf8;
border: 1px solid #38bdf8;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #7dd3fc;
color: #082f49;
border-color: #7dd3fc;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #bae6fd;
color: #082f49;
border-color: #bae6fd;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #38bdf8;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #052e16;
background: #4ade80;
border: 1px solid #4ade80;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #86efac;
color: #052e16;
border-color: #86efac;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #bbf7d0;
color: #052e16;
border-color: #bbf7d0;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #4ade80;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #431407;
background: #fb923c;
border: 1px solid #fb923c;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #fdba74;
color: #431407;
border-color: #fdba74;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #fed7aa;
color: #431407;
border-color: #fed7aa;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #fb923c;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #3b0764;
background: #c084fc;
border: 1px solid #c084fc;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #d8b4fe;
color: #3b0764;
border-color: #d8b4fe;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #e9d5ff;
color: #3b0764;
border-color: #e9d5ff;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #c084fc;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #450a0a;
background: #f87171;
border: 1px solid #f87171;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #fca5a5;
color: #450a0a;
border-color: #fca5a5;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #fecaca;
color: #450a0a;
border-color: #fecaca;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #f87171;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #09090b;
background: #ffffff;
border: 1px solid #ffffff;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #f4f4f5;
color: #09090b;
border-color: #f4f4f5;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #e4e4e7;
color: #09090b;
border-color: #e4e4e7;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #ffffff;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
color: #ffffff;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
border-color: transparent;
color: #ffffff;
@@ -6257,6 +6262,174 @@
background: #3f3f46;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ border-radius: 6px;
+ background: #18181b;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #a1a1aa;
+ border: 1px solid #3f3f46;
+ border-width: 2px;
+ background: #18181b;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #ffffff;
+ font-weight: 500;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: rgba(96, 165, 250, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #ffffff;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #60a5fa;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #18181b;
+ padding: 0.875rem 1.125rem 1.125rem 1.125rem;
+ color: #ffffff;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #3f3f46;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #18181b;
+ color: #ffffff;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #60a5fa;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6425,7 +6598,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6745,7 +6918,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7356,7 +7529,6 @@
border: 1px solid #3f3f46;
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;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 2px 0;
@@ -7402,7 +7574,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -7410,6 +7582,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -7820,7 +8002,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -7828,6 +8010,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8019,7 +8211,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8027,6 +8219,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8246,7 +8448,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8254,6 +8456,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8475,7 +8687,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8483,6 +8695,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8827,7 +9049,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8835,6 +9057,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -10955,6 +11187,7 @@
.p-fileupload .p-fileupload-content {
border-top: 0 none;
+ padding-top: 1.125rem;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
@@ -11071,6 +11304,12 @@
left: 1.25rem;
transform: none;
}
+ .p-inputswitch.p-invalid > .p-inputswitch-slider {
+ background: #fca5a5;
+ }
+ .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
+ background: #18181b;
+ }
.p-inputtext {
box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
@@ -11570,6 +11809,17 @@
border-radius: 6px;
}
+ .p-stepper .p-stepper-header .p-stepper-number {
+ box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #18181b;
+ color: #60a5fa;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #60a5fa;
+ }
+
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
border-width: 2px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-dark-cyan/theme.css b/public/themes/aura-dark-cyan/theme.css
index f65fbe7..08e4585 100644
--- a/public/themes/aura-dark-cyan/theme.css
+++ b/public/themes/aura-dark-cyan/theme.css
@@ -1722,20 +1722,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1832,6 +1839,21 @@
width: 2.5rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #a1a1aa;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #a1a1aa;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2029,11 +2051,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2087,27 +2104,15 @@
color: #fca5a5;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > i:last-of-type {
- right: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-input-icon-right > .p-inputtext {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3137,29 +3142,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3310,351 +3315,351 @@
.p-fluid .p-button-icon-only {
width: 2.5rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #d4d4d8;
background: #27272a;
border: 1px solid #27272a;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #3f3f46;
color: #d4d4d8;
border-color: #3f3f46;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #52525b;
color: #d4d4d8;
border-color: #52525b;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(39, 39, 42, 0.04);
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(39, 39, 42, 0.16);
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #27272a;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(39, 39, 42, 0.04);
border-color: transparent;
color: #27272a;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(39, 39, 42, 0.16);
border-color: transparent;
color: #27272a;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #082f49;
background: #38bdf8;
border: 1px solid #38bdf8;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #7dd3fc;
color: #082f49;
border-color: #7dd3fc;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #bae6fd;
color: #082f49;
border-color: #bae6fd;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #38bdf8;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #052e16;
background: #4ade80;
border: 1px solid #4ade80;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #86efac;
color: #052e16;
border-color: #86efac;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #bbf7d0;
color: #052e16;
border-color: #bbf7d0;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #4ade80;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #431407;
background: #fb923c;
border: 1px solid #fb923c;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #fdba74;
color: #431407;
border-color: #fdba74;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #fed7aa;
color: #431407;
border-color: #fed7aa;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #fb923c;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #3b0764;
background: #c084fc;
border: 1px solid #c084fc;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #d8b4fe;
color: #3b0764;
border-color: #d8b4fe;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #e9d5ff;
color: #3b0764;
border-color: #e9d5ff;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #c084fc;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #450a0a;
background: #f87171;
border: 1px solid #f87171;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #fca5a5;
color: #450a0a;
border-color: #fca5a5;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #fecaca;
color: #450a0a;
border-color: #fecaca;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #f87171;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #09090b;
background: #ffffff;
border: 1px solid #ffffff;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #f4f4f5;
color: #09090b;
border-color: #f4f4f5;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #e4e4e7;
color: #09090b;
border-color: #e4e4e7;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #ffffff;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
color: #ffffff;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
border-color: transparent;
color: #ffffff;
@@ -6257,6 +6262,174 @@
background: #3f3f46;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ border-radius: 6px;
+ background: #18181b;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #a1a1aa;
+ border: 1px solid #3f3f46;
+ border-width: 2px;
+ background: #18181b;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #ffffff;
+ font-weight: 500;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: rgba(34, 211, 238, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #ffffff;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #22d3ee;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #18181b;
+ padding: 0.875rem 1.125rem 1.125rem 1.125rem;
+ color: #ffffff;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #3f3f46;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #18181b;
+ color: #ffffff;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #22d3ee;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6425,7 +6598,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6745,7 +6918,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7356,7 +7529,6 @@
border: 1px solid #3f3f46;
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;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 2px 0;
@@ -7402,7 +7574,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -7410,6 +7582,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -7820,7 +8002,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -7828,6 +8010,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8019,7 +8211,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8027,6 +8219,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8246,7 +8448,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8254,6 +8456,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8475,7 +8687,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8483,6 +8695,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8827,7 +9049,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8835,6 +9057,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -10955,6 +11187,7 @@
.p-fileupload .p-fileupload-content {
border-top: 0 none;
+ padding-top: 1.125rem;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
@@ -11071,6 +11304,12 @@
left: 1.25rem;
transform: none;
}
+ .p-inputswitch.p-invalid > .p-inputswitch-slider {
+ background: #fca5a5;
+ }
+ .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
+ background: #18181b;
+ }
.p-inputtext {
box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
@@ -11570,6 +11809,17 @@
border-radius: 6px;
}
+ .p-stepper .p-stepper-header .p-stepper-number {
+ box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #18181b;
+ color: #22d3ee;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #22d3ee;
+ }
+
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
border-width: 2px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-dark-green/theme.css b/public/themes/aura-dark-green/theme.css
index 52e1b90..2d50813 100644
--- a/public/themes/aura-dark-green/theme.css
+++ b/public/themes/aura-dark-green/theme.css
@@ -1722,20 +1722,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1832,6 +1839,21 @@
width: 2.5rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #a1a1aa;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #a1a1aa;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2029,11 +2051,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2087,27 +2104,15 @@
color: #fca5a5;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > i:last-of-type {
- right: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-input-icon-right > .p-inputtext {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3137,29 +3142,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3310,351 +3315,351 @@
.p-fluid .p-button-icon-only {
width: 2.5rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #d4d4d8;
background: #27272a;
border: 1px solid #27272a;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #3f3f46;
color: #d4d4d8;
border-color: #3f3f46;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #52525b;
color: #d4d4d8;
border-color: #52525b;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(39, 39, 42, 0.04);
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(39, 39, 42, 0.16);
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #27272a;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(39, 39, 42, 0.04);
border-color: transparent;
color: #27272a;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(39, 39, 42, 0.16);
border-color: transparent;
color: #27272a;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #082f49;
background: #38bdf8;
border: 1px solid #38bdf8;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #7dd3fc;
color: #082f49;
border-color: #7dd3fc;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #bae6fd;
color: #082f49;
border-color: #bae6fd;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #38bdf8;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #052e16;
background: #4ade80;
border: 1px solid #4ade80;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #86efac;
color: #052e16;
border-color: #86efac;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #bbf7d0;
color: #052e16;
border-color: #bbf7d0;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #4ade80;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #431407;
background: #fb923c;
border: 1px solid #fb923c;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #fdba74;
color: #431407;
border-color: #fdba74;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #fed7aa;
color: #431407;
border-color: #fed7aa;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #fb923c;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #3b0764;
background: #c084fc;
border: 1px solid #c084fc;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #d8b4fe;
color: #3b0764;
border-color: #d8b4fe;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #e9d5ff;
color: #3b0764;
border-color: #e9d5ff;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #c084fc;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #450a0a;
background: #f87171;
border: 1px solid #f87171;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #fca5a5;
color: #450a0a;
border-color: #fca5a5;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #fecaca;
color: #450a0a;
border-color: #fecaca;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #f87171;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #09090b;
background: #ffffff;
border: 1px solid #ffffff;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #f4f4f5;
color: #09090b;
border-color: #f4f4f5;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #e4e4e7;
color: #09090b;
border-color: #e4e4e7;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #ffffff;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
color: #ffffff;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
border-color: transparent;
color: #ffffff;
@@ -6257,6 +6262,174 @@
background: #3f3f46;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ border-radius: 6px;
+ background: #18181b;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #a1a1aa;
+ border: 1px solid #3f3f46;
+ border-width: 2px;
+ background: #18181b;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #ffffff;
+ font-weight: 500;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: rgba(52, 211, 153, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #ffffff;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #34d399;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #18181b;
+ padding: 0.875rem 1.125rem 1.125rem 1.125rem;
+ color: #ffffff;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #3f3f46;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #18181b;
+ color: #ffffff;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #34d399;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6425,7 +6598,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6745,7 +6918,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7356,7 +7529,6 @@
border: 1px solid #3f3f46;
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;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 2px 0;
@@ -7402,7 +7574,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -7410,6 +7582,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -7820,7 +8002,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -7828,6 +8010,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8019,7 +8211,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8027,6 +8219,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8246,7 +8448,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8254,6 +8456,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8475,7 +8687,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8483,6 +8695,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8827,7 +9049,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8835,6 +9057,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -10955,6 +11187,7 @@
.p-fileupload .p-fileupload-content {
border-top: 0 none;
+ padding-top: 1.125rem;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
@@ -11071,6 +11304,12 @@
left: 1.25rem;
transform: none;
}
+ .p-inputswitch.p-invalid > .p-inputswitch-slider {
+ background: #fca5a5;
+ }
+ .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
+ background: #18181b;
+ }
.p-inputtext {
box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
@@ -11570,6 +11809,17 @@
border-radius: 6px;
}
+ .p-stepper .p-stepper-header .p-stepper-number {
+ box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #18181b;
+ color: #34d399;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #34d399;
+ }
+
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
border-width: 2px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-dark-indigo/theme.css b/public/themes/aura-dark-indigo/theme.css
index b6494e9..535eb1d 100644
--- a/public/themes/aura-dark-indigo/theme.css
+++ b/public/themes/aura-dark-indigo/theme.css
@@ -1722,20 +1722,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1832,6 +1839,21 @@
width: 2.5rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #a1a1aa;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #a1a1aa;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2029,11 +2051,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2087,27 +2104,15 @@
color: #fca5a5;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > i:last-of-type {
- right: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-input-icon-right > .p-inputtext {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3137,29 +3142,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3310,351 +3315,351 @@
.p-fluid .p-button-icon-only {
width: 2.5rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #d4d4d8;
background: #27272a;
border: 1px solid #27272a;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #3f3f46;
color: #d4d4d8;
border-color: #3f3f46;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #52525b;
color: #d4d4d8;
border-color: #52525b;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(39, 39, 42, 0.04);
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(39, 39, 42, 0.16);
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #27272a;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(39, 39, 42, 0.04);
border-color: transparent;
color: #27272a;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(39, 39, 42, 0.16);
border-color: transparent;
color: #27272a;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #082f49;
background: #38bdf8;
border: 1px solid #38bdf8;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #7dd3fc;
color: #082f49;
border-color: #7dd3fc;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #bae6fd;
color: #082f49;
border-color: #bae6fd;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #38bdf8;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #052e16;
background: #4ade80;
border: 1px solid #4ade80;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #86efac;
color: #052e16;
border-color: #86efac;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #bbf7d0;
color: #052e16;
border-color: #bbf7d0;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #4ade80;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #431407;
background: #fb923c;
border: 1px solid #fb923c;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #fdba74;
color: #431407;
border-color: #fdba74;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #fed7aa;
color: #431407;
border-color: #fed7aa;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #fb923c;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #3b0764;
background: #c084fc;
border: 1px solid #c084fc;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #d8b4fe;
color: #3b0764;
border-color: #d8b4fe;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #e9d5ff;
color: #3b0764;
border-color: #e9d5ff;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #c084fc;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #450a0a;
background: #f87171;
border: 1px solid #f87171;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #fca5a5;
color: #450a0a;
border-color: #fca5a5;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #fecaca;
color: #450a0a;
border-color: #fecaca;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #f87171;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #09090b;
background: #ffffff;
border: 1px solid #ffffff;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #f4f4f5;
color: #09090b;
border-color: #f4f4f5;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #e4e4e7;
color: #09090b;
border-color: #e4e4e7;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #ffffff;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
color: #ffffff;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
border-color: transparent;
color: #ffffff;
@@ -6257,6 +6262,174 @@
background: #3f3f46;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ border-radius: 6px;
+ background: #18181b;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #a1a1aa;
+ border: 1px solid #3f3f46;
+ border-width: 2px;
+ background: #18181b;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #ffffff;
+ font-weight: 500;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: rgba(129, 140, 248, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #ffffff;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #818cf8;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #18181b;
+ padding: 0.875rem 1.125rem 1.125rem 1.125rem;
+ color: #ffffff;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #3f3f46;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #18181b;
+ color: #ffffff;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #818cf8;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6425,7 +6598,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6745,7 +6918,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7356,7 +7529,6 @@
border: 1px solid #3f3f46;
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;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 2px 0;
@@ -7402,7 +7574,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -7410,6 +7582,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -7820,7 +8002,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -7828,6 +8010,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8019,7 +8211,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8027,6 +8219,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8246,7 +8448,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8254,6 +8456,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8475,7 +8687,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8483,6 +8695,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8827,7 +9049,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8835,6 +9057,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -10955,6 +11187,7 @@
.p-fileupload .p-fileupload-content {
border-top: 0 none;
+ padding-top: 1.125rem;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
@@ -11071,6 +11304,12 @@
left: 1.25rem;
transform: none;
}
+ .p-inputswitch.p-invalid > .p-inputswitch-slider {
+ background: #fca5a5;
+ }
+ .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
+ background: #18181b;
+ }
.p-inputtext {
box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
@@ -11570,6 +11809,17 @@
border-radius: 6px;
}
+ .p-stepper .p-stepper-header .p-stepper-number {
+ box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #18181b;
+ color: #818cf8;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #818cf8;
+ }
+
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
border-width: 2px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-dark-lime/theme.css b/public/themes/aura-dark-lime/theme.css
index 9a37923..b410f13 100644
--- a/public/themes/aura-dark-lime/theme.css
+++ b/public/themes/aura-dark-lime/theme.css
@@ -1722,20 +1722,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1832,6 +1839,21 @@
width: 2.5rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #a1a1aa;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #a1a1aa;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2029,11 +2051,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2087,27 +2104,15 @@
color: #fca5a5;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > i:last-of-type {
- right: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-input-icon-right > .p-inputtext {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3137,29 +3142,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3310,351 +3315,351 @@
.p-fluid .p-button-icon-only {
width: 2.5rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #d4d4d8;
background: #27272a;
border: 1px solid #27272a;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #3f3f46;
color: #d4d4d8;
border-color: #3f3f46;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #52525b;
color: #d4d4d8;
border-color: #52525b;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(39, 39, 42, 0.04);
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(39, 39, 42, 0.16);
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #27272a;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(39, 39, 42, 0.04);
border-color: transparent;
color: #27272a;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(39, 39, 42, 0.16);
border-color: transparent;
color: #27272a;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #082f49;
background: #38bdf8;
border: 1px solid #38bdf8;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #7dd3fc;
color: #082f49;
border-color: #7dd3fc;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #bae6fd;
color: #082f49;
border-color: #bae6fd;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #38bdf8;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #052e16;
background: #4ade80;
border: 1px solid #4ade80;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #86efac;
color: #052e16;
border-color: #86efac;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #bbf7d0;
color: #052e16;
border-color: #bbf7d0;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #4ade80;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #431407;
background: #fb923c;
border: 1px solid #fb923c;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #fdba74;
color: #431407;
border-color: #fdba74;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #fed7aa;
color: #431407;
border-color: #fed7aa;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #fb923c;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #3b0764;
background: #c084fc;
border: 1px solid #c084fc;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #d8b4fe;
color: #3b0764;
border-color: #d8b4fe;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #e9d5ff;
color: #3b0764;
border-color: #e9d5ff;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #c084fc;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #450a0a;
background: #f87171;
border: 1px solid #f87171;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #fca5a5;
color: #450a0a;
border-color: #fca5a5;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #fecaca;
color: #450a0a;
border-color: #fecaca;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #f87171;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #09090b;
background: #ffffff;
border: 1px solid #ffffff;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #f4f4f5;
color: #09090b;
border-color: #f4f4f5;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #e4e4e7;
color: #09090b;
border-color: #e4e4e7;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #ffffff;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
color: #ffffff;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
border-color: transparent;
color: #ffffff;
@@ -6257,6 +6262,174 @@
background: #3f3f46;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ border-radius: 6px;
+ background: #18181b;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #a1a1aa;
+ border: 1px solid #3f3f46;
+ border-width: 2px;
+ background: #18181b;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #ffffff;
+ font-weight: 500;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: rgba(163, 230, 53, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #ffffff;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #a3e635;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #18181b;
+ padding: 0.875rem 1.125rem 1.125rem 1.125rem;
+ color: #ffffff;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #3f3f46;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #18181b;
+ color: #ffffff;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #a3e635;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6425,7 +6598,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6745,7 +6918,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7356,7 +7529,6 @@
border: 1px solid #3f3f46;
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;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 2px 0;
@@ -7402,7 +7574,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -7410,6 +7582,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -7820,7 +8002,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -7828,6 +8010,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8019,7 +8211,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8027,6 +8219,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8246,7 +8448,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8254,6 +8456,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8475,7 +8687,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8483,6 +8695,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8827,7 +9049,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8835,6 +9057,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -10955,6 +11187,7 @@
.p-fileupload .p-fileupload-content {
border-top: 0 none;
+ padding-top: 1.125rem;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
@@ -11071,6 +11304,12 @@
left: 1.25rem;
transform: none;
}
+ .p-inputswitch.p-invalid > .p-inputswitch-slider {
+ background: #fca5a5;
+ }
+ .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
+ background: #18181b;
+ }
.p-inputtext {
box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
@@ -11570,6 +11809,17 @@
border-radius: 6px;
}
+ .p-stepper .p-stepper-header .p-stepper-number {
+ box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #18181b;
+ color: #a3e635;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #a3e635;
+ }
+
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
border-width: 2px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-dark-noir/theme.css b/public/themes/aura-dark-noir/theme.css
index cf2c8d7..8dac6e6 100644
--- a/public/themes/aura-dark-noir/theme.css
+++ b/public/themes/aura-dark-noir/theme.css
@@ -1722,20 +1722,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1832,6 +1839,21 @@
width: 2.5rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #a1a1aa;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #a1a1aa;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2029,11 +2051,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2087,27 +2104,15 @@
color: #fca5a5;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > i:last-of-type {
- right: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-input-icon-right > .p-inputtext {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3137,29 +3142,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3310,351 +3315,351 @@
.p-fluid .p-button-icon-only {
width: 2.5rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #d4d4d8;
background: #27272a;
border: 1px solid #27272a;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #3f3f46;
color: #d4d4d8;
border-color: #3f3f46;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #52525b;
color: #d4d4d8;
border-color: #52525b;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(39, 39, 42, 0.04);
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(39, 39, 42, 0.16);
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #27272a;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(39, 39, 42, 0.04);
border-color: transparent;
color: #27272a;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(39, 39, 42, 0.16);
border-color: transparent;
color: #27272a;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #082f49;
background: #38bdf8;
border: 1px solid #38bdf8;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #7dd3fc;
color: #082f49;
border-color: #7dd3fc;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #bae6fd;
color: #082f49;
border-color: #bae6fd;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #38bdf8;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #052e16;
background: #4ade80;
border: 1px solid #4ade80;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #86efac;
color: #052e16;
border-color: #86efac;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #bbf7d0;
color: #052e16;
border-color: #bbf7d0;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #4ade80;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #431407;
background: #fb923c;
border: 1px solid #fb923c;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #fdba74;
color: #431407;
border-color: #fdba74;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #fed7aa;
color: #431407;
border-color: #fed7aa;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #fb923c;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #3b0764;
background: #c084fc;
border: 1px solid #c084fc;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #d8b4fe;
color: #3b0764;
border-color: #d8b4fe;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #e9d5ff;
color: #3b0764;
border-color: #e9d5ff;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #c084fc;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #450a0a;
background: #f87171;
border: 1px solid #f87171;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #fca5a5;
color: #450a0a;
border-color: #fca5a5;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #fecaca;
color: #450a0a;
border-color: #fecaca;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #f87171;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #09090b;
background: #ffffff;
border: 1px solid #ffffff;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #f4f4f5;
color: #09090b;
border-color: #f4f4f5;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #e4e4e7;
color: #09090b;
border-color: #e4e4e7;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #ffffff;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
color: #ffffff;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
border-color: transparent;
color: #ffffff;
@@ -6257,6 +6262,174 @@
background: #3f3f46;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ border-radius: 6px;
+ background: #18181b;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #a1a1aa;
+ border: 1px solid #3f3f46;
+ border-width: 2px;
+ background: #18181b;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #ffffff;
+ font-weight: 500;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: rgba(250, 250, 250, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #ffffff;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #fafafa;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #18181b;
+ padding: 0.875rem 1.125rem 1.125rem 1.125rem;
+ color: #ffffff;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #3f3f46;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #18181b;
+ color: #ffffff;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #fafafa;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6425,7 +6598,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6745,7 +6918,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7356,7 +7529,6 @@
border: 1px solid #3f3f46;
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;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 2px 0;
@@ -7402,7 +7574,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -7410,6 +7582,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -7820,7 +8002,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -7828,6 +8010,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8019,7 +8211,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8027,6 +8219,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8246,7 +8448,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8254,6 +8456,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8475,7 +8687,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8483,6 +8695,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8827,7 +9049,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8835,6 +9057,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -10955,6 +11187,7 @@
.p-fileupload .p-fileupload-content {
border-top: 0 none;
+ padding-top: 1.125rem;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
@@ -11071,6 +11304,12 @@
left: 1.25rem;
transform: none;
}
+ .p-inputswitch.p-invalid > .p-inputswitch-slider {
+ background: #fca5a5;
+ }
+ .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
+ background: #18181b;
+ }
.p-inputtext {
box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
@@ -11570,6 +11809,17 @@
border-radius: 6px;
}
+ .p-stepper .p-stepper-header .p-stepper-number {
+ box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #18181b;
+ color: #fafafa;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #fafafa;
+ }
+
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
border-width: 2px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-dark-pink/theme.css b/public/themes/aura-dark-pink/theme.css
index 986caa1..bcccc67 100644
--- a/public/themes/aura-dark-pink/theme.css
+++ b/public/themes/aura-dark-pink/theme.css
@@ -1722,20 +1722,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1832,6 +1839,21 @@
width: 2.5rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #a1a1aa;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #a1a1aa;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2029,11 +2051,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2087,27 +2104,15 @@
color: #fca5a5;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > i:last-of-type {
- right: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-input-icon-right > .p-inputtext {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3137,29 +3142,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3310,351 +3315,351 @@
.p-fluid .p-button-icon-only {
width: 2.5rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #d4d4d8;
background: #27272a;
border: 1px solid #27272a;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #3f3f46;
color: #d4d4d8;
border-color: #3f3f46;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #52525b;
color: #d4d4d8;
border-color: #52525b;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(39, 39, 42, 0.04);
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(39, 39, 42, 0.16);
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #27272a;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(39, 39, 42, 0.04);
border-color: transparent;
color: #27272a;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(39, 39, 42, 0.16);
border-color: transparent;
color: #27272a;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #082f49;
background: #38bdf8;
border: 1px solid #38bdf8;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #7dd3fc;
color: #082f49;
border-color: #7dd3fc;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #bae6fd;
color: #082f49;
border-color: #bae6fd;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #38bdf8;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #052e16;
background: #4ade80;
border: 1px solid #4ade80;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #86efac;
color: #052e16;
border-color: #86efac;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #bbf7d0;
color: #052e16;
border-color: #bbf7d0;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #4ade80;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #431407;
background: #fb923c;
border: 1px solid #fb923c;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #fdba74;
color: #431407;
border-color: #fdba74;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #fed7aa;
color: #431407;
border-color: #fed7aa;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #fb923c;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #3b0764;
background: #c084fc;
border: 1px solid #c084fc;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #d8b4fe;
color: #3b0764;
border-color: #d8b4fe;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #e9d5ff;
color: #3b0764;
border-color: #e9d5ff;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #c084fc;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #450a0a;
background: #f87171;
border: 1px solid #f87171;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #fca5a5;
color: #450a0a;
border-color: #fca5a5;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #fecaca;
color: #450a0a;
border-color: #fecaca;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #f87171;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #09090b;
background: #ffffff;
border: 1px solid #ffffff;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #f4f4f5;
color: #09090b;
border-color: #f4f4f5;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #e4e4e7;
color: #09090b;
border-color: #e4e4e7;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #ffffff;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
color: #ffffff;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
border-color: transparent;
color: #ffffff;
@@ -6257,6 +6262,174 @@
background: #3f3f46;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ border-radius: 6px;
+ background: #18181b;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #a1a1aa;
+ border: 1px solid #3f3f46;
+ border-width: 2px;
+ background: #18181b;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #ffffff;
+ font-weight: 500;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: rgba(244, 114, 182, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #ffffff;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #f472b6;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #18181b;
+ padding: 0.875rem 1.125rem 1.125rem 1.125rem;
+ color: #ffffff;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #3f3f46;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #18181b;
+ color: #ffffff;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #f472b6;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6425,7 +6598,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6745,7 +6918,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7356,7 +7529,6 @@
border: 1px solid #3f3f46;
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;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 2px 0;
@@ -7402,7 +7574,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -7410,6 +7582,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -7820,7 +8002,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -7828,6 +8010,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8019,7 +8211,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8027,6 +8219,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8246,7 +8448,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8254,6 +8456,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8475,7 +8687,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8483,6 +8695,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8827,7 +9049,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8835,6 +9057,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -10955,6 +11187,7 @@
.p-fileupload .p-fileupload-content {
border-top: 0 none;
+ padding-top: 1.125rem;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
@@ -11071,6 +11304,12 @@
left: 1.25rem;
transform: none;
}
+ .p-inputswitch.p-invalid > .p-inputswitch-slider {
+ background: #fca5a5;
+ }
+ .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
+ background: #18181b;
+ }
.p-inputtext {
box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
@@ -11570,6 +11809,17 @@
border-radius: 6px;
}
+ .p-stepper .p-stepper-header .p-stepper-number {
+ box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #18181b;
+ color: #f472b6;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #f472b6;
+ }
+
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
border-width: 2px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-dark-purple/theme.css b/public/themes/aura-dark-purple/theme.css
index b2700a8..2784f8b 100644
--- a/public/themes/aura-dark-purple/theme.css
+++ b/public/themes/aura-dark-purple/theme.css
@@ -1722,20 +1722,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1832,6 +1839,21 @@
width: 2.5rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #a1a1aa;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #a1a1aa;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2029,11 +2051,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2087,27 +2104,15 @@
color: #fca5a5;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > i:last-of-type {
- right: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-input-icon-right > .p-inputtext {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3137,29 +3142,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3310,351 +3315,351 @@
.p-fluid .p-button-icon-only {
width: 2.5rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #d4d4d8;
background: #27272a;
border: 1px solid #27272a;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #3f3f46;
color: #d4d4d8;
border-color: #3f3f46;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #52525b;
color: #d4d4d8;
border-color: #52525b;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(39, 39, 42, 0.04);
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(39, 39, 42, 0.16);
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #27272a;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(39, 39, 42, 0.04);
border-color: transparent;
color: #27272a;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(39, 39, 42, 0.16);
border-color: transparent;
color: #27272a;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #082f49;
background: #38bdf8;
border: 1px solid #38bdf8;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #7dd3fc;
color: #082f49;
border-color: #7dd3fc;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #bae6fd;
color: #082f49;
border-color: #bae6fd;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #38bdf8;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #052e16;
background: #4ade80;
border: 1px solid #4ade80;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #86efac;
color: #052e16;
border-color: #86efac;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #bbf7d0;
color: #052e16;
border-color: #bbf7d0;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #4ade80;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #431407;
background: #fb923c;
border: 1px solid #fb923c;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #fdba74;
color: #431407;
border-color: #fdba74;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #fed7aa;
color: #431407;
border-color: #fed7aa;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #fb923c;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #3b0764;
background: #c084fc;
border: 1px solid #c084fc;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #d8b4fe;
color: #3b0764;
border-color: #d8b4fe;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #e9d5ff;
color: #3b0764;
border-color: #e9d5ff;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #c084fc;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #450a0a;
background: #f87171;
border: 1px solid #f87171;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #fca5a5;
color: #450a0a;
border-color: #fca5a5;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #fecaca;
color: #450a0a;
border-color: #fecaca;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #f87171;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #09090b;
background: #ffffff;
border: 1px solid #ffffff;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #f4f4f5;
color: #09090b;
border-color: #f4f4f5;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #e4e4e7;
color: #09090b;
border-color: #e4e4e7;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #ffffff;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
color: #ffffff;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
border-color: transparent;
color: #ffffff;
@@ -6257,6 +6262,174 @@
background: #3f3f46;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ border-radius: 6px;
+ background: #18181b;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #a1a1aa;
+ border: 1px solid #3f3f46;
+ border-width: 2px;
+ background: #18181b;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #ffffff;
+ font-weight: 500;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: rgba(167, 139, 250, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #ffffff;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #a78bfa;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #18181b;
+ padding: 0.875rem 1.125rem 1.125rem 1.125rem;
+ color: #ffffff;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #3f3f46;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #18181b;
+ color: #ffffff;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #a78bfa;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6425,7 +6598,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6745,7 +6918,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7356,7 +7529,6 @@
border: 1px solid #3f3f46;
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;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 2px 0;
@@ -7402,7 +7574,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -7410,6 +7582,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -7820,7 +8002,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -7828,6 +8010,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8019,7 +8211,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8027,6 +8219,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8246,7 +8448,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8254,6 +8456,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8475,7 +8687,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8483,6 +8695,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8827,7 +9049,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8835,6 +9057,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -10955,6 +11187,7 @@
.p-fileupload .p-fileupload-content {
border-top: 0 none;
+ padding-top: 1.125rem;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
@@ -11071,6 +11304,12 @@
left: 1.25rem;
transform: none;
}
+ .p-inputswitch.p-invalid > .p-inputswitch-slider {
+ background: #fca5a5;
+ }
+ .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
+ background: #18181b;
+ }
.p-inputtext {
box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
@@ -11570,6 +11809,17 @@
border-radius: 6px;
}
+ .p-stepper .p-stepper-header .p-stepper-number {
+ box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #18181b;
+ color: #a78bfa;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #a78bfa;
+ }
+
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
border-width: 2px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-dark-teal/theme.css b/public/themes/aura-dark-teal/theme.css
index 2e811ec..70e54bf 100644
--- a/public/themes/aura-dark-teal/theme.css
+++ b/public/themes/aura-dark-teal/theme.css
@@ -1722,20 +1722,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1832,6 +1839,21 @@
width: 2.5rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #a1a1aa;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #a1a1aa;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2029,11 +2051,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2087,27 +2104,15 @@
color: #fca5a5;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > i:last-of-type {
- right: 0.75rem;
- color: #a1a1aa;
- }
-
- .p-input-icon-right > .p-inputtext {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3137,29 +3142,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3310,351 +3315,351 @@
.p-fluid .p-button-icon-only {
width: 2.5rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #d4d4d8;
background: #27272a;
border: 1px solid #27272a;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #3f3f46;
color: #d4d4d8;
border-color: #3f3f46;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #52525b;
color: #d4d4d8;
border-color: #52525b;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(39, 39, 42, 0.04);
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(39, 39, 42, 0.16);
color: #27272a;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #27272a;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(39, 39, 42, 0.04);
border-color: transparent;
color: #27272a;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(39, 39, 42, 0.16);
border-color: transparent;
color: #27272a;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #082f49;
background: #38bdf8;
border: 1px solid #38bdf8;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #7dd3fc;
color: #082f49;
border-color: #7dd3fc;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #bae6fd;
color: #082f49;
border-color: #bae6fd;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #38bdf8;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #052e16;
background: #4ade80;
border: 1px solid #4ade80;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #86efac;
color: #052e16;
border-color: #86efac;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #bbf7d0;
color: #052e16;
border-color: #bbf7d0;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #4ade80;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #431407;
background: #fb923c;
border: 1px solid #fb923c;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #fdba74;
color: #431407;
border-color: #fdba74;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #fed7aa;
color: #431407;
border-color: #fed7aa;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #fb923c;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #3b0764;
background: #c084fc;
border: 1px solid #c084fc;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #d8b4fe;
color: #3b0764;
border-color: #d8b4fe;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #e9d5ff;
color: #3b0764;
border-color: #e9d5ff;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #c084fc;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #450a0a;
background: #f87171;
border: 1px solid #f87171;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #fca5a5;
color: #450a0a;
border-color: #fca5a5;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #fecaca;
color: #450a0a;
border-color: #fecaca;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #f87171;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #09090b;
background: #ffffff;
border: 1px solid #ffffff;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #f4f4f5;
color: #09090b;
border-color: #f4f4f5;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #e4e4e7;
color: #09090b;
border-color: #e4e4e7;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #ffffff;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
color: #ffffff;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
border-color: transparent;
color: #ffffff;
@@ -6257,6 +6262,174 @@
background: #3f3f46;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ border-radius: 6px;
+ background: #18181b;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #a1a1aa;
+ border: 1px solid #3f3f46;
+ border-width: 2px;
+ background: #18181b;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #ffffff;
+ font-weight: 500;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: rgba(45, 212, 191, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #ffffff;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #2dd4bf;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #18181b;
+ padding: 0.875rem 1.125rem 1.125rem 1.125rem;
+ color: #ffffff;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #3f3f46;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #18181b;
+ color: #ffffff;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #2dd4bf;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6425,7 +6598,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6745,7 +6918,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7356,7 +7529,6 @@
border: 1px solid #3f3f46;
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;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 2px 0;
@@ -7402,7 +7574,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -7410,6 +7582,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -7820,7 +8002,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -7828,6 +8010,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8019,7 +8211,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8027,6 +8219,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8246,7 +8448,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8254,6 +8456,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8475,7 +8687,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8483,6 +8695,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -8827,7 +9049,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #ffffff;
- background: rgba(255, 255, 255, 0.08);
+ background: rgba(255, 255, 255, 0.03);
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #ffffff;
@@ -8835,6 +9057,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #ffffff;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #ffffff;
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #ffffff;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #ffffff;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #ffffff;
background: rgba(255, 255, 255, 0.03);
@@ -10955,6 +11187,7 @@
.p-fileupload .p-fileupload-content {
border-top: 0 none;
+ padding-top: 1.125rem;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
@@ -11071,6 +11304,12 @@
left: 1.25rem;
transform: none;
}
+ .p-inputswitch.p-invalid > .p-inputswitch-slider {
+ background: #fca5a5;
+ }
+ .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
+ background: #18181b;
+ }
.p-inputtext {
box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
@@ -11570,6 +11809,17 @@
border-radius: 6px;
}
+ .p-stepper .p-stepper-header .p-stepper-number {
+ box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #18181b;
+ color: #2dd4bf;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #2dd4bf;
+ }
+
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
border-width: 2px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-light-amber/theme.css b/public/themes/aura-light-amber/theme.css
index df1a5fb..ffc1c26 100644
--- a/public/themes/aura-light-amber/theme.css
+++ b/public/themes/aura-light-amber/theme.css
@@ -1724,20 +1724,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1834,6 +1841,21 @@
width: 2.5rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #94a3b8;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #94a3b8;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2031,11 +2053,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2089,27 +2106,15 @@
color: #f87171;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #94a3b8;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .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 {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3139,29 +3144,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3312,351 +3317,351 @@
.p-fluid .p-button-icon-only {
width: 2.5rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #475569;
background: #f1f5f9;
border: 1px solid #f1f5f9;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #e2e8f0;
color: #334155;
border-color: #e2e8f0;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #cbd5e1;
color: #1e293b;
border-color: #cbd5e1;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(241, 245, 249, 0.04);
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(241, 245, 249, 0.16);
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #f1f5f9;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(241, 245, 249, 0.04);
border-color: transparent;
color: #f1f5f9;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(241, 245, 249, 0.16);
border-color: transparent;
color: #f1f5f9;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #0ea5e9;
border: 1px solid #0ea5e9;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #0284c7;
color: #ffffff;
border-color: #0284c7;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #0369a1;
color: #ffffff;
border-color: #0369a1;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #0ea5e9;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #22c55e;
border: 1px solid #22c55e;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #16a34a;
color: #ffffff;
border-color: #16a34a;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #15803d;
color: #ffffff;
border-color: #15803d;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #22c55e;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
border-color: transparent;
color: #22c55e;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
border-color: transparent;
color: #22c55e;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #ffffff;
background: #f97316;
border: 1px solid #f97316;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #ea580c;
color: #ffffff;
border-color: #ea580c;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #c2410c;
color: #ffffff;
border-color: #c2410c;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #f97316;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #a855f7;
border: 1px solid #a855f7;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #9333ea;
color: #ffffff;
border-color: #9333ea;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #7e22ce;
color: #ffffff;
border-color: #7e22ce;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #a855f7;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
border-color: transparent;
color: #a855f7;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
border-color: transparent;
color: #a855f7;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #ef4444;
border: 1px solid #ef4444;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #dc2626;
color: #ffffff;
border-color: #dc2626;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #b91c1c;
color: #ffffff;
border-color: #b91c1c;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #ef4444;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
border-color: transparent;
color: #ef4444;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
border-color: transparent;
color: #ef4444;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #ffffff;
background: #020617;
border: 1px solid #020617;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #1e293b;
color: #ffffff;
border-color: #1e293b;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #334155;
color: #ffffff;
border-color: #334155;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(2, 6, 23, 0.04);
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(2, 6, 23, 0.16);
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #020617;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(2, 6, 23, 0.04);
border-color: transparent;
color: #020617;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(2, 6, 23, 0.16);
border-color: transparent;
color: #020617;
@@ -6259,6 +6264,174 @@
background: #e2e8f0;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ border-radius: 6px;
+ background: #ffffff;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #64748b;
+ border: 1px solid #e2e8f0;
+ border-width: 2px;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #334155;
+ font-weight: 500;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #fffbeb;
+ color: #b45309;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #334155;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #f59e0b;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #ffffff;
+ padding: 0.875rem 1.125rem 1.125rem 1.125rem;
+ color: #334155;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #e2e8f0;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #ffffff;
+ color: #334155;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #f59e0b;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6427,7 +6600,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6747,7 +6920,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7358,7 +7531,6 @@
border: 1px solid #e2e8f0;
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;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 2px 0;
@@ -7404,7 +7576,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -7412,6 +7584,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -7822,7 +8004,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -7830,6 +8012,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8021,7 +8213,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8029,6 +8221,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8248,7 +8450,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8256,6 +8458,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8477,7 +8689,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8485,6 +8697,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8829,7 +9051,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8837,6 +9059,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -10956,6 +11188,7 @@
.p-fileupload .p-fileupload-content {
border-top: 0 none;
+ padding-top: 1.125rem;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
@@ -11072,6 +11305,12 @@
left: 1.25rem;
transform: none;
}
+ .p-inputswitch.p-invalid > .p-inputswitch-slider {
+ background: #f87171;
+ }
+ .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
+ background: #ffffff;
+ }
.p-inputtext {
box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
@@ -11568,6 +11807,17 @@
border-radius: 6px;
}
+ .p-stepper .p-stepper-header .p-stepper-number {
+ box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #ffffff;
+ color: #f59e0b;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #f59e0b;
+ }
+
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
border-width: 2px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-light-blue/theme.css b/public/themes/aura-light-blue/theme.css
index b5eb0b7..8c26a29 100644
--- a/public/themes/aura-light-blue/theme.css
+++ b/public/themes/aura-light-blue/theme.css
@@ -1724,20 +1724,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1834,6 +1841,21 @@
width: 2.5rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #94a3b8;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #94a3b8;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2031,11 +2053,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2089,27 +2106,15 @@
color: #f87171;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #94a3b8;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .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 {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3139,29 +3144,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3312,351 +3317,351 @@
.p-fluid .p-button-icon-only {
width: 2.5rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #475569;
background: #f1f5f9;
border: 1px solid #f1f5f9;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #e2e8f0;
color: #334155;
border-color: #e2e8f0;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #cbd5e1;
color: #1e293b;
border-color: #cbd5e1;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(241, 245, 249, 0.04);
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(241, 245, 249, 0.16);
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #f1f5f9;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(241, 245, 249, 0.04);
border-color: transparent;
color: #f1f5f9;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(241, 245, 249, 0.16);
border-color: transparent;
color: #f1f5f9;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #0ea5e9;
border: 1px solid #0ea5e9;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #0284c7;
color: #ffffff;
border-color: #0284c7;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #0369a1;
color: #ffffff;
border-color: #0369a1;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #0ea5e9;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #22c55e;
border: 1px solid #22c55e;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #16a34a;
color: #ffffff;
border-color: #16a34a;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #15803d;
color: #ffffff;
border-color: #15803d;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #22c55e;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
border-color: transparent;
color: #22c55e;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
border-color: transparent;
color: #22c55e;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #ffffff;
background: #f97316;
border: 1px solid #f97316;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #ea580c;
color: #ffffff;
border-color: #ea580c;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #c2410c;
color: #ffffff;
border-color: #c2410c;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #f97316;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #a855f7;
border: 1px solid #a855f7;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #9333ea;
color: #ffffff;
border-color: #9333ea;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #7e22ce;
color: #ffffff;
border-color: #7e22ce;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #a855f7;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
border-color: transparent;
color: #a855f7;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
border-color: transparent;
color: #a855f7;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #ef4444;
border: 1px solid #ef4444;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #dc2626;
color: #ffffff;
border-color: #dc2626;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #b91c1c;
color: #ffffff;
border-color: #b91c1c;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #ef4444;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
border-color: transparent;
color: #ef4444;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
border-color: transparent;
color: #ef4444;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #ffffff;
background: #020617;
border: 1px solid #020617;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #1e293b;
color: #ffffff;
border-color: #1e293b;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #334155;
color: #ffffff;
border-color: #334155;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(2, 6, 23, 0.04);
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(2, 6, 23, 0.16);
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #020617;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(2, 6, 23, 0.04);
border-color: transparent;
color: #020617;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(2, 6, 23, 0.16);
border-color: transparent;
color: #020617;
@@ -6259,6 +6264,174 @@
background: #e2e8f0;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ border-radius: 6px;
+ background: #ffffff;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #64748b;
+ border: 1px solid #e2e8f0;
+ border-width: 2px;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #334155;
+ font-weight: 500;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #EFF6FF;
+ color: #1D4ED8;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #334155;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #3B82F6;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #ffffff;
+ padding: 0.875rem 1.125rem 1.125rem 1.125rem;
+ color: #334155;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #e2e8f0;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #ffffff;
+ color: #334155;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #3B82F6;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6427,7 +6600,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6747,7 +6920,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7358,7 +7531,6 @@
border: 1px solid #e2e8f0;
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;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 2px 0;
@@ -7404,7 +7576,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -7412,6 +7584,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -7822,7 +8004,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -7830,6 +8012,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8021,7 +8213,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8029,6 +8221,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8248,7 +8450,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8256,6 +8458,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8477,7 +8689,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8485,6 +8697,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8829,7 +9051,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8837,6 +9059,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -10956,6 +11188,7 @@
.p-fileupload .p-fileupload-content {
border-top: 0 none;
+ padding-top: 1.125rem;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
@@ -11072,6 +11305,12 @@
left: 1.25rem;
transform: none;
}
+ .p-inputswitch.p-invalid > .p-inputswitch-slider {
+ background: #f87171;
+ }
+ .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
+ background: #ffffff;
+ }
.p-inputtext {
box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
@@ -11568,6 +11807,17 @@
border-radius: 6px;
}
+ .p-stepper .p-stepper-header .p-stepper-number {
+ box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #ffffff;
+ color: #3B82F6;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #3B82F6;
+ }
+
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
border-width: 2px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-light-cyan/theme.css b/public/themes/aura-light-cyan/theme.css
index c3bb6c2..d16bc33 100644
--- a/public/themes/aura-light-cyan/theme.css
+++ b/public/themes/aura-light-cyan/theme.css
@@ -1724,20 +1724,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1834,6 +1841,21 @@
width: 2.5rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #94a3b8;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #94a3b8;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2031,11 +2053,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2089,27 +2106,15 @@
color: #f87171;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #94a3b8;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .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 {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3139,29 +3144,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3312,351 +3317,351 @@
.p-fluid .p-button-icon-only {
width: 2.5rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #475569;
background: #f1f5f9;
border: 1px solid #f1f5f9;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #e2e8f0;
color: #334155;
border-color: #e2e8f0;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #cbd5e1;
color: #1e293b;
border-color: #cbd5e1;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(241, 245, 249, 0.04);
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(241, 245, 249, 0.16);
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #f1f5f9;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(241, 245, 249, 0.04);
border-color: transparent;
color: #f1f5f9;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(241, 245, 249, 0.16);
border-color: transparent;
color: #f1f5f9;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #0ea5e9;
border: 1px solid #0ea5e9;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #0284c7;
color: #ffffff;
border-color: #0284c7;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #0369a1;
color: #ffffff;
border-color: #0369a1;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #0ea5e9;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #22c55e;
border: 1px solid #22c55e;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #16a34a;
color: #ffffff;
border-color: #16a34a;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #15803d;
color: #ffffff;
border-color: #15803d;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #22c55e;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
border-color: transparent;
color: #22c55e;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
border-color: transparent;
color: #22c55e;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #ffffff;
background: #f97316;
border: 1px solid #f97316;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #ea580c;
color: #ffffff;
border-color: #ea580c;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #c2410c;
color: #ffffff;
border-color: #c2410c;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #f97316;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #a855f7;
border: 1px solid #a855f7;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #9333ea;
color: #ffffff;
border-color: #9333ea;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #7e22ce;
color: #ffffff;
border-color: #7e22ce;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #a855f7;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
border-color: transparent;
color: #a855f7;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
border-color: transparent;
color: #a855f7;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #ef4444;
border: 1px solid #ef4444;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #dc2626;
color: #ffffff;
border-color: #dc2626;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #b91c1c;
color: #ffffff;
border-color: #b91c1c;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #ef4444;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
border-color: transparent;
color: #ef4444;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
border-color: transparent;
color: #ef4444;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #ffffff;
background: #020617;
border: 1px solid #020617;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #1e293b;
color: #ffffff;
border-color: #1e293b;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #334155;
color: #ffffff;
border-color: #334155;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(2, 6, 23, 0.04);
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(2, 6, 23, 0.16);
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #020617;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(2, 6, 23, 0.04);
border-color: transparent;
color: #020617;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(2, 6, 23, 0.16);
border-color: transparent;
color: #020617;
@@ -6259,6 +6264,174 @@
background: #e2e8f0;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ border-radius: 6px;
+ background: #ffffff;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #64748b;
+ border: 1px solid #e2e8f0;
+ border-width: 2px;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #334155;
+ font-weight: 500;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #ecfeff;
+ color: #0e7490;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #334155;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #06b6d4;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #ffffff;
+ padding: 0.875rem 1.125rem 1.125rem 1.125rem;
+ color: #334155;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #e2e8f0;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #ffffff;
+ color: #334155;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #06b6d4;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6427,7 +6600,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6747,7 +6920,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7358,7 +7531,6 @@
border: 1px solid #e2e8f0;
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;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 2px 0;
@@ -7404,7 +7576,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -7412,6 +7584,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -7822,7 +8004,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -7830,6 +8012,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8021,7 +8213,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8029,6 +8221,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8248,7 +8450,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8256,6 +8458,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8477,7 +8689,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8485,6 +8697,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8829,7 +9051,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8837,6 +9059,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -10956,6 +11188,7 @@
.p-fileupload .p-fileupload-content {
border-top: 0 none;
+ padding-top: 1.125rem;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
@@ -11072,6 +11305,12 @@
left: 1.25rem;
transform: none;
}
+ .p-inputswitch.p-invalid > .p-inputswitch-slider {
+ background: #f87171;
+ }
+ .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
+ background: #ffffff;
+ }
.p-inputtext {
box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
@@ -11568,6 +11807,17 @@
border-radius: 6px;
}
+ .p-stepper .p-stepper-header .p-stepper-number {
+ box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #ffffff;
+ color: #06b6d4;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #06b6d4;
+ }
+
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
border-width: 2px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-light-green/theme.css b/public/themes/aura-light-green/theme.css
index 053d4f0..c98e9e1 100644
--- a/public/themes/aura-light-green/theme.css
+++ b/public/themes/aura-light-green/theme.css
@@ -1724,20 +1724,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1834,6 +1841,21 @@
width: 2.5rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #94a3b8;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #94a3b8;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2031,11 +2053,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2089,27 +2106,15 @@
color: #f87171;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #94a3b8;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .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 {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3139,29 +3144,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3312,351 +3317,351 @@
.p-fluid .p-button-icon-only {
width: 2.5rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #475569;
background: #f1f5f9;
border: 1px solid #f1f5f9;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #e2e8f0;
color: #334155;
border-color: #e2e8f0;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #cbd5e1;
color: #1e293b;
border-color: #cbd5e1;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(241, 245, 249, 0.04);
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(241, 245, 249, 0.16);
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #f1f5f9;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(241, 245, 249, 0.04);
border-color: transparent;
color: #f1f5f9;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(241, 245, 249, 0.16);
border-color: transparent;
color: #f1f5f9;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #0ea5e9;
border: 1px solid #0ea5e9;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #0284c7;
color: #ffffff;
border-color: #0284c7;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #0369a1;
color: #ffffff;
border-color: #0369a1;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #0ea5e9;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #22c55e;
border: 1px solid #22c55e;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #16a34a;
color: #ffffff;
border-color: #16a34a;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #15803d;
color: #ffffff;
border-color: #15803d;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #22c55e;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
border-color: transparent;
color: #22c55e;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
border-color: transparent;
color: #22c55e;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #ffffff;
background: #f97316;
border: 1px solid #f97316;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #ea580c;
color: #ffffff;
border-color: #ea580c;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #c2410c;
color: #ffffff;
border-color: #c2410c;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #f97316;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #a855f7;
border: 1px solid #a855f7;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #9333ea;
color: #ffffff;
border-color: #9333ea;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #7e22ce;
color: #ffffff;
border-color: #7e22ce;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #a855f7;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
border-color: transparent;
color: #a855f7;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
border-color: transparent;
color: #a855f7;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #ef4444;
border: 1px solid #ef4444;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #dc2626;
color: #ffffff;
border-color: #dc2626;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #b91c1c;
color: #ffffff;
border-color: #b91c1c;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #ef4444;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
border-color: transparent;
color: #ef4444;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
border-color: transparent;
color: #ef4444;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #ffffff;
background: #020617;
border: 1px solid #020617;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #1e293b;
color: #ffffff;
border-color: #1e293b;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #334155;
color: #ffffff;
border-color: #334155;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(2, 6, 23, 0.04);
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(2, 6, 23, 0.16);
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #020617;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(2, 6, 23, 0.04);
border-color: transparent;
color: #020617;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(2, 6, 23, 0.16);
border-color: transparent;
color: #020617;
@@ -6259,6 +6264,174 @@
background: #e2e8f0;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ border-radius: 6px;
+ background: #ffffff;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #64748b;
+ border: 1px solid #e2e8f0;
+ border-width: 2px;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #334155;
+ font-weight: 500;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #ecfdf5;
+ color: #047857;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #334155;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #10b981;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #ffffff;
+ padding: 0.875rem 1.125rem 1.125rem 1.125rem;
+ color: #334155;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #e2e8f0;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #ffffff;
+ color: #334155;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #10b981;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6427,7 +6600,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6747,7 +6920,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7358,7 +7531,6 @@
border: 1px solid #e2e8f0;
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;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 2px 0;
@@ -7404,7 +7576,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -7412,6 +7584,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -7822,7 +8004,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -7830,6 +8012,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8021,7 +8213,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8029,6 +8221,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8248,7 +8450,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8256,6 +8458,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8477,7 +8689,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8485,6 +8697,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8829,7 +9051,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8837,6 +9059,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -10956,6 +11188,7 @@
.p-fileupload .p-fileupload-content {
border-top: 0 none;
+ padding-top: 1.125rem;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
@@ -11072,6 +11305,12 @@
left: 1.25rem;
transform: none;
}
+ .p-inputswitch.p-invalid > .p-inputswitch-slider {
+ background: #f87171;
+ }
+ .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
+ background: #ffffff;
+ }
.p-inputtext {
box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
@@ -11568,6 +11807,17 @@
border-radius: 6px;
}
+ .p-stepper .p-stepper-header .p-stepper-number {
+ box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #ffffff;
+ color: #10b981;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #10b981;
+ }
+
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
border-width: 2px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-light-indigo/theme.css b/public/themes/aura-light-indigo/theme.css
index 0e757c6..067d897 100644
--- a/public/themes/aura-light-indigo/theme.css
+++ b/public/themes/aura-light-indigo/theme.css
@@ -1724,20 +1724,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1834,6 +1841,21 @@
width: 2.5rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #94a3b8;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #94a3b8;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2031,11 +2053,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2089,27 +2106,15 @@
color: #f87171;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #94a3b8;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .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 {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3139,29 +3144,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3312,351 +3317,351 @@
.p-fluid .p-button-icon-only {
width: 2.5rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #475569;
background: #f1f5f9;
border: 1px solid #f1f5f9;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #e2e8f0;
color: #334155;
border-color: #e2e8f0;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #cbd5e1;
color: #1e293b;
border-color: #cbd5e1;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(241, 245, 249, 0.04);
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(241, 245, 249, 0.16);
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #f1f5f9;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(241, 245, 249, 0.04);
border-color: transparent;
color: #f1f5f9;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(241, 245, 249, 0.16);
border-color: transparent;
color: #f1f5f9;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #0ea5e9;
border: 1px solid #0ea5e9;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #0284c7;
color: #ffffff;
border-color: #0284c7;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #0369a1;
color: #ffffff;
border-color: #0369a1;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #0ea5e9;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #22c55e;
border: 1px solid #22c55e;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #16a34a;
color: #ffffff;
border-color: #16a34a;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #15803d;
color: #ffffff;
border-color: #15803d;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #22c55e;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
border-color: transparent;
color: #22c55e;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
border-color: transparent;
color: #22c55e;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #ffffff;
background: #f97316;
border: 1px solid #f97316;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #ea580c;
color: #ffffff;
border-color: #ea580c;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #c2410c;
color: #ffffff;
border-color: #c2410c;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #f97316;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #a855f7;
border: 1px solid #a855f7;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #9333ea;
color: #ffffff;
border-color: #9333ea;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #7e22ce;
color: #ffffff;
border-color: #7e22ce;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #a855f7;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
border-color: transparent;
color: #a855f7;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
border-color: transparent;
color: #a855f7;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #ef4444;
border: 1px solid #ef4444;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #dc2626;
color: #ffffff;
border-color: #dc2626;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #b91c1c;
color: #ffffff;
border-color: #b91c1c;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #ef4444;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
border-color: transparent;
color: #ef4444;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
border-color: transparent;
color: #ef4444;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #ffffff;
background: #020617;
border: 1px solid #020617;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #1e293b;
color: #ffffff;
border-color: #1e293b;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #334155;
color: #ffffff;
border-color: #334155;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(2, 6, 23, 0.04);
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(2, 6, 23, 0.16);
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #020617;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(2, 6, 23, 0.04);
border-color: transparent;
color: #020617;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(2, 6, 23, 0.16);
border-color: transparent;
color: #020617;
@@ -6259,6 +6264,174 @@
background: #e2e8f0;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ border-radius: 6px;
+ background: #ffffff;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #64748b;
+ border: 1px solid #e2e8f0;
+ border-width: 2px;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #334155;
+ font-weight: 500;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #EEF2FF;
+ color: #4338CA;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #334155;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #6366F1;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #ffffff;
+ padding: 0.875rem 1.125rem 1.125rem 1.125rem;
+ color: #334155;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #e2e8f0;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #ffffff;
+ color: #334155;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #6366F1;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6427,7 +6600,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6747,7 +6920,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7358,7 +7531,6 @@
border: 1px solid #e2e8f0;
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;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 2px 0;
@@ -7404,7 +7576,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -7412,6 +7584,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -7822,7 +8004,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -7830,6 +8012,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8021,7 +8213,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8029,6 +8221,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8248,7 +8450,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8256,6 +8458,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8477,7 +8689,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8485,6 +8697,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8829,7 +9051,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8837,6 +9059,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -10956,6 +11188,7 @@
.p-fileupload .p-fileupload-content {
border-top: 0 none;
+ padding-top: 1.125rem;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
@@ -11072,6 +11305,12 @@
left: 1.25rem;
transform: none;
}
+ .p-inputswitch.p-invalid > .p-inputswitch-slider {
+ background: #f87171;
+ }
+ .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
+ background: #ffffff;
+ }
.p-inputtext {
box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
@@ -11568,6 +11807,17 @@
border-radius: 6px;
}
+ .p-stepper .p-stepper-header .p-stepper-number {
+ box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #ffffff;
+ color: #6366F1;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #6366F1;
+ }
+
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
border-width: 2px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-light-lime/theme.css b/public/themes/aura-light-lime/theme.css
index 3639820..4d51d27 100644
--- a/public/themes/aura-light-lime/theme.css
+++ b/public/themes/aura-light-lime/theme.css
@@ -1724,20 +1724,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1834,6 +1841,21 @@
width: 2.5rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #94a3b8;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #94a3b8;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2031,11 +2053,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2089,27 +2106,15 @@
color: #f87171;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #94a3b8;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .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 {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3139,29 +3144,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3312,351 +3317,351 @@
.p-fluid .p-button-icon-only {
width: 2.5rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #475569;
background: #f1f5f9;
border: 1px solid #f1f5f9;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #e2e8f0;
color: #334155;
border-color: #e2e8f0;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #cbd5e1;
color: #1e293b;
border-color: #cbd5e1;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(241, 245, 249, 0.04);
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(241, 245, 249, 0.16);
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #f1f5f9;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(241, 245, 249, 0.04);
border-color: transparent;
color: #f1f5f9;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(241, 245, 249, 0.16);
border-color: transparent;
color: #f1f5f9;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #0ea5e9;
border: 1px solid #0ea5e9;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #0284c7;
color: #ffffff;
border-color: #0284c7;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #0369a1;
color: #ffffff;
border-color: #0369a1;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #0ea5e9;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #22c55e;
border: 1px solid #22c55e;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #16a34a;
color: #ffffff;
border-color: #16a34a;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #15803d;
color: #ffffff;
border-color: #15803d;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #22c55e;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
border-color: transparent;
color: #22c55e;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
border-color: transparent;
color: #22c55e;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #ffffff;
background: #f97316;
border: 1px solid #f97316;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #ea580c;
color: #ffffff;
border-color: #ea580c;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #c2410c;
color: #ffffff;
border-color: #c2410c;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #f97316;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #a855f7;
border: 1px solid #a855f7;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #9333ea;
color: #ffffff;
border-color: #9333ea;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #7e22ce;
color: #ffffff;
border-color: #7e22ce;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #a855f7;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
border-color: transparent;
color: #a855f7;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
border-color: transparent;
color: #a855f7;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #ef4444;
border: 1px solid #ef4444;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #dc2626;
color: #ffffff;
border-color: #dc2626;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #b91c1c;
color: #ffffff;
border-color: #b91c1c;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #ef4444;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
border-color: transparent;
color: #ef4444;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
border-color: transparent;
color: #ef4444;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #ffffff;
background: #020617;
border: 1px solid #020617;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #1e293b;
color: #ffffff;
border-color: #1e293b;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #334155;
color: #ffffff;
border-color: #334155;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(2, 6, 23, 0.04);
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(2, 6, 23, 0.16);
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #020617;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(2, 6, 23, 0.04);
border-color: transparent;
color: #020617;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(2, 6, 23, 0.16);
border-color: transparent;
color: #020617;
@@ -6259,6 +6264,174 @@
background: #e2e8f0;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ border-radius: 6px;
+ background: #ffffff;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #64748b;
+ border: 1px solid #e2e8f0;
+ border-width: 2px;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #334155;
+ font-weight: 500;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #f7fee7;
+ color: #4d7c0f;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #334155;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #84cc16;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #ffffff;
+ padding: 0.875rem 1.125rem 1.125rem 1.125rem;
+ color: #334155;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #e2e8f0;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #ffffff;
+ color: #334155;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #84cc16;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6427,7 +6600,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6747,7 +6920,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7358,7 +7531,6 @@
border: 1px solid #e2e8f0;
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;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 2px 0;
@@ -7404,7 +7576,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -7412,6 +7584,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -7822,7 +8004,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -7830,6 +8012,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8021,7 +8213,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8029,6 +8221,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8248,7 +8450,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8256,6 +8458,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8477,7 +8689,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8485,6 +8697,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8829,7 +9051,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8837,6 +9059,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -10956,6 +11188,7 @@
.p-fileupload .p-fileupload-content {
border-top: 0 none;
+ padding-top: 1.125rem;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
@@ -11072,6 +11305,12 @@
left: 1.25rem;
transform: none;
}
+ .p-inputswitch.p-invalid > .p-inputswitch-slider {
+ background: #f87171;
+ }
+ .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
+ background: #ffffff;
+ }
.p-inputtext {
box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
@@ -11568,6 +11807,17 @@
border-radius: 6px;
}
+ .p-stepper .p-stepper-header .p-stepper-number {
+ box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #ffffff;
+ color: #84cc16;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #84cc16;
+ }
+
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
border-width: 2px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-light-noir/theme.css b/public/themes/aura-light-noir/theme.css
index e525a98..ed78087 100644
--- a/public/themes/aura-light-noir/theme.css
+++ b/public/themes/aura-light-noir/theme.css
@@ -1728,20 +1728,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1838,6 +1845,21 @@
width: 2.5rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #94a3b8;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #94a3b8;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2035,11 +2057,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2093,27 +2110,15 @@
color: #f87171;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #94a3b8;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .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 {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3147,29 +3152,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3320,351 +3325,351 @@
.p-fluid .p-button-icon-only {
width: 2.5rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #475569;
background: #f1f5f9;
border: 1px solid #f1f5f9;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #e2e8f0;
color: #334155;
border-color: #e2e8f0;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #cbd5e1;
color: #1e293b;
border-color: #cbd5e1;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(241, 245, 249, 0.04);
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(241, 245, 249, 0.16);
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #f1f5f9;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(241, 245, 249, 0.04);
border-color: transparent;
color: #f1f5f9;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(241, 245, 249, 0.16);
border-color: transparent;
color: #f1f5f9;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #0ea5e9;
border: 1px solid #0ea5e9;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #0284c7;
color: #ffffff;
border-color: #0284c7;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #0369a1;
color: #ffffff;
border-color: #0369a1;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #0ea5e9;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #22c55e;
border: 1px solid #22c55e;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #16a34a;
color: #ffffff;
border-color: #16a34a;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #15803d;
color: #ffffff;
border-color: #15803d;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #22c55e;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
border-color: transparent;
color: #22c55e;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
border-color: transparent;
color: #22c55e;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #ffffff;
background: #f97316;
border: 1px solid #f97316;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #ea580c;
color: #ffffff;
border-color: #ea580c;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #c2410c;
color: #ffffff;
border-color: #c2410c;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #f97316;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #a855f7;
border: 1px solid #a855f7;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #9333ea;
color: #ffffff;
border-color: #9333ea;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #7e22ce;
color: #ffffff;
border-color: #7e22ce;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #a855f7;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
border-color: transparent;
color: #a855f7;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
border-color: transparent;
color: #a855f7;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #ef4444;
border: 1px solid #ef4444;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #dc2626;
color: #ffffff;
border-color: #dc2626;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #b91c1c;
color: #ffffff;
border-color: #b91c1c;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #ef4444;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
border-color: transparent;
color: #ef4444;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
border-color: transparent;
color: #ef4444;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #ffffff;
background: #020617;
border: 1px solid #020617;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #1e293b;
color: #ffffff;
border-color: #1e293b;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #334155;
color: #ffffff;
border-color: #334155;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(2, 6, 23, 0.04);
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(2, 6, 23, 0.16);
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #020617;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(2, 6, 23, 0.04);
border-color: transparent;
color: #020617;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(2, 6, 23, 0.16);
border-color: transparent;
color: #020617;
@@ -6267,6 +6272,174 @@
background: #e2e8f0;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ border-radius: 6px;
+ background: #ffffff;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #64748b;
+ border: 1px solid #e2e8f0;
+ border-width: 2px;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #334155;
+ font-weight: 500;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #020617;
+ color: #ffffff;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #334155;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #020617;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #ffffff;
+ padding: 0.875rem 1.125rem 1.125rem 1.125rem;
+ color: #334155;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #e2e8f0;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #ffffff;
+ color: #334155;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #020617;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6435,7 +6608,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6755,7 +6928,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7366,7 +7539,6 @@
border: 1px solid #e2e8f0;
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;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 2px 0;
@@ -7412,7 +7584,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -7420,6 +7592,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -7830,7 +8012,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -7838,6 +8020,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8029,7 +8221,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8037,6 +8229,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8256,7 +8458,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8264,6 +8466,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8485,7 +8697,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8493,6 +8705,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8837,7 +9059,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8845,6 +9067,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -10964,6 +11196,7 @@
.p-fileupload .p-fileupload-content {
border-top: 0 none;
+ padding-top: 1.125rem;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
@@ -11080,6 +11313,12 @@
left: 1.25rem;
transform: none;
}
+ .p-inputswitch.p-invalid > .p-inputswitch-slider {
+ background: #f87171;
+ }
+ .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
+ background: #ffffff;
+ }
.p-inputtext {
box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
@@ -11576,6 +11815,17 @@
border-radius: 6px;
}
+ .p-stepper .p-stepper-header .p-stepper-number {
+ box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #ffffff;
+ color: #020617;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #020617;
+ }
+
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
border-width: 2px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-light-pink/theme.css b/public/themes/aura-light-pink/theme.css
index 1bf282f..1d6b6c9 100644
--- a/public/themes/aura-light-pink/theme.css
+++ b/public/themes/aura-light-pink/theme.css
@@ -1724,20 +1724,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1834,6 +1841,21 @@
width: 2.5rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #94a3b8;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #94a3b8;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2031,11 +2053,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2089,27 +2106,15 @@
color: #f87171;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #94a3b8;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .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 {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3139,29 +3144,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3312,351 +3317,351 @@
.p-fluid .p-button-icon-only {
width: 2.5rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #475569;
background: #f1f5f9;
border: 1px solid #f1f5f9;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #e2e8f0;
color: #334155;
border-color: #e2e8f0;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #cbd5e1;
color: #1e293b;
border-color: #cbd5e1;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(241, 245, 249, 0.04);
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(241, 245, 249, 0.16);
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #f1f5f9;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(241, 245, 249, 0.04);
border-color: transparent;
color: #f1f5f9;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(241, 245, 249, 0.16);
border-color: transparent;
color: #f1f5f9;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #0ea5e9;
border: 1px solid #0ea5e9;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #0284c7;
color: #ffffff;
border-color: #0284c7;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #0369a1;
color: #ffffff;
border-color: #0369a1;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #0ea5e9;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #22c55e;
border: 1px solid #22c55e;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #16a34a;
color: #ffffff;
border-color: #16a34a;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #15803d;
color: #ffffff;
border-color: #15803d;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #22c55e;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
border-color: transparent;
color: #22c55e;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
border-color: transparent;
color: #22c55e;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #ffffff;
background: #f97316;
border: 1px solid #f97316;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #ea580c;
color: #ffffff;
border-color: #ea580c;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #c2410c;
color: #ffffff;
border-color: #c2410c;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #f97316;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #a855f7;
border: 1px solid #a855f7;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #9333ea;
color: #ffffff;
border-color: #9333ea;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #7e22ce;
color: #ffffff;
border-color: #7e22ce;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #a855f7;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
border-color: transparent;
color: #a855f7;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
border-color: transparent;
color: #a855f7;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #ef4444;
border: 1px solid #ef4444;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #dc2626;
color: #ffffff;
border-color: #dc2626;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #b91c1c;
color: #ffffff;
border-color: #b91c1c;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #ef4444;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
border-color: transparent;
color: #ef4444;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
border-color: transparent;
color: #ef4444;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #ffffff;
background: #020617;
border: 1px solid #020617;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #1e293b;
color: #ffffff;
border-color: #1e293b;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #334155;
color: #ffffff;
border-color: #334155;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(2, 6, 23, 0.04);
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(2, 6, 23, 0.16);
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #020617;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(2, 6, 23, 0.04);
border-color: transparent;
color: #020617;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(2, 6, 23, 0.16);
border-color: transparent;
color: #020617;
@@ -6259,6 +6264,174 @@
background: #e2e8f0;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ border-radius: 6px;
+ background: #ffffff;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #64748b;
+ border: 1px solid #e2e8f0;
+ border-width: 2px;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #334155;
+ font-weight: 500;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #fdf2f8;
+ color: #be185d;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #334155;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #ec4899;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #ffffff;
+ padding: 0.875rem 1.125rem 1.125rem 1.125rem;
+ color: #334155;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #e2e8f0;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #ffffff;
+ color: #334155;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #ec4899;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6427,7 +6600,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6747,7 +6920,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7358,7 +7531,6 @@
border: 1px solid #e2e8f0;
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;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 2px 0;
@@ -7404,7 +7576,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -7412,6 +7584,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -7822,7 +8004,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -7830,6 +8012,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8021,7 +8213,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8029,6 +8221,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8248,7 +8450,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8256,6 +8458,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8477,7 +8689,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8485,6 +8697,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8829,7 +9051,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8837,6 +9059,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -10956,6 +11188,7 @@
.p-fileupload .p-fileupload-content {
border-top: 0 none;
+ padding-top: 1.125rem;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
@@ -11072,6 +11305,12 @@
left: 1.25rem;
transform: none;
}
+ .p-inputswitch.p-invalid > .p-inputswitch-slider {
+ background: #f87171;
+ }
+ .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
+ background: #ffffff;
+ }
.p-inputtext {
box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
@@ -11568,6 +11807,17 @@
border-radius: 6px;
}
+ .p-stepper .p-stepper-header .p-stepper-number {
+ box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #ffffff;
+ color: #ec4899;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #ec4899;
+ }
+
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
border-width: 2px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-light-purple/theme.css b/public/themes/aura-light-purple/theme.css
index f1b4e1f..eb8c0e6 100644
--- a/public/themes/aura-light-purple/theme.css
+++ b/public/themes/aura-light-purple/theme.css
@@ -1724,20 +1724,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1834,6 +1841,21 @@
width: 2.5rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #94a3b8;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #94a3b8;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2031,11 +2053,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2089,27 +2106,15 @@
color: #f87171;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #94a3b8;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .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 {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3139,29 +3144,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3312,351 +3317,351 @@
.p-fluid .p-button-icon-only {
width: 2.5rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #475569;
background: #f1f5f9;
border: 1px solid #f1f5f9;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #e2e8f0;
color: #334155;
border-color: #e2e8f0;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #cbd5e1;
color: #1e293b;
border-color: #cbd5e1;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(241, 245, 249, 0.04);
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(241, 245, 249, 0.16);
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #f1f5f9;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(241, 245, 249, 0.04);
border-color: transparent;
color: #f1f5f9;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(241, 245, 249, 0.16);
border-color: transparent;
color: #f1f5f9;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #0ea5e9;
border: 1px solid #0ea5e9;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #0284c7;
color: #ffffff;
border-color: #0284c7;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #0369a1;
color: #ffffff;
border-color: #0369a1;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #0ea5e9;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #22c55e;
border: 1px solid #22c55e;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #16a34a;
color: #ffffff;
border-color: #16a34a;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #15803d;
color: #ffffff;
border-color: #15803d;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #22c55e;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
border-color: transparent;
color: #22c55e;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
border-color: transparent;
color: #22c55e;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #ffffff;
background: #f97316;
border: 1px solid #f97316;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #ea580c;
color: #ffffff;
border-color: #ea580c;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #c2410c;
color: #ffffff;
border-color: #c2410c;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #f97316;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #a855f7;
border: 1px solid #a855f7;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #9333ea;
color: #ffffff;
border-color: #9333ea;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #7e22ce;
color: #ffffff;
border-color: #7e22ce;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #a855f7;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
border-color: transparent;
color: #a855f7;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
border-color: transparent;
color: #a855f7;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #ef4444;
border: 1px solid #ef4444;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #dc2626;
color: #ffffff;
border-color: #dc2626;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #b91c1c;
color: #ffffff;
border-color: #b91c1c;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #ef4444;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
border-color: transparent;
color: #ef4444;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
border-color: transparent;
color: #ef4444;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #ffffff;
background: #020617;
border: 1px solid #020617;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #1e293b;
color: #ffffff;
border-color: #1e293b;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #334155;
color: #ffffff;
border-color: #334155;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(2, 6, 23, 0.04);
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(2, 6, 23, 0.16);
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #020617;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(2, 6, 23, 0.04);
border-color: transparent;
color: #020617;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(2, 6, 23, 0.16);
border-color: transparent;
color: #020617;
@@ -6259,6 +6264,174 @@
background: #e2e8f0;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ border-radius: 6px;
+ background: #ffffff;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #64748b;
+ border: 1px solid #e2e8f0;
+ border-width: 2px;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #334155;
+ font-weight: 500;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #F5F3FF;
+ color: #6D28D9;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #334155;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #8B5CF6;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #ffffff;
+ padding: 0.875rem 1.125rem 1.125rem 1.125rem;
+ color: #334155;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #e2e8f0;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #ffffff;
+ color: #334155;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #8B5CF6;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6427,7 +6600,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6747,7 +6920,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7358,7 +7531,6 @@
border: 1px solid #e2e8f0;
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;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 2px 0;
@@ -7404,7 +7576,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -7412,6 +7584,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -7822,7 +8004,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -7830,6 +8012,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8021,7 +8213,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8029,6 +8221,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8248,7 +8450,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8256,6 +8458,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8477,7 +8689,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8485,6 +8697,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8829,7 +9051,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8837,6 +9059,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -10956,6 +11188,7 @@
.p-fileupload .p-fileupload-content {
border-top: 0 none;
+ padding-top: 1.125rem;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
@@ -11072,6 +11305,12 @@
left: 1.25rem;
transform: none;
}
+ .p-inputswitch.p-invalid > .p-inputswitch-slider {
+ background: #f87171;
+ }
+ .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
+ background: #ffffff;
+ }
.p-inputtext {
box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
@@ -11568,6 +11807,17 @@
border-radius: 6px;
}
+ .p-stepper .p-stepper-header .p-stepper-number {
+ box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #ffffff;
+ color: #8B5CF6;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #8B5CF6;
+ }
+
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
border-width: 2px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/aura-light-teal/theme.css b/public/themes/aura-light-teal/theme.css
index 1f5c98c..30bc0b5 100644
--- a/public/themes/aura-light-teal/theme.css
+++ b/public/themes/aura-light-teal/theme.css
@@ -1724,20 +1724,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1834,6 +1841,21 @@
width: 2.5rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #94a3b8;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #94a3b8;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2031,11 +2053,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2089,27 +2106,15 @@
color: #f87171;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #94a3b8;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .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 {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3139,29 +3144,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3312,351 +3317,351 @@
.p-fluid .p-button-icon-only {
width: 2.5rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #475569;
background: #f1f5f9;
border: 1px solid #f1f5f9;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #e2e8f0;
color: #334155;
border-color: #e2e8f0;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #cbd5e1;
color: #1e293b;
border-color: #cbd5e1;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(241, 245, 249, 0.04);
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(241, 245, 249, 0.16);
color: #f1f5f9;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #f1f5f9;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(241, 245, 249, 0.04);
border-color: transparent;
color: #f1f5f9;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(241, 245, 249, 0.16);
border-color: transparent;
color: #f1f5f9;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #0ea5e9;
border: 1px solid #0ea5e9;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #0284c7;
color: #ffffff;
border-color: #0284c7;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #0369a1;
color: #ffffff;
border-color: #0369a1;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #0ea5e9;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #22c55e;
border: 1px solid #22c55e;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #16a34a;
color: #ffffff;
border-color: #16a34a;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #15803d;
color: #ffffff;
border-color: #15803d;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
color: #22c55e;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #22c55e;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
border-color: transparent;
color: #22c55e;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
border-color: transparent;
color: #22c55e;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #ffffff;
background: #f97316;
border: 1px solid #f97316;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #ea580c;
color: #ffffff;
border-color: #ea580c;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #c2410c;
color: #ffffff;
border-color: #c2410c;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #f97316;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #a855f7;
border: 1px solid #a855f7;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #9333ea;
color: #ffffff;
border-color: #9333ea;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #7e22ce;
color: #ffffff;
border-color: #7e22ce;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
color: #a855f7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #a855f7;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
border-color: transparent;
color: #a855f7;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
border-color: transparent;
color: #a855f7;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #ef4444;
border: 1px solid #ef4444;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #dc2626;
color: #ffffff;
border-color: #dc2626;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #b91c1c;
color: #ffffff;
border-color: #b91c1c;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
color: #ef4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #ef4444;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
border-color: transparent;
color: #ef4444;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
border-color: transparent;
color: #ef4444;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #ffffff;
background: #020617;
border: 1px solid #020617;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #1e293b;
color: #ffffff;
border-color: #1e293b;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #334155;
color: #ffffff;
border-color: #334155;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(2, 6, 23, 0.04);
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(2, 6, 23, 0.16);
color: #020617;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #020617;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(2, 6, 23, 0.04);
border-color: transparent;
color: #020617;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(2, 6, 23, 0.16);
border-color: transparent;
color: #020617;
@@ -6259,6 +6264,174 @@
background: #e2e8f0;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ border-radius: 6px;
+ background: #ffffff;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #64748b;
+ border: 1px solid #e2e8f0;
+ border-width: 2px;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #334155;
+ font-weight: 500;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #f0fdfa;
+ color: #0f766e;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #334155;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 1px solid var(--p-focus-ring-color);
+ outline-offset: 2px;
+ box-shadow: none;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #14b8a6;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #ffffff;
+ padding: 0.875rem 1.125rem 1.125rem 1.125rem;
+ color: #334155;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #e2e8f0;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #ffffff;
+ color: #334155;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #14b8a6;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6427,7 +6600,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6747,7 +6920,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7358,7 +7531,6 @@
border: 1px solid #e2e8f0;
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;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 2px 0;
@@ -7404,7 +7576,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -7412,6 +7584,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -7822,7 +8004,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -7830,6 +8012,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8021,7 +8213,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8029,6 +8221,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8248,7 +8450,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8256,6 +8458,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8477,7 +8689,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8485,6 +8697,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -8829,7 +9051,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #334155;
- background: #e2e8f0;
+ background: #f1f5f9;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #334155;
@@ -8837,6 +9059,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #334155;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #334155;
+ background: #f1f5f9;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #334155;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #334155;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #334155;
background: #f1f5f9;
@@ -10956,6 +11188,7 @@
.p-fileupload .p-fileupload-content {
border-top: 0 none;
+ padding-top: 1.125rem;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
@@ -11072,6 +11305,12 @@
left: 1.25rem;
transform: none;
}
+ .p-inputswitch.p-invalid > .p-inputswitch-slider {
+ background: #f87171;
+ }
+ .p-inputswitch.p-invalid > .p-inputswitch-slider:before {
+ background: #ffffff;
+ }
.p-inputtext {
box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
@@ -11568,6 +11807,17 @@
border-radius: 6px;
}
+ .p-stepper .p-stepper-header .p-stepper-number {
+ box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.06), 0px 1px 1px 0px rgba(0, 0, 0, 0.12);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #ffffff;
+ color: #14b8a6;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #14b8a6;
+ }
+
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
border-width: 2px;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
diff --git a/public/themes/lara-dark-amber/theme.css b/public/themes/lara-dark-amber/theme.css
index 9db74c8..c1d4d75 100644
--- a/public/themes/lara-dark-amber/theme.css
+++ b/public/themes/lara-dark-amber/theme.css
@@ -1722,20 +1722,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1832,6 +1839,21 @@
width: 3rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2029,11 +2051,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2087,27 +2104,15 @@
color: #fca5a5;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > i:last-of-type {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-input-icon-right > .p-inputtext {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3137,29 +3142,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3310,351 +3315,351 @@
.p-fluid .p-button-icon-only {
width: 3rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #020617;
background: #94a3b8;
border: 1px solid #94a3b8;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #cbd5e1;
color: #020617;
border-color: #cbd5e1;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #b4bfcd;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #e2e8f0;
color: #020617;
border-color: #e2e8f0;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #94a3b8;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(148, 163, 184, 0.04);
color: #94a3b8;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(148, 163, 184, 0.16);
color: #94a3b8;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #94a3b8;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(148, 163, 184, 0.04);
border-color: transparent;
color: #94a3b8;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(148, 163, 184, 0.16);
border-color: transparent;
color: #94a3b8;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #082f49;
background: #38bdf8;
border: 1px solid #38bdf8;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #7dd3fc;
color: #082f49;
border-color: #7dd3fc;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #74d1fa;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #bae6fd;
color: #082f49;
border-color: #bae6fd;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #38bdf8;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #052e16;
background: #4ade80;
border: 1px solid #4ade80;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #86efac;
color: #052e16;
border-color: #86efac;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #80e8a6;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #bbf7d0;
color: #052e16;
border-color: #bbf7d0;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #4ade80;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #431407;
background: #fb923c;
border: 1px solid #fb923c;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #fdba74;
color: #431407;
border-color: #fdba74;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #fcb377;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #fed7aa;
color: #431407;
border-color: #fed7aa;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #fb923c;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #3b0764;
background: #c084fc;
border: 1px solid #c084fc;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #d8b4fe;
color: #3b0764;
border-color: #d8b4fe;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #d3a9fd;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #e9d5ff;
color: #3b0764;
border-color: #e9d5ff;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #c084fc;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #450a0a;
background: #f87171;
border: 1px solid #f87171;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #fca5a5;
color: #450a0a;
border-color: #fca5a5;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #fa9c9c;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #fecaca;
color: #450a0a;
border-color: #fecaca;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #f87171;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #111827;
background: #ffffff;
border: 1px solid #ffffff;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #f3f4f6;
color: #111827;
border-color: #f3f4f6;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #e5e7eb;
color: #111827;
border-color: #e5e7eb;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #ffffff;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
color: #ffffff;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
border-color: transparent;
color: #ffffff;
@@ -6232,6 +6237,174 @@
background: #424b57;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: box-shadow 0.2s;
+ border-radius: 6px;
+ background: transparent;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: rgba(255, 255, 255, 0.87);
+ border: 0 none;
+ border-width: 2px;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ font-weight: 700;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: rgba(251, 191, 36, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2);
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #fbbf24;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #1f2937;
+ padding: 1.25rem;
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #424b57;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: box-shadow 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #1f2937;
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #fbbf24;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6400,7 +6573,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6720,7 +6893,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7331,7 +7504,6 @@
border: 1px solid #424b57;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
border-radius: 6px;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 0;
@@ -7377,7 +7549,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -7385,6 +7557,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -7795,7 +7977,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -7803,6 +7985,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -7994,7 +8186,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8002,6 +8194,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -8221,7 +8423,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8229,6 +8431,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -8450,7 +8662,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8458,6 +8670,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -8778,7 +9000,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8786,6 +9008,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -10601,4 +10833,13 @@
background: #fbbf24;
color: #030712;
}
+
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ border-style: solid;
+ border-color: #424b57;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-action .p-stepper-number {
+ background: #fbbf24;
+ color: #030712;
+ }
}
diff --git a/public/themes/lara-dark-blue/theme.css b/public/themes/lara-dark-blue/theme.css
index 05ff15c..2903019 100644
--- a/public/themes/lara-dark-blue/theme.css
+++ b/public/themes/lara-dark-blue/theme.css
@@ -1722,20 +1722,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1832,6 +1839,21 @@
width: 3rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2029,11 +2051,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2087,27 +2104,15 @@
color: #fca5a5;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > i:last-of-type {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-input-icon-right > .p-inputtext {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3137,29 +3142,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3310,351 +3315,351 @@
.p-fluid .p-button-icon-only {
width: 3rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #020617;
background: #94a3b8;
border: 1px solid #94a3b8;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #cbd5e1;
color: #020617;
border-color: #cbd5e1;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #b4bfcd;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #e2e8f0;
color: #020617;
border-color: #e2e8f0;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #94a3b8;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(148, 163, 184, 0.04);
color: #94a3b8;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(148, 163, 184, 0.16);
color: #94a3b8;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #94a3b8;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(148, 163, 184, 0.04);
border-color: transparent;
color: #94a3b8;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(148, 163, 184, 0.16);
border-color: transparent;
color: #94a3b8;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #082f49;
background: #38bdf8;
border: 1px solid #38bdf8;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #7dd3fc;
color: #082f49;
border-color: #7dd3fc;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #74d1fa;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #bae6fd;
color: #082f49;
border-color: #bae6fd;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #38bdf8;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #052e16;
background: #4ade80;
border: 1px solid #4ade80;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #86efac;
color: #052e16;
border-color: #86efac;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #80e8a6;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #bbf7d0;
color: #052e16;
border-color: #bbf7d0;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #4ade80;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #431407;
background: #fb923c;
border: 1px solid #fb923c;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #fdba74;
color: #431407;
border-color: #fdba74;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #fcb377;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #fed7aa;
color: #431407;
border-color: #fed7aa;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #fb923c;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #3b0764;
background: #c084fc;
border: 1px solid #c084fc;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #d8b4fe;
color: #3b0764;
border-color: #d8b4fe;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #d3a9fd;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #e9d5ff;
color: #3b0764;
border-color: #e9d5ff;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #c084fc;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #450a0a;
background: #f87171;
border: 1px solid #f87171;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #fca5a5;
color: #450a0a;
border-color: #fca5a5;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #fa9c9c;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #fecaca;
color: #450a0a;
border-color: #fecaca;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #f87171;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #111827;
background: #ffffff;
border: 1px solid #ffffff;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #f3f4f6;
color: #111827;
border-color: #f3f4f6;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #e5e7eb;
color: #111827;
border-color: #e5e7eb;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #ffffff;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
color: #ffffff;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
border-color: transparent;
color: #ffffff;
@@ -6232,6 +6237,174 @@
background: #424b57;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: box-shadow 0.2s;
+ border-radius: 6px;
+ background: transparent;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: rgba(255, 255, 255, 0.87);
+ border: 0 none;
+ border-width: 2px;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ font-weight: 700;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: rgba(96, 165, 250, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #60a5fa;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #1f2937;
+ padding: 1.25rem;
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #424b57;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: box-shadow 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #1f2937;
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #60a5fa;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6400,7 +6573,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6720,7 +6893,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7331,7 +7504,6 @@
border: 1px solid #424b57;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
border-radius: 6px;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 0;
@@ -7377,7 +7549,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -7385,6 +7557,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -7795,7 +7977,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -7803,6 +7985,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -7994,7 +8186,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8002,6 +8194,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -8221,7 +8423,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8229,6 +8431,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -8450,7 +8662,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8458,6 +8670,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -8778,7 +9000,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8786,6 +9008,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -10601,4 +10833,13 @@
background: #60a5fa;
color: #030712;
}
+
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ border-style: solid;
+ border-color: #424b57;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-action .p-stepper-number {
+ background: #60a5fa;
+ color: #030712;
+ }
}
diff --git a/public/themes/lara-dark-cyan/theme.css b/public/themes/lara-dark-cyan/theme.css
index 24bf897..0b7bf14 100644
--- a/public/themes/lara-dark-cyan/theme.css
+++ b/public/themes/lara-dark-cyan/theme.css
@@ -1722,20 +1722,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1832,6 +1839,21 @@
width: 3rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2029,11 +2051,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2087,27 +2104,15 @@
color: #fca5a5;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > i:last-of-type {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-input-icon-right > .p-inputtext {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3137,29 +3142,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3310,351 +3315,351 @@
.p-fluid .p-button-icon-only {
width: 3rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #020617;
background: #94a3b8;
border: 1px solid #94a3b8;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #cbd5e1;
color: #020617;
border-color: #cbd5e1;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #b4bfcd;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #e2e8f0;
color: #020617;
border-color: #e2e8f0;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #94a3b8;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(148, 163, 184, 0.04);
color: #94a3b8;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(148, 163, 184, 0.16);
color: #94a3b8;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #94a3b8;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(148, 163, 184, 0.04);
border-color: transparent;
color: #94a3b8;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(148, 163, 184, 0.16);
border-color: transparent;
color: #94a3b8;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #082f49;
background: #38bdf8;
border: 1px solid #38bdf8;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #7dd3fc;
color: #082f49;
border-color: #7dd3fc;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #74d1fa;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #bae6fd;
color: #082f49;
border-color: #bae6fd;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #38bdf8;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #052e16;
background: #4ade80;
border: 1px solid #4ade80;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #86efac;
color: #052e16;
border-color: #86efac;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #80e8a6;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #bbf7d0;
color: #052e16;
border-color: #bbf7d0;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #4ade80;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #431407;
background: #fb923c;
border: 1px solid #fb923c;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #fdba74;
color: #431407;
border-color: #fdba74;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #fcb377;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #fed7aa;
color: #431407;
border-color: #fed7aa;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #fb923c;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #3b0764;
background: #c084fc;
border: 1px solid #c084fc;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #d8b4fe;
color: #3b0764;
border-color: #d8b4fe;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #d3a9fd;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #e9d5ff;
color: #3b0764;
border-color: #e9d5ff;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #c084fc;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #450a0a;
background: #f87171;
border: 1px solid #f87171;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #fca5a5;
color: #450a0a;
border-color: #fca5a5;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #fa9c9c;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #fecaca;
color: #450a0a;
border-color: #fecaca;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #f87171;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #111827;
background: #ffffff;
border: 1px solid #ffffff;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #f3f4f6;
color: #111827;
border-color: #f3f4f6;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #e5e7eb;
color: #111827;
border-color: #e5e7eb;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #ffffff;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
color: #ffffff;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
border-color: transparent;
color: #ffffff;
@@ -6232,6 +6237,174 @@
background: #424b57;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: box-shadow 0.2s;
+ border-radius: 6px;
+ background: transparent;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: rgba(255, 255, 255, 0.87);
+ border: 0 none;
+ border-width: 2px;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ font-weight: 700;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: rgba(34, 211, 238, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2);
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #22d3ee;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #1f2937;
+ padding: 1.25rem;
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #424b57;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: box-shadow 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #1f2937;
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #22d3ee;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6400,7 +6573,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6720,7 +6893,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7331,7 +7504,6 @@
border: 1px solid #424b57;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
border-radius: 6px;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 0;
@@ -7377,7 +7549,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -7385,6 +7557,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -7795,7 +7977,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -7803,6 +7985,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -7994,7 +8186,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8002,6 +8194,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -8221,7 +8423,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8229,6 +8431,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -8450,7 +8662,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8458,6 +8670,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -8778,7 +9000,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8786,6 +9008,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -10601,4 +10833,13 @@
background: #22d3ee;
color: #030712;
}
+
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ border-style: solid;
+ border-color: #424b57;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-action .p-stepper-number {
+ background: #22d3ee;
+ color: #030712;
+ }
}
diff --git a/public/themes/lara-dark-green/theme.css b/public/themes/lara-dark-green/theme.css
index b49adda..82f40bf 100644
--- a/public/themes/lara-dark-green/theme.css
+++ b/public/themes/lara-dark-green/theme.css
@@ -1722,20 +1722,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1832,6 +1839,21 @@
width: 3rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2029,11 +2051,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2087,27 +2104,15 @@
color: #fca5a5;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > i:last-of-type {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-input-icon-right > .p-inputtext {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3137,29 +3142,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3310,351 +3315,351 @@
.p-fluid .p-button-icon-only {
width: 3rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #020617;
background: #94a3b8;
border: 1px solid #94a3b8;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #cbd5e1;
color: #020617;
border-color: #cbd5e1;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #b4bfcd;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #e2e8f0;
color: #020617;
border-color: #e2e8f0;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #94a3b8;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(148, 163, 184, 0.04);
color: #94a3b8;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(148, 163, 184, 0.16);
color: #94a3b8;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #94a3b8;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(148, 163, 184, 0.04);
border-color: transparent;
color: #94a3b8;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(148, 163, 184, 0.16);
border-color: transparent;
color: #94a3b8;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #082f49;
background: #38bdf8;
border: 1px solid #38bdf8;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #7dd3fc;
color: #082f49;
border-color: #7dd3fc;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #74d1fa;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #bae6fd;
color: #082f49;
border-color: #bae6fd;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #38bdf8;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #052e16;
background: #4ade80;
border: 1px solid #4ade80;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #86efac;
color: #052e16;
border-color: #86efac;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #80e8a6;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #bbf7d0;
color: #052e16;
border-color: #bbf7d0;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #4ade80;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #431407;
background: #fb923c;
border: 1px solid #fb923c;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #fdba74;
color: #431407;
border-color: #fdba74;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #fcb377;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #fed7aa;
color: #431407;
border-color: #fed7aa;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #fb923c;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #3b0764;
background: #c084fc;
border: 1px solid #c084fc;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #d8b4fe;
color: #3b0764;
border-color: #d8b4fe;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #d3a9fd;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #e9d5ff;
color: #3b0764;
border-color: #e9d5ff;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #c084fc;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #450a0a;
background: #f87171;
border: 1px solid #f87171;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #fca5a5;
color: #450a0a;
border-color: #fca5a5;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #fa9c9c;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #fecaca;
color: #450a0a;
border-color: #fecaca;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #f87171;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #111827;
background: #ffffff;
border: 1px solid #ffffff;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #f3f4f6;
color: #111827;
border-color: #f3f4f6;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #e5e7eb;
color: #111827;
border-color: #e5e7eb;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #ffffff;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
color: #ffffff;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
border-color: transparent;
color: #ffffff;
@@ -6232,6 +6237,174 @@
background: #424b57;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2);
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: box-shadow 0.2s;
+ border-radius: 6px;
+ background: transparent;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: rgba(255, 255, 255, 0.87);
+ border: 0 none;
+ border-width: 2px;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ font-weight: 700;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: rgba(52, 211, 153, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2);
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #34d399;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #1f2937;
+ padding: 1.25rem;
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #424b57;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: box-shadow 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #1f2937;
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #34d399;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6400,7 +6573,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6720,7 +6893,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7331,7 +7504,6 @@
border: 1px solid #424b57;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
border-radius: 6px;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 0;
@@ -7377,7 +7549,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -7385,6 +7557,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -7795,7 +7977,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -7803,6 +7985,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -7994,7 +8186,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8002,6 +8194,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -8221,7 +8423,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8229,6 +8431,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -8450,7 +8662,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8458,6 +8670,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -8778,7 +9000,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8786,6 +9008,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -10601,4 +10833,13 @@
background: #34d399;
color: #030712;
}
+
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ border-style: solid;
+ border-color: #424b57;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-action .p-stepper-number {
+ background: #34d399;
+ color: #030712;
+ }
}
diff --git a/public/themes/lara-dark-indigo/theme.css b/public/themes/lara-dark-indigo/theme.css
index e1ea53b..e764835 100644
--- a/public/themes/lara-dark-indigo/theme.css
+++ b/public/themes/lara-dark-indigo/theme.css
@@ -1722,20 +1722,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1832,6 +1839,21 @@
width: 3rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2029,11 +2051,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2087,27 +2104,15 @@
color: #fca5a5;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > i:last-of-type {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-input-icon-right > .p-inputtext {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3137,29 +3142,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3310,351 +3315,351 @@
.p-fluid .p-button-icon-only {
width: 3rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #020617;
background: #94a3b8;
border: 1px solid #94a3b8;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #cbd5e1;
color: #020617;
border-color: #cbd5e1;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #b4bfcd;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #e2e8f0;
color: #020617;
border-color: #e2e8f0;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #94a3b8;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(148, 163, 184, 0.04);
color: #94a3b8;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(148, 163, 184, 0.16);
color: #94a3b8;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #94a3b8;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(148, 163, 184, 0.04);
border-color: transparent;
color: #94a3b8;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(148, 163, 184, 0.16);
border-color: transparent;
color: #94a3b8;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #082f49;
background: #38bdf8;
border: 1px solid #38bdf8;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #7dd3fc;
color: #082f49;
border-color: #7dd3fc;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #74d1fa;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #bae6fd;
color: #082f49;
border-color: #bae6fd;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #38bdf8;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #052e16;
background: #4ade80;
border: 1px solid #4ade80;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #86efac;
color: #052e16;
border-color: #86efac;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #80e8a6;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #bbf7d0;
color: #052e16;
border-color: #bbf7d0;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #4ade80;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #431407;
background: #fb923c;
border: 1px solid #fb923c;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #fdba74;
color: #431407;
border-color: #fdba74;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #fcb377;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #fed7aa;
color: #431407;
border-color: #fed7aa;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #fb923c;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #3b0764;
background: #c084fc;
border: 1px solid #c084fc;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #d8b4fe;
color: #3b0764;
border-color: #d8b4fe;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #d3a9fd;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #e9d5ff;
color: #3b0764;
border-color: #e9d5ff;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #c084fc;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #450a0a;
background: #f87171;
border: 1px solid #f87171;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #fca5a5;
color: #450a0a;
border-color: #fca5a5;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #fa9c9c;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #fecaca;
color: #450a0a;
border-color: #fecaca;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #f87171;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #111827;
background: #ffffff;
border: 1px solid #ffffff;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #f3f4f6;
color: #111827;
border-color: #f3f4f6;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #e5e7eb;
color: #111827;
border-color: #e5e7eb;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #ffffff;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
color: #ffffff;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
border-color: transparent;
color: #ffffff;
@@ -6232,6 +6237,174 @@
background: #424b57;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2);
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: box-shadow 0.2s;
+ border-radius: 6px;
+ background: transparent;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: rgba(255, 255, 255, 0.87);
+ border: 0 none;
+ border-width: 2px;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ font-weight: 700;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: rgba(129, 140, 248, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2);
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #818cf8;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #1f2937;
+ padding: 1.25rem;
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #424b57;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: box-shadow 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #1f2937;
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #818cf8;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6400,7 +6573,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6720,7 +6893,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7331,7 +7504,6 @@
border: 1px solid #424b57;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
border-radius: 6px;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 0;
@@ -7377,7 +7549,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -7385,6 +7557,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -7795,7 +7977,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -7803,6 +7985,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -7994,7 +8186,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8002,6 +8194,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -8221,7 +8423,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8229,6 +8431,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -8450,7 +8662,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8458,6 +8670,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -8778,7 +9000,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8786,6 +9008,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -10601,4 +10833,13 @@
background: #818cf8;
color: #030712;
}
+
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ border-style: solid;
+ border-color: #424b57;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-action .p-stepper-number {
+ background: #818cf8;
+ color: #030712;
+ }
}
diff --git a/public/themes/lara-dark-pink/theme.css b/public/themes/lara-dark-pink/theme.css
index ae456c1..32bebd7 100644
--- a/public/themes/lara-dark-pink/theme.css
+++ b/public/themes/lara-dark-pink/theme.css
@@ -1722,20 +1722,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1832,6 +1839,21 @@
width: 3rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2029,11 +2051,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2087,27 +2104,15 @@
color: #fca5a5;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > i:last-of-type {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-input-icon-right > .p-inputtext {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3137,29 +3142,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3310,351 +3315,351 @@
.p-fluid .p-button-icon-only {
width: 3rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #020617;
background: #94a3b8;
border: 1px solid #94a3b8;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #cbd5e1;
color: #020617;
border-color: #cbd5e1;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #b4bfcd;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #e2e8f0;
color: #020617;
border-color: #e2e8f0;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #94a3b8;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(148, 163, 184, 0.04);
color: #94a3b8;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(148, 163, 184, 0.16);
color: #94a3b8;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #94a3b8;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(148, 163, 184, 0.04);
border-color: transparent;
color: #94a3b8;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(148, 163, 184, 0.16);
border-color: transparent;
color: #94a3b8;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #082f49;
background: #38bdf8;
border: 1px solid #38bdf8;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #7dd3fc;
color: #082f49;
border-color: #7dd3fc;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #74d1fa;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #bae6fd;
color: #082f49;
border-color: #bae6fd;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #38bdf8;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #052e16;
background: #4ade80;
border: 1px solid #4ade80;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #86efac;
color: #052e16;
border-color: #86efac;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #80e8a6;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #bbf7d0;
color: #052e16;
border-color: #bbf7d0;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #4ade80;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #431407;
background: #fb923c;
border: 1px solid #fb923c;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #fdba74;
color: #431407;
border-color: #fdba74;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #fcb377;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #fed7aa;
color: #431407;
border-color: #fed7aa;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #fb923c;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #3b0764;
background: #c084fc;
border: 1px solid #c084fc;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #d8b4fe;
color: #3b0764;
border-color: #d8b4fe;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #d3a9fd;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #e9d5ff;
color: #3b0764;
border-color: #e9d5ff;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #c084fc;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #450a0a;
background: #f87171;
border: 1px solid #f87171;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #fca5a5;
color: #450a0a;
border-color: #fca5a5;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #fa9c9c;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #fecaca;
color: #450a0a;
border-color: #fecaca;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #f87171;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #111827;
background: #ffffff;
border: 1px solid #ffffff;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #f3f4f6;
color: #111827;
border-color: #f3f4f6;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #e5e7eb;
color: #111827;
border-color: #e5e7eb;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #ffffff;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
color: #ffffff;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
border-color: transparent;
color: #ffffff;
@@ -6232,6 +6237,174 @@
background: #424b57;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2);
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: box-shadow 0.2s;
+ border-radius: 6px;
+ background: transparent;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: rgba(255, 255, 255, 0.87);
+ border: 0 none;
+ border-width: 2px;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ font-weight: 700;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: rgba(244, 114, 182, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2);
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #f472b6;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #1f2937;
+ padding: 1.25rem;
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #424b57;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: box-shadow 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #1f2937;
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #f472b6;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6400,7 +6573,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6720,7 +6893,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7331,7 +7504,6 @@
border: 1px solid #424b57;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
border-radius: 6px;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 0;
@@ -7377,7 +7549,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -7385,6 +7557,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -7795,7 +7977,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -7803,6 +7985,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -7994,7 +8186,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8002,6 +8194,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -8221,7 +8423,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8229,6 +8431,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -8450,7 +8662,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8458,6 +8670,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -8778,7 +9000,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8786,6 +9008,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -10601,4 +10833,13 @@
background: #f472b6;
color: #030712;
}
+
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ border-style: solid;
+ border-color: #424b57;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-action .p-stepper-number {
+ background: #f472b6;
+ color: #030712;
+ }
}
diff --git a/public/themes/lara-dark-purple/theme.css b/public/themes/lara-dark-purple/theme.css
index 8404ee9..a800d35 100644
--- a/public/themes/lara-dark-purple/theme.css
+++ b/public/themes/lara-dark-purple/theme.css
@@ -1722,20 +1722,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1832,6 +1839,21 @@
width: 3rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2029,11 +2051,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2087,27 +2104,15 @@
color: #fca5a5;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > i:last-of-type {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-input-icon-right > .p-inputtext {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3137,29 +3142,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3310,351 +3315,351 @@
.p-fluid .p-button-icon-only {
width: 3rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #020617;
background: #94a3b8;
border: 1px solid #94a3b8;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #cbd5e1;
color: #020617;
border-color: #cbd5e1;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #b4bfcd;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #e2e8f0;
color: #020617;
border-color: #e2e8f0;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #94a3b8;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(148, 163, 184, 0.04);
color: #94a3b8;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(148, 163, 184, 0.16);
color: #94a3b8;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #94a3b8;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(148, 163, 184, 0.04);
border-color: transparent;
color: #94a3b8;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(148, 163, 184, 0.16);
border-color: transparent;
color: #94a3b8;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #082f49;
background: #38bdf8;
border: 1px solid #38bdf8;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #7dd3fc;
color: #082f49;
border-color: #7dd3fc;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #74d1fa;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #bae6fd;
color: #082f49;
border-color: #bae6fd;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #38bdf8;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #052e16;
background: #4ade80;
border: 1px solid #4ade80;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #86efac;
color: #052e16;
border-color: #86efac;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #80e8a6;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #bbf7d0;
color: #052e16;
border-color: #bbf7d0;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #4ade80;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #431407;
background: #fb923c;
border: 1px solid #fb923c;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #fdba74;
color: #431407;
border-color: #fdba74;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #fcb377;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #fed7aa;
color: #431407;
border-color: #fed7aa;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #fb923c;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #3b0764;
background: #c084fc;
border: 1px solid #c084fc;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #d8b4fe;
color: #3b0764;
border-color: #d8b4fe;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #d3a9fd;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #e9d5ff;
color: #3b0764;
border-color: #e9d5ff;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #c084fc;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #450a0a;
background: #f87171;
border: 1px solid #f87171;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #fca5a5;
color: #450a0a;
border-color: #fca5a5;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #fa9c9c;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #fecaca;
color: #450a0a;
border-color: #fecaca;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #f87171;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #111827;
background: #ffffff;
border: 1px solid #ffffff;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #f3f4f6;
color: #111827;
border-color: #f3f4f6;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #e5e7eb;
color: #111827;
border-color: #e5e7eb;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #ffffff;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
color: #ffffff;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
border-color: transparent;
color: #ffffff;
@@ -6232,6 +6237,174 @@
background: #424b57;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2);
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: box-shadow 0.2s;
+ border-radius: 6px;
+ background: transparent;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: rgba(255, 255, 255, 0.87);
+ border: 0 none;
+ border-width: 2px;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ font-weight: 700;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: rgba(167, 139, 250, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2);
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #a78bfa;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #1f2937;
+ padding: 1.25rem;
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #424b57;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: box-shadow 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #1f2937;
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #a78bfa;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6400,7 +6573,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6720,7 +6893,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7331,7 +7504,6 @@
border: 1px solid #424b57;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
border-radius: 6px;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 0;
@@ -7377,7 +7549,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -7385,6 +7557,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -7795,7 +7977,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -7803,6 +7985,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -7994,7 +8186,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8002,6 +8194,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -8221,7 +8423,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8229,6 +8431,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -8450,7 +8662,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8458,6 +8670,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -8778,7 +9000,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8786,6 +9008,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -10601,4 +10833,13 @@
background: #a78bfa;
color: #030712;
}
+
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ border-style: solid;
+ border-color: #424b57;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-action .p-stepper-number {
+ background: #a78bfa;
+ color: #030712;
+ }
}
diff --git a/public/themes/lara-dark-teal/theme.css b/public/themes/lara-dark-teal/theme.css
index efa80f4..d6d141a 100644
--- a/public/themes/lara-dark-teal/theme.css
+++ b/public/themes/lara-dark-teal/theme.css
@@ -1722,20 +1722,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1832,6 +1839,21 @@
width: 3rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: rgba(255, 255, 255, 0.6);
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2029,11 +2051,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2087,27 +2104,15 @@
color: #fca5a5;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > i:last-of-type {
- right: 0.75rem;
- color: rgba(255, 255, 255, 0.6);
- }
-
- .p-input-icon-right > .p-inputtext {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3137,29 +3142,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3310,351 +3315,351 @@
.p-fluid .p-button-icon-only {
width: 3rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #020617;
background: #94a3b8;
border: 1px solid #94a3b8;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #cbd5e1;
color: #020617;
border-color: #cbd5e1;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #b4bfcd;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #e2e8f0;
color: #020617;
border-color: #e2e8f0;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #94a3b8;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(148, 163, 184, 0.04);
color: #94a3b8;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(148, 163, 184, 0.16);
color: #94a3b8;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #94a3b8;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(148, 163, 184, 0.04);
border-color: transparent;
color: #94a3b8;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(148, 163, 184, 0.16);
border-color: transparent;
color: #94a3b8;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #082f49;
background: #38bdf8;
border: 1px solid #38bdf8;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #7dd3fc;
color: #082f49;
border-color: #7dd3fc;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #74d1fa;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #bae6fd;
color: #082f49;
border-color: #bae6fd;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
color: #38bdf8;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #38bdf8;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(56, 189, 248, 0.04);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(56, 189, 248, 0.16);
border-color: transparent;
color: #38bdf8;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #052e16;
background: #4ade80;
border: 1px solid #4ade80;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #86efac;
color: #052e16;
border-color: #86efac;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #80e8a6;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #bbf7d0;
color: #052e16;
border-color: #bbf7d0;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
color: #4ade80;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #4ade80;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(74, 222, 128, 0.04);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(74, 222, 128, 0.16);
border-color: transparent;
color: #4ade80;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #431407;
background: #fb923c;
border: 1px solid #fb923c;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #fdba74;
color: #431407;
border-color: #fdba74;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #fcb377;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #fed7aa;
color: #431407;
border-color: #fed7aa;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
color: #fb923c;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #fb923c;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(251, 146, 60, 0.04);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(251, 146, 60, 0.16);
border-color: transparent;
color: #fb923c;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #3b0764;
background: #c084fc;
border: 1px solid #c084fc;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #d8b4fe;
color: #3b0764;
border-color: #d8b4fe;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #d3a9fd;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #e9d5ff;
color: #3b0764;
border-color: #e9d5ff;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
color: #c084fc;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #c084fc;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(192, 132, 252, 0.04);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(192, 132, 252, 0.16);
border-color: transparent;
color: #c084fc;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #450a0a;
background: #f87171;
border: 1px solid #f87171;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #fca5a5;
color: #450a0a;
border-color: #fca5a5;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 1px #fa9c9c;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #fecaca;
color: #450a0a;
border-color: #fecaca;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
color: #f87171;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #f87171;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(248, 113, 113, 0.04);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(248, 113, 113, 0.16);
border-color: transparent;
color: #f87171;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #111827;
background: #ffffff;
border: 1px solid #ffffff;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #f3f4f6;
color: #111827;
border-color: #f3f4f6;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #e5e7eb;
color: #111827;
border-color: #e5e7eb;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
color: #ffffff;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #ffffff;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(255, 255, 255, 0.04);
border-color: transparent;
color: #ffffff;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(255, 255, 255, 0.16);
border-color: transparent;
color: #ffffff;
@@ -6232,6 +6237,174 @@
background: #424b57;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2);
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: box-shadow 0.2s;
+ border-radius: 6px;
+ background: transparent;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: rgba(255, 255, 255, 0.87);
+ border: 0 none;
+ border-width: 2px;
+ background: transparent;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: rgba(255, 255, 255, 0.6);
+ font-weight: 700;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: rgba(45, 212, 191, 0.16);
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2);
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #2dd4bf;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #1f2937;
+ padding: 1.25rem;
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #424b57;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: box-shadow 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #1f2937;
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #2dd4bf;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6400,7 +6573,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6720,7 +6893,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7331,7 +7504,6 @@
border: 1px solid #424b57;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
border-radius: 6px;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 0;
@@ -7377,7 +7549,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -7385,6 +7557,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -7795,7 +7977,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -7803,6 +7985,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -7994,7 +8186,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8002,6 +8194,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -8221,7 +8423,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8229,6 +8431,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -8450,7 +8662,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8458,6 +8670,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -8778,7 +9000,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: rgba(255, 255, 255, 0.87);
- background: #424b57;
+ background: rgba(255, 255, 255, 0.03);
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: rgba(255, 255, 255, 0.87);
@@ -8786,6 +9008,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: rgba(255, 255, 255, 0.87);
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: rgba(255, 255, 255, 0.87);
+ background: rgba(255, 255, 255, 0.03);
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: rgba(255, 255, 255, 0.87);
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: rgba(255, 255, 255, 0.87);
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: rgba(255, 255, 255, 0.87);
background: rgba(255, 255, 255, 0.03);
@@ -10601,4 +10833,13 @@
background: #2dd4bf;
color: #030712;
}
+
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ border-style: solid;
+ border-color: #424b57;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-action .p-stepper-number {
+ background: #2dd4bf;
+ color: #030712;
+ }
}
diff --git a/public/themes/lara-light-amber/theme.css b/public/themes/lara-light-amber/theme.css
index ad9d350..1fea103 100644
--- a/public/themes/lara-light-amber/theme.css
+++ b/public/themes/lara-light-amber/theme.css
@@ -1722,20 +1722,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1832,6 +1839,21 @@
width: 3rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #6b7280;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #6b7280;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2029,11 +2051,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2087,27 +2104,15 @@
color: #e24c4c;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #6b7280;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > i:last-of-type {
- right: 0.75rem;
- color: #6b7280;
- }
-
- .p-input-icon-right > .p-inputtext {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3137,29 +3142,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3310,351 +3315,351 @@
.p-fluid .p-button-icon-only {
width: 3rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #64748B;
border: 1px solid #64748B;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #475569;
color: #ffffff;
border-color: #475569;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #E2E8F0;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #334155;
color: #ffffff;
border-color: #334155;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #64748B;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(100, 116, 139, 0.04);
color: #64748B;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(100, 116, 139, 0.16);
color: #64748B;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #64748B;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(100, 116, 139, 0.04);
border-color: transparent;
color: #64748B;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(100, 116, 139, 0.16);
border-color: transparent;
color: #64748B;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #0ea5e9;
border: 1px solid #0ea5e9;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #0284c7;
color: #ffffff;
border-color: #0284c7;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #0369a1;
color: #ffffff;
border-color: #0369a1;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #0ea5e9;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #22C55E;
border: 1px solid #22C55E;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #16A34A;
color: #ffffff;
border-color: #16A34A;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #BBF7D0;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #15803D;
color: #ffffff;
border-color: #15803D;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #22C55E;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
color: #22C55E;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
color: #22C55E;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #22C55E;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
border-color: transparent;
color: #22C55E;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
border-color: transparent;
color: #22C55E;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #ffffff;
background: #f97316;
border: 1px solid #f97316;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #ea580c;
color: #ffffff;
border-color: #ea580c;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #FDE68A;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #c2410c;
color: #ffffff;
border-color: #c2410c;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #f97316;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #A855F7;
border: 1px solid #A855F7;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #9333EA;
color: #ffffff;
border-color: #9333EA;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #E9D5FF;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #7E22CE;
color: #ffffff;
border-color: #7E22CE;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #A855F7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
color: #A855F7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
color: #A855F7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #A855F7;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
border-color: transparent;
color: #A855F7;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
border-color: transparent;
color: #A855F7;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #EF4444;
border: 1px solid #EF4444;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #DC2626;
color: #ffffff;
border-color: #DC2626;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #FECACA;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #B91C1C;
color: #ffffff;
border-color: #B91C1C;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #EF4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
color: #EF4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
color: #EF4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #EF4444;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
border-color: transparent;
color: #EF4444;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
border-color: transparent;
color: #EF4444;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #ffffff;
background: #1f2937;
border: 1px solid #1f2937;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #374151;
color: #ffffff;
border-color: #374151;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #4b5563;
color: #ffffff;
border-color: #4b5563;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #1f2937;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(31, 41, 55, 0.04);
color: #1f2937;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(31, 41, 55, 0.16);
color: #1f2937;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #1f2937;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(31, 41, 55, 0.04);
border-color: transparent;
color: #1f2937;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(31, 41, 55, 0.16);
border-color: transparent;
color: #1f2937;
@@ -6232,6 +6237,174 @@
background: #e5e7eb;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #fef08a;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: box-shadow 0.2s;
+ border-radius: 6px;
+ background: #ffffff;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #4b5563;
+ border: 1px solid #f3f4f6;
+ border-width: 2px;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #6b7280;
+ font-weight: 700;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #fef08a;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #fffbeb;
+ color: #b45309;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #4b5563;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #fef08a;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #f59e0b;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #ffffff;
+ padding: 1.25rem;
+ color: #4b5563;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #e5e7eb;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: box-shadow 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #ffffff;
+ color: #4b5563;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #f59e0b;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6400,7 +6573,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6720,7 +6893,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7331,7 +7504,6 @@
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 0;
@@ -7377,7 +7549,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -7385,6 +7557,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -7795,7 +7977,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -7803,6 +7985,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -7994,7 +8186,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8002,6 +8194,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -8221,7 +8423,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8229,6 +8431,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -8450,7 +8662,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8458,6 +8670,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -8778,7 +9000,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8786,6 +9008,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -10593,4 +10825,9 @@
background: #f59e0b;
color: #ffffff;
}
+
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #f59e0b;
+ color: #ffffff;
+ }
}
diff --git a/public/themes/lara-light-blue/theme.css b/public/themes/lara-light-blue/theme.css
index b15e399..c4fe2fb 100644
--- a/public/themes/lara-light-blue/theme.css
+++ b/public/themes/lara-light-blue/theme.css
@@ -1722,20 +1722,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1832,6 +1839,21 @@
width: 3rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #6b7280;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #6b7280;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2029,11 +2051,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2087,27 +2104,15 @@
color: #e24c4c;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #6b7280;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > i:last-of-type {
- right: 0.75rem;
- color: #6b7280;
- }
-
- .p-input-icon-right > .p-inputtext {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3137,29 +3142,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3310,351 +3315,351 @@
.p-fluid .p-button-icon-only {
width: 3rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #64748B;
border: 1px solid #64748B;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #475569;
color: #ffffff;
border-color: #475569;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #E2E8F0;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #334155;
color: #ffffff;
border-color: #334155;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #64748B;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(100, 116, 139, 0.04);
color: #64748B;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(100, 116, 139, 0.16);
color: #64748B;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #64748B;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(100, 116, 139, 0.04);
border-color: transparent;
color: #64748B;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(100, 116, 139, 0.16);
border-color: transparent;
color: #64748B;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #0ea5e9;
border: 1px solid #0ea5e9;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #0284c7;
color: #ffffff;
border-color: #0284c7;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #0369a1;
color: #ffffff;
border-color: #0369a1;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #0ea5e9;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #22C55E;
border: 1px solid #22C55E;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #16A34A;
color: #ffffff;
border-color: #16A34A;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #BBF7D0;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #15803D;
color: #ffffff;
border-color: #15803D;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #22C55E;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
color: #22C55E;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
color: #22C55E;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #22C55E;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
border-color: transparent;
color: #22C55E;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
border-color: transparent;
color: #22C55E;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #ffffff;
background: #f97316;
border: 1px solid #f97316;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #ea580c;
color: #ffffff;
border-color: #ea580c;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #FDE68A;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #c2410c;
color: #ffffff;
border-color: #c2410c;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #f97316;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #A855F7;
border: 1px solid #A855F7;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #9333EA;
color: #ffffff;
border-color: #9333EA;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #E9D5FF;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #7E22CE;
color: #ffffff;
border-color: #7E22CE;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #A855F7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
color: #A855F7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
color: #A855F7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #A855F7;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
border-color: transparent;
color: #A855F7;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
border-color: transparent;
color: #A855F7;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #EF4444;
border: 1px solid #EF4444;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #DC2626;
color: #ffffff;
border-color: #DC2626;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #FECACA;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #B91C1C;
color: #ffffff;
border-color: #B91C1C;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #EF4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
color: #EF4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
color: #EF4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #EF4444;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
border-color: transparent;
color: #EF4444;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
border-color: transparent;
color: #EF4444;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #ffffff;
background: #1f2937;
border: 1px solid #1f2937;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #374151;
color: #ffffff;
border-color: #374151;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #4b5563;
color: #ffffff;
border-color: #4b5563;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #1f2937;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(31, 41, 55, 0.04);
color: #1f2937;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(31, 41, 55, 0.16);
color: #1f2937;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #1f2937;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(31, 41, 55, 0.04);
border-color: transparent;
color: #1f2937;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(31, 41, 55, 0.16);
border-color: transparent;
color: #1f2937;
@@ -6232,6 +6237,174 @@
background: #e5e7eb;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #BFDBFE;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: box-shadow 0.2s;
+ border-radius: 6px;
+ background: #ffffff;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #4b5563;
+ border: 1px solid #f3f4f6;
+ border-width: 2px;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #6b7280;
+ font-weight: 700;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #BFDBFE;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #EFF6FF;
+ color: #1D4ED8;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #4b5563;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #BFDBFE;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #3B82F6;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #ffffff;
+ padding: 1.25rem;
+ color: #4b5563;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #e5e7eb;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: box-shadow 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #ffffff;
+ color: #4b5563;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #3B82F6;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6400,7 +6573,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6720,7 +6893,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7331,7 +7504,6 @@
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 0;
@@ -7377,7 +7549,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -7385,6 +7557,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -7795,7 +7977,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -7803,6 +7985,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -7994,7 +8186,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8002,6 +8194,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -8221,7 +8423,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8229,6 +8431,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -8450,7 +8662,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8458,6 +8670,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -8778,7 +9000,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8786,6 +9008,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -10593,4 +10825,9 @@
background: #3B82F6;
color: #ffffff;
}
+
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #3B82F6;
+ color: #ffffff;
+ }
}
diff --git a/public/themes/lara-light-cyan/theme.css b/public/themes/lara-light-cyan/theme.css
index 9bd4a3d..8521f8e 100644
--- a/public/themes/lara-light-cyan/theme.css
+++ b/public/themes/lara-light-cyan/theme.css
@@ -1722,20 +1722,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1832,6 +1839,21 @@
width: 3rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #6b7280;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #6b7280;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2029,11 +2051,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2087,27 +2104,15 @@
color: #e24c4c;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #6b7280;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > i:last-of-type {
- right: 0.75rem;
- color: #6b7280;
- }
-
- .p-input-icon-right > .p-inputtext {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3137,29 +3142,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3310,351 +3315,351 @@
.p-fluid .p-button-icon-only {
width: 3rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #64748B;
border: 1px solid #64748B;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #475569;
color: #ffffff;
border-color: #475569;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #E2E8F0;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #334155;
color: #ffffff;
border-color: #334155;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #64748B;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(100, 116, 139, 0.04);
color: #64748B;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(100, 116, 139, 0.16);
color: #64748B;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #64748B;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(100, 116, 139, 0.04);
border-color: transparent;
color: #64748B;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(100, 116, 139, 0.16);
border-color: transparent;
color: #64748B;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #0ea5e9;
border: 1px solid #0ea5e9;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #0284c7;
color: #ffffff;
border-color: #0284c7;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #0369a1;
color: #ffffff;
border-color: #0369a1;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #0ea5e9;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #22C55E;
border: 1px solid #22C55E;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #16A34A;
color: #ffffff;
border-color: #16A34A;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #BBF7D0;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #15803D;
color: #ffffff;
border-color: #15803D;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #22C55E;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
color: #22C55E;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
color: #22C55E;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #22C55E;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
border-color: transparent;
color: #22C55E;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
border-color: transparent;
color: #22C55E;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #ffffff;
background: #f97316;
border: 1px solid #f97316;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #ea580c;
color: #ffffff;
border-color: #ea580c;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #FDE68A;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #c2410c;
color: #ffffff;
border-color: #c2410c;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #f97316;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #A855F7;
border: 1px solid #A855F7;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #9333EA;
color: #ffffff;
border-color: #9333EA;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #E9D5FF;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #7E22CE;
color: #ffffff;
border-color: #7E22CE;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #A855F7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
color: #A855F7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
color: #A855F7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #A855F7;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
border-color: transparent;
color: #A855F7;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
border-color: transparent;
color: #A855F7;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #EF4444;
border: 1px solid #EF4444;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #DC2626;
color: #ffffff;
border-color: #DC2626;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #FECACA;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #B91C1C;
color: #ffffff;
border-color: #B91C1C;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #EF4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
color: #EF4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
color: #EF4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #EF4444;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
border-color: transparent;
color: #EF4444;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
border-color: transparent;
color: #EF4444;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #ffffff;
background: #1f2937;
border: 1px solid #1f2937;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #374151;
color: #ffffff;
border-color: #374151;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #4b5563;
color: #ffffff;
border-color: #4b5563;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #1f2937;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(31, 41, 55, 0.04);
color: #1f2937;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(31, 41, 55, 0.16);
color: #1f2937;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #1f2937;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(31, 41, 55, 0.04);
border-color: transparent;
color: #1f2937;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(31, 41, 55, 0.16);
border-color: transparent;
color: #1f2937;
@@ -6232,6 +6237,174 @@
background: #e5e7eb;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a5f3fc;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: box-shadow 0.2s;
+ border-radius: 6px;
+ background: #ffffff;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #4b5563;
+ border: 1px solid #f3f4f6;
+ border-width: 2px;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #6b7280;
+ font-weight: 700;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a5f3fc;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #ecfeff;
+ color: #0e7490;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #4b5563;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a5f3fc;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #06b6d4;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #ffffff;
+ padding: 1.25rem;
+ color: #4b5563;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #e5e7eb;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: box-shadow 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #ffffff;
+ color: #4b5563;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #06b6d4;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6400,7 +6573,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6720,7 +6893,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7331,7 +7504,6 @@
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 0;
@@ -7377,7 +7549,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -7385,6 +7557,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -7795,7 +7977,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -7803,6 +7985,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -7994,7 +8186,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8002,6 +8194,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -8221,7 +8423,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8229,6 +8431,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -8450,7 +8662,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8458,6 +8670,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -8778,7 +9000,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8786,6 +9008,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -10593,4 +10825,9 @@
background: #06b6d4;
color: #ffffff;
}
+
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #06b6d4;
+ color: #ffffff;
+ }
}
diff --git a/public/themes/lara-light-green/theme.css b/public/themes/lara-light-green/theme.css
index 73b0f9d..e0672e7 100644
--- a/public/themes/lara-light-green/theme.css
+++ b/public/themes/lara-light-green/theme.css
@@ -1722,20 +1722,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1832,6 +1839,21 @@
width: 3rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #6b7280;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #6b7280;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2029,11 +2051,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2087,27 +2104,15 @@
color: #e24c4c;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #6b7280;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > i:last-of-type {
- right: 0.75rem;
- color: #6b7280;
- }
-
- .p-input-icon-right > .p-inputtext {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3137,29 +3142,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3310,351 +3315,351 @@
.p-fluid .p-button-icon-only {
width: 3rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #64748B;
border: 1px solid #64748B;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #475569;
color: #ffffff;
border-color: #475569;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #E2E8F0;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #334155;
color: #ffffff;
border-color: #334155;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #64748B;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(100, 116, 139, 0.04);
color: #64748B;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(100, 116, 139, 0.16);
color: #64748B;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #64748B;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(100, 116, 139, 0.04);
border-color: transparent;
color: #64748B;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(100, 116, 139, 0.16);
border-color: transparent;
color: #64748B;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #0ea5e9;
border: 1px solid #0ea5e9;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #0284c7;
color: #ffffff;
border-color: #0284c7;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #0369a1;
color: #ffffff;
border-color: #0369a1;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #0ea5e9;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #22C55E;
border: 1px solid #22C55E;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #16A34A;
color: #ffffff;
border-color: #16A34A;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #BBF7D0;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #15803D;
color: #ffffff;
border-color: #15803D;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #22C55E;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
color: #22C55E;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
color: #22C55E;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #22C55E;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
border-color: transparent;
color: #22C55E;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
border-color: transparent;
color: #22C55E;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #ffffff;
background: #f97316;
border: 1px solid #f97316;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #ea580c;
color: #ffffff;
border-color: #ea580c;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #FDE68A;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #c2410c;
color: #ffffff;
border-color: #c2410c;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #f97316;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #A855F7;
border: 1px solid #A855F7;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #9333EA;
color: #ffffff;
border-color: #9333EA;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #E9D5FF;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #7E22CE;
color: #ffffff;
border-color: #7E22CE;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #A855F7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
color: #A855F7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
color: #A855F7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #A855F7;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
border-color: transparent;
color: #A855F7;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
border-color: transparent;
color: #A855F7;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #EF4444;
border: 1px solid #EF4444;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #DC2626;
color: #ffffff;
border-color: #DC2626;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #FECACA;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #B91C1C;
color: #ffffff;
border-color: #B91C1C;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #EF4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
color: #EF4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
color: #EF4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #EF4444;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
border-color: transparent;
color: #EF4444;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
border-color: transparent;
color: #EF4444;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #ffffff;
background: #1f2937;
border: 1px solid #1f2937;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #374151;
color: #ffffff;
border-color: #374151;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #4b5563;
color: #ffffff;
border-color: #4b5563;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #1f2937;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(31, 41, 55, 0.04);
color: #1f2937;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(31, 41, 55, 0.16);
color: #1f2937;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #1f2937;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(31, 41, 55, 0.04);
border-color: transparent;
color: #1f2937;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(31, 41, 55, 0.16);
border-color: transparent;
color: #1f2937;
@@ -6232,6 +6237,174 @@
background: #e5e7eb;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a7f3d0;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: box-shadow 0.2s;
+ border-radius: 6px;
+ background: #ffffff;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #4b5563;
+ border: 1px solid #f3f4f6;
+ border-width: 2px;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #6b7280;
+ font-weight: 700;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a7f3d0;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #F0FDFA;
+ color: #047857;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #4b5563;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #a7f3d0;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #10b981;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #ffffff;
+ padding: 1.25rem;
+ color: #4b5563;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #e5e7eb;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: box-shadow 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #ffffff;
+ color: #4b5563;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #10b981;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6400,7 +6573,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6720,7 +6893,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7331,7 +7504,6 @@
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 0;
@@ -7377,7 +7549,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -7385,6 +7557,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -7795,7 +7977,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -7803,6 +7985,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -7994,7 +8186,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8002,6 +8194,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -8221,7 +8423,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8229,6 +8431,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -8450,7 +8662,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8458,6 +8670,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -8778,7 +9000,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8786,6 +9008,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -10593,4 +10825,9 @@
background: #10b981;
color: #ffffff;
}
+
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #10b981;
+ color: #ffffff;
+ }
}
diff --git a/public/themes/lara-light-indigo/theme.css b/public/themes/lara-light-indigo/theme.css
index 72e6039..905b6b7 100644
--- a/public/themes/lara-light-indigo/theme.css
+++ b/public/themes/lara-light-indigo/theme.css
@@ -1722,20 +1722,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1832,6 +1839,21 @@
width: 3rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #6b7280;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #6b7280;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2029,11 +2051,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2087,27 +2104,15 @@
color: #e24c4c;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #6b7280;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > i:last-of-type {
- right: 0.75rem;
- color: #6b7280;
- }
-
- .p-input-icon-right > .p-inputtext {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3137,29 +3142,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3310,351 +3315,351 @@
.p-fluid .p-button-icon-only {
width: 3rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #64748B;
border: 1px solid #64748B;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #475569;
color: #ffffff;
border-color: #475569;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #E2E8F0;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #334155;
color: #ffffff;
border-color: #334155;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #64748B;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(100, 116, 139, 0.04);
color: #64748B;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(100, 116, 139, 0.16);
color: #64748B;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #64748B;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(100, 116, 139, 0.04);
border-color: transparent;
color: #64748B;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(100, 116, 139, 0.16);
border-color: transparent;
color: #64748B;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #0ea5e9;
border: 1px solid #0ea5e9;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #0284c7;
color: #ffffff;
border-color: #0284c7;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #0369a1;
color: #ffffff;
border-color: #0369a1;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #0ea5e9;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #22C55E;
border: 1px solid #22C55E;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #16A34A;
color: #ffffff;
border-color: #16A34A;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #BBF7D0;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #15803D;
color: #ffffff;
border-color: #15803D;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #22C55E;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
color: #22C55E;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
color: #22C55E;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #22C55E;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
border-color: transparent;
color: #22C55E;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
border-color: transparent;
color: #22C55E;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #ffffff;
background: #f97316;
border: 1px solid #f97316;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #ea580c;
color: #ffffff;
border-color: #ea580c;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #FDE68A;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #c2410c;
color: #ffffff;
border-color: #c2410c;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #f97316;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #A855F7;
border: 1px solid #A855F7;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #9333EA;
color: #ffffff;
border-color: #9333EA;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #E9D5FF;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #7E22CE;
color: #ffffff;
border-color: #7E22CE;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #A855F7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
color: #A855F7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
color: #A855F7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #A855F7;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
border-color: transparent;
color: #A855F7;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
border-color: transparent;
color: #A855F7;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #EF4444;
border: 1px solid #EF4444;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #DC2626;
color: #ffffff;
border-color: #DC2626;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #FECACA;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #B91C1C;
color: #ffffff;
border-color: #B91C1C;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #EF4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
color: #EF4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
color: #EF4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #EF4444;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
border-color: transparent;
color: #EF4444;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
border-color: transparent;
color: #EF4444;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #ffffff;
background: #1f2937;
border: 1px solid #1f2937;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #374151;
color: #ffffff;
border-color: #374151;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #4b5563;
color: #ffffff;
border-color: #4b5563;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #1f2937;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(31, 41, 55, 0.04);
color: #1f2937;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(31, 41, 55, 0.16);
color: #1f2937;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #1f2937;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(31, 41, 55, 0.04);
border-color: transparent;
color: #1f2937;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(31, 41, 55, 0.16);
border-color: transparent;
color: #1f2937;
@@ -6232,6 +6237,174 @@
background: #e5e7eb;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #C7D2FE;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: box-shadow 0.2s;
+ border-radius: 6px;
+ background: #ffffff;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #4b5563;
+ border: 1px solid #f3f4f6;
+ border-width: 2px;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #6b7280;
+ font-weight: 700;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #C7D2FE;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #EEF2FF;
+ color: #4338CA;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #4b5563;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #C7D2FE;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #6366F1;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #ffffff;
+ padding: 1.25rem;
+ color: #4b5563;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #e5e7eb;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: box-shadow 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #ffffff;
+ color: #4b5563;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #6366F1;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6400,7 +6573,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6720,7 +6893,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7331,7 +7504,6 @@
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 0;
@@ -7377,7 +7549,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -7385,6 +7557,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -7795,7 +7977,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -7803,6 +7985,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -7994,7 +8186,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8002,6 +8194,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -8221,7 +8423,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8229,6 +8431,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -8450,7 +8662,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8458,6 +8670,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -8778,7 +9000,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8786,6 +9008,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -10593,4 +10825,9 @@
background: #6366F1;
color: #ffffff;
}
+
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #6366F1;
+ color: #ffffff;
+ }
}
diff --git a/public/themes/lara-light-pink/theme.css b/public/themes/lara-light-pink/theme.css
index 411e94c..8c428f1 100644
--- a/public/themes/lara-light-pink/theme.css
+++ b/public/themes/lara-light-pink/theme.css
@@ -1722,20 +1722,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1832,6 +1839,21 @@
width: 3rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #6b7280;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #6b7280;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2029,11 +2051,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2087,27 +2104,15 @@
color: #e24c4c;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #6b7280;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > i:last-of-type {
- right: 0.75rem;
- color: #6b7280;
- }
-
- .p-input-icon-right > .p-inputtext {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3137,29 +3142,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3310,351 +3315,351 @@
.p-fluid .p-button-icon-only {
width: 3rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #64748B;
border: 1px solid #64748B;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #475569;
color: #ffffff;
border-color: #475569;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #E2E8F0;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #334155;
color: #ffffff;
border-color: #334155;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #64748B;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(100, 116, 139, 0.04);
color: #64748B;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(100, 116, 139, 0.16);
color: #64748B;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #64748B;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(100, 116, 139, 0.04);
border-color: transparent;
color: #64748B;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(100, 116, 139, 0.16);
border-color: transparent;
color: #64748B;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #0ea5e9;
border: 1px solid #0ea5e9;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #0284c7;
color: #ffffff;
border-color: #0284c7;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #0369a1;
color: #ffffff;
border-color: #0369a1;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #0ea5e9;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #22C55E;
border: 1px solid #22C55E;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #16A34A;
color: #ffffff;
border-color: #16A34A;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #BBF7D0;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #15803D;
color: #ffffff;
border-color: #15803D;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #22C55E;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
color: #22C55E;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
color: #22C55E;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #22C55E;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
border-color: transparent;
color: #22C55E;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
border-color: transparent;
color: #22C55E;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #ffffff;
background: #f97316;
border: 1px solid #f97316;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #ea580c;
color: #ffffff;
border-color: #ea580c;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #FDE68A;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #c2410c;
color: #ffffff;
border-color: #c2410c;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #f97316;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #A855F7;
border: 1px solid #A855F7;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #9333EA;
color: #ffffff;
border-color: #9333EA;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #E9D5FF;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #7E22CE;
color: #ffffff;
border-color: #7E22CE;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #A855F7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
color: #A855F7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
color: #A855F7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #A855F7;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
border-color: transparent;
color: #A855F7;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
border-color: transparent;
color: #A855F7;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #EF4444;
border: 1px solid #EF4444;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #DC2626;
color: #ffffff;
border-color: #DC2626;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #FECACA;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #B91C1C;
color: #ffffff;
border-color: #B91C1C;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #EF4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
color: #EF4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
color: #EF4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #EF4444;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
border-color: transparent;
color: #EF4444;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
border-color: transparent;
color: #EF4444;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #ffffff;
background: #1f2937;
border: 1px solid #1f2937;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #374151;
color: #ffffff;
border-color: #374151;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #4b5563;
color: #ffffff;
border-color: #4b5563;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #1f2937;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(31, 41, 55, 0.04);
color: #1f2937;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(31, 41, 55, 0.16);
color: #1f2937;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #1f2937;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(31, 41, 55, 0.04);
border-color: transparent;
color: #1f2937;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(31, 41, 55, 0.16);
border-color: transparent;
color: #1f2937;
@@ -6232,6 +6237,174 @@
background: #e5e7eb;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #fbcfe8;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: box-shadow 0.2s;
+ border-radius: 6px;
+ background: #ffffff;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #4b5563;
+ border: 1px solid #f3f4f6;
+ border-width: 2px;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #6b7280;
+ font-weight: 700;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #fbcfe8;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #fdf2f8;
+ color: #be185d;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #4b5563;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #fbcfe8;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #ec4899;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #ffffff;
+ padding: 1.25rem;
+ color: #4b5563;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #e5e7eb;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: box-shadow 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #ffffff;
+ color: #4b5563;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #ec4899;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6400,7 +6573,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6720,7 +6893,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7331,7 +7504,6 @@
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 0;
@@ -7377,7 +7549,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -7385,6 +7557,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -7795,7 +7977,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -7803,6 +7985,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -7994,7 +8186,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8002,6 +8194,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -8221,7 +8423,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8229,6 +8431,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -8450,7 +8662,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8458,6 +8670,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -8778,7 +9000,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8786,6 +9008,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -10593,4 +10825,9 @@
background: #ec4899;
color: #ffffff;
}
+
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #ec4899;
+ color: #ffffff;
+ }
}
diff --git a/public/themes/lara-light-purple/theme.css b/public/themes/lara-light-purple/theme.css
index e8f8439..52fba8c 100644
--- a/public/themes/lara-light-purple/theme.css
+++ b/public/themes/lara-light-purple/theme.css
@@ -1722,20 +1722,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1832,6 +1839,21 @@
width: 3rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #6b7280;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #6b7280;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2029,11 +2051,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2087,27 +2104,15 @@
color: #e24c4c;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #6b7280;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > i:last-of-type {
- right: 0.75rem;
- color: #6b7280;
- }
-
- .p-input-icon-right > .p-inputtext {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3137,29 +3142,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3310,351 +3315,351 @@
.p-fluid .p-button-icon-only {
width: 3rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #64748B;
border: 1px solid #64748B;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #475569;
color: #ffffff;
border-color: #475569;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #E2E8F0;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #334155;
color: #ffffff;
border-color: #334155;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #64748B;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(100, 116, 139, 0.04);
color: #64748B;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(100, 116, 139, 0.16);
color: #64748B;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #64748B;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(100, 116, 139, 0.04);
border-color: transparent;
color: #64748B;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(100, 116, 139, 0.16);
border-color: transparent;
color: #64748B;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #0ea5e9;
border: 1px solid #0ea5e9;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #0284c7;
color: #ffffff;
border-color: #0284c7;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #0369a1;
color: #ffffff;
border-color: #0369a1;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #0ea5e9;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #22C55E;
border: 1px solid #22C55E;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #16A34A;
color: #ffffff;
border-color: #16A34A;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #BBF7D0;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #15803D;
color: #ffffff;
border-color: #15803D;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #22C55E;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
color: #22C55E;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
color: #22C55E;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #22C55E;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
border-color: transparent;
color: #22C55E;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
border-color: transparent;
color: #22C55E;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #ffffff;
background: #f97316;
border: 1px solid #f97316;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #ea580c;
color: #ffffff;
border-color: #ea580c;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #FDE68A;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #c2410c;
color: #ffffff;
border-color: #c2410c;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #f97316;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #A855F7;
border: 1px solid #A855F7;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #9333EA;
color: #ffffff;
border-color: #9333EA;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #E9D5FF;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #7E22CE;
color: #ffffff;
border-color: #7E22CE;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #A855F7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
color: #A855F7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
color: #A855F7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #A855F7;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
border-color: transparent;
color: #A855F7;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
border-color: transparent;
color: #A855F7;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #EF4444;
border: 1px solid #EF4444;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #DC2626;
color: #ffffff;
border-color: #DC2626;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #FECACA;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #B91C1C;
color: #ffffff;
border-color: #B91C1C;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #EF4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
color: #EF4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
color: #EF4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #EF4444;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
border-color: transparent;
color: #EF4444;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
border-color: transparent;
color: #EF4444;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #ffffff;
background: #1f2937;
border: 1px solid #1f2937;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #374151;
color: #ffffff;
border-color: #374151;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #4b5563;
color: #ffffff;
border-color: #4b5563;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #1f2937;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(31, 41, 55, 0.04);
color: #1f2937;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(31, 41, 55, 0.16);
color: #1f2937;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #1f2937;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(31, 41, 55, 0.04);
border-color: transparent;
color: #1f2937;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(31, 41, 55, 0.16);
border-color: transparent;
color: #1f2937;
@@ -6232,6 +6237,174 @@
background: #e5e7eb;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #DDD6FE;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: box-shadow 0.2s;
+ border-radius: 6px;
+ background: #ffffff;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #4b5563;
+ border: 1px solid #f3f4f6;
+ border-width: 2px;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #6b7280;
+ font-weight: 700;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #DDD6FE;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #F5F3FF;
+ color: #6D28D9;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #4b5563;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #DDD6FE;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #8B5CF6;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #ffffff;
+ padding: 1.25rem;
+ color: #4b5563;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #e5e7eb;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: box-shadow 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #ffffff;
+ color: #4b5563;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #8B5CF6;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6400,7 +6573,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6720,7 +6893,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7331,7 +7504,6 @@
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 0;
@@ -7377,7 +7549,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -7385,6 +7557,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -7795,7 +7977,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -7803,6 +7985,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -7994,7 +8186,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8002,6 +8194,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -8221,7 +8423,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8229,6 +8431,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -8450,7 +8662,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8458,6 +8670,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -8778,7 +9000,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8786,6 +9008,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -10593,4 +10825,9 @@
background: #8B5CF6;
color: #ffffff;
}
+
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #8B5CF6;
+ color: #ffffff;
+ }
}
diff --git a/public/themes/lara-light-teal/theme.css b/public/themes/lara-light-teal/theme.css
index c593f56..73988f5 100644
--- a/public/themes/lara-light-teal/theme.css
+++ b/public/themes/lara-light-teal/theme.css
@@ -1722,20 +1722,27 @@
transition-timing-function: ease;
}
- .p-input-icon-left,
-.p-input-icon-right {
+ .p-icon-field {
position: relative;
}
- .p-input-icon-left > i,
-.p-input-icon-left > svg,
-.p-input-icon-right > i,
-.p-input-icon-right > svg {
+ .p-icon-field > .p-input-icon {
position: absolute;
top: 50%;
margin-top: -0.5rem;
}
+ .p-inputotp {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ }
+
+ .p-inputotp-input {
+ text-align: center;
+ width: 2.5rem;
+ }
+
.p-inputgroup {
display: flex;
align-items: stretch;
@@ -1832,6 +1839,21 @@
width: 3rem;
}
+ .p-fluid .p-icon-field-left,
+.p-fluid .p-icon-field-right {
+ width: 100%;
+ }
+
+ .p-icon-field-left > .p-input-icon:first-of-type {
+ left: 0.75rem;
+ color: #6b7280;
+ }
+
+ .p-icon-field-right > .p-input-icon:last-of-type {
+ right: 0.75rem;
+ color: #6b7280;
+ }
+
.p-inputnumber {
display: inline-flex;
}
@@ -2029,11 +2051,6 @@
width: 100%;
}
- .p-fluid .p-input-icon-left,
-.p-fluid .p-input-icon-right {
- width: 100%;
- }
-
.p-inputtext {
font-family: var(--font-family);
font-feature-settings: var(--font-feature-settings, normal);
@@ -2087,27 +2104,15 @@
color: #e24c4c;
}
- .p-input-icon-left > svg:first-of-type,
-.p-input-icon-left > i:first-of-type {
- left: 0.75rem;
- color: #6b7280;
- }
-
- .p-input-icon-left > .p-inputtext {
+ .p-icon-field-left > .p-inputtext {
padding-left: 2.5rem;
}
- .p-input-icon-left.p-float-label > label {
+ .p-icon-field-left.p-float-label > label {
left: 2.5rem;
}
- .p-input-icon-right > svg:last-of-type,
-.p-input-icon-right > i:last-of-type {
- right: 0.75rem;
- color: #6b7280;
- }
-
- .p-input-icon-right > .p-inputtext {
+ .p-icon-field-right > .p-inputtext {
padding-right: 2.5rem;
}
@@ -3137,29 +3142,29 @@
order: 2;
}
- .p-buttonset .p-button {
+ .p-button-group .p-button {
margin: 0;
}
- .p-buttonset .p-button:not(:last-child), .p-buttonset .p-button:not(:last-child):hover {
+ .p-button-group .p-button:not(:last-child), .p-button-group .p-button:not(:last-child):hover {
border-right: 0 none;
}
- .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
+ .p-button-group .p-button:not(:first-of-type):not(:last-of-type) {
border-radius: 0;
}
- .p-buttonset .p-button:first-of-type:not(:only-of-type) {
+ .p-button-group .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) {
+ .p-button-group .p-button:last-of-type:not(:only-of-type) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
- .p-buttonset .p-button:focus {
+ .p-button-group .p-button:focus {
position: relative;
z-index: 1;
}
@@ -3310,351 +3315,351 @@
.p-fluid .p-button-icon-only {
width: 3rem;
}
- .p-fluid .p-buttonset {
+ .p-fluid .p-button-group {
display: flex;
}
- .p-fluid .p-buttonset .p-button {
+ .p-fluid .p-button-group .p-button {
flex: 1;
}
- .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
+ .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
color: #ffffff;
background: #64748B;
border: 1px solid #64748B;
}
- .p-button.p-button-secondary:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
+ .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover {
background: #475569;
color: #ffffff;
border-color: #475569;
}
- .p-button.p-button-secondary:not(:disabled):focus, .p-buttonset.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
+ .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #E2E8F0;
}
- .p-button.p-button-secondary:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
+ .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active {
background: #334155;
color: #ffffff;
border-color: #334155;
}
- .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
+ .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
background-color: transparent;
color: #64748B;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(100, 116, 139, 0.04);
color: #64748B;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(100, 116, 139, 0.16);
color: #64748B;
border: 1px solid;
}
- .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
+ .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
background-color: transparent;
color: #64748B;
border-color: transparent;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover {
background: rgba(100, 116, 139, 0.04);
border-color: transparent;
color: #64748B;
}
- .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-buttonset.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active {
background: rgba(100, 116, 139, 0.16);
border-color: transparent;
color: #64748B;
}
- .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
+ .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
color: #ffffff;
background: #0ea5e9;
border: 1px solid #0ea5e9;
}
- .p-button.p-button-info:not(:disabled):hover, .p-buttonset.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
+ .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover {
background: #0284c7;
color: #ffffff;
border-color: #0284c7;
}
- .p-button.p-button-info:not(:disabled):focus, .p-buttonset.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
+ .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #BFDBFE;
}
- .p-button.p-button-info:not(:disabled):active, .p-buttonset.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
+ .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active {
background: #0369a1;
color: #ffffff;
border-color: #0369a1;
}
- .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
+ .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
background-color: transparent;
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
color: #0ea5e9;
border: 1px solid;
}
- .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
+ .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
background-color: transparent;
color: #0ea5e9;
border-color: transparent;
}
- .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover {
background: rgba(14, 165, 233, 0.04);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-info.p-button-text:not(:disabled):active, .p-buttonset.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active {
background: rgba(14, 165, 233, 0.16);
border-color: transparent;
color: #0ea5e9;
}
- .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
+ .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
color: #ffffff;
background: #22C55E;
border: 1px solid #22C55E;
}
- .p-button.p-button-success:not(:disabled):hover, .p-buttonset.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
+ .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover {
background: #16A34A;
color: #ffffff;
border-color: #16A34A;
}
- .p-button.p-button-success:not(:disabled):focus, .p-buttonset.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
+ .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #BBF7D0;
}
- .p-button.p-button-success:not(:disabled):active, .p-buttonset.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
+ .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active {
background: #15803D;
color: #ffffff;
border-color: #15803D;
}
- .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
+ .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
background-color: transparent;
color: #22C55E;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
color: #22C55E;
border: 1px solid;
}
- .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
color: #22C55E;
border: 1px solid;
}
- .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
+ .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
background-color: transparent;
color: #22C55E;
border-color: transparent;
}
- .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover {
background: rgba(34, 197, 94, 0.04);
border-color: transparent;
color: #22C55E;
}
- .p-button.p-button-success.p-button-text:not(:disabled):active, .p-buttonset.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active {
background: rgba(34, 197, 94, 0.16);
border-color: transparent;
color: #22C55E;
}
- .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
+ .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
color: #ffffff;
background: #f97316;
border: 1px solid #f97316;
}
- .p-button.p-button-warning:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
+ .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover {
background: #ea580c;
color: #ffffff;
border-color: #ea580c;
}
- .p-button.p-button-warning:not(:disabled):focus, .p-buttonset.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
+ .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #FDE68A;
}
- .p-button.p-button-warning:not(:disabled):active, .p-buttonset.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
+ .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active {
background: #c2410c;
color: #ffffff;
border-color: #c2410c;
}
- .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
+ .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
background-color: transparent;
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
color: #f97316;
border: 1px solid;
}
- .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
+ .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
background-color: transparent;
color: #f97316;
border-color: transparent;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover {
background: rgba(249, 115, 22, 0.04);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-buttonset.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active {
background: rgba(249, 115, 22, 0.16);
border-color: transparent;
color: #f97316;
}
- .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
+ .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
color: #ffffff;
background: #A855F7;
border: 1px solid #A855F7;
}
- .p-button.p-button-help:not(:disabled):hover, .p-buttonset.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
+ .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover {
background: #9333EA;
color: #ffffff;
border-color: #9333EA;
}
- .p-button.p-button-help:not(:disabled):focus, .p-buttonset.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
+ .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #E9D5FF;
}
- .p-button.p-button-help:not(:disabled):active, .p-buttonset.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
+ .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active {
background: #7E22CE;
color: #ffffff;
border-color: #7E22CE;
}
- .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
+ .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
background-color: transparent;
color: #A855F7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
color: #A855F7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
color: #A855F7;
border: 1px solid;
}
- .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
+ .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
background-color: transparent;
color: #A855F7;
border-color: transparent;
}
- .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover {
background: rgba(168, 85, 247, 0.04);
border-color: transparent;
color: #A855F7;
}
- .p-button.p-button-help.p-button-text:not(:disabled):active, .p-buttonset.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active {
background: rgba(168, 85, 247, 0.16);
border-color: transparent;
color: #A855F7;
}
- .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
+ .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
color: #ffffff;
background: #EF4444;
border: 1px solid #EF4444;
}
- .p-button.p-button-danger:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
+ .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover {
background: #DC2626;
color: #ffffff;
border-color: #DC2626;
}
- .p-button.p-button-danger:not(:disabled):focus, .p-buttonset.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
+ .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus {
box-shadow: 0 0 0 0.2rem #FECACA;
}
- .p-button.p-button-danger:not(:disabled):active, .p-buttonset.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
+ .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active {
background: #B91C1C;
color: #ffffff;
border-color: #B91C1C;
}
- .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
+ .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
background-color: transparent;
color: #EF4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
color: #EF4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
color: #EF4444;
border: 1px solid;
}
- .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
+ .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
background-color: transparent;
color: #EF4444;
border-color: transparent;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover {
background: rgba(239, 68, 68, 0.04);
border-color: transparent;
color: #EF4444;
}
- .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-buttonset.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active {
background: rgba(239, 68, 68, 0.16);
border-color: transparent;
color: #EF4444;
}
- .p-button.p-button-contrast, .p-buttonset.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+ .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
color: #ffffff;
background: #1f2937;
border: 1px solid #1f2937;
}
- .p-button.p-button-contrast:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+ .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
background: #374151;
color: #ffffff;
border-color: #374151;
}
- .p-button.p-button-contrast:not(:disabled):focus, .p-buttonset.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+ .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
box-shadow: none;
}
- .p-button.p-button-contrast:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+ .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
background: #4b5563;
color: #ffffff;
border-color: #4b5563;
}
- .p-button.p-button-contrast.p-button-outlined, .p-buttonset.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+ .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
background-color: transparent;
color: #1f2937;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
background: rgba(31, 41, 55, 0.04);
color: #1f2937;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
background: rgba(31, 41, 55, 0.16);
color: #1f2937;
border: 1px solid;
}
- .p-button.p-button-contrast.p-button-text, .p-buttonset.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+ .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
background-color: transparent;
color: #1f2937;
border-color: transparent;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
background: rgba(31, 41, 55, 0.04);
border-color: transparent;
color: #1f2937;
}
- .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-buttonset.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+ .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
background: rgba(31, 41, 55, 0.16);
border-color: transparent;
color: #1f2937;
@@ -6232,6 +6237,174 @@
background: #e5e7eb;
}
+ .p-stepper .p-stepper-nav {
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ overflow-x: auto;
+ }
+
+ .p-stepper-vertical .p-stepper-nav {
+ flex-direction: column;
+ }
+
+ .p-stepper-header {
+ position: relative;
+ display: flex;
+ flex: 1 1 auto;
+ align-items: center;
+ }
+ .p-stepper-header:last-of-type {
+ flex: initial;
+ }
+
+ .p-stepper-header .p-stepper-action {
+ border: 0 none;
+ display: inline-flex;
+ align-items: center;
+ text-decoration: none;
+ cursor: pointer;
+ }
+ .p-stepper-header .p-stepper-action:focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #99f6e4;
+ }
+
+ .p-stepper.p-stepper-readonly .p-stepper-header {
+ cursor: auto;
+ }
+
+ .p-stepper-header.p-highlight .p-stepper-action {
+ cursor: default;
+ }
+
+ .p-stepper-title {
+ display: block;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ max-width: 100%;
+ }
+
+ .p-stepper-number {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .p-stepper-separator {
+ flex: 1 1 0;
+ }
+
+ .p-stepper .p-stepper-nav {
+ display: flex;
+ justify-content: space-between;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ }
+ .p-stepper .p-stepper-header {
+ padding: 0.5rem;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action {
+ transition: box-shadow 0.2s;
+ border-radius: 6px;
+ background: #ffffff;
+ outline-color: transparent;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
+ color: #4b5563;
+ border: 1px solid #f3f4f6;
+ border-width: 2px;
+ background: #ffffff;
+ min-width: 2rem;
+ height: 2rem;
+ line-height: 2rem;
+ font-size: 1.143rem;
+ border-radius: 50%;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
+ margin-left: 0.5rem;
+ color: #6b7280;
+ font-weight: 700;
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
+ }
+ .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #99f6e4;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #f0fdfa;
+ color: #0f766e;
+ }
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
+ color: #4b5563;
+ }
+ .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
+ outline: 0 none;
+ outline-offset: 0;
+ box-shadow: 0 0 0 0.2rem #99f6e4;
+ }
+ .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
+ background-color: #14b8a6;
+ }
+ .p-stepper .p-stepper-panels {
+ background: #ffffff;
+ padding: 1.25rem;
+ color: #4b5563;
+ }
+ .p-stepper .p-stepper-separator {
+ background-color: #e5e7eb;
+ width: 100%;
+ height: 2px;
+ margin-inline-start: 1rem;
+ transition: box-shadow 0.2s;
+ }
+ .p-stepper.p-stepper-vertical {
+ display: flex;
+ flex-direction: column;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
+ display: flex;
+ flex: 1 1 auto;
+ background: #ffffff;
+ color: #4b5563;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel {
+ display: flex;
+ flex-direction: column;
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
+ flex: 1 1 auto;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
+ flex: initial;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
+ width: 100%;
+ padding-left: 1rem;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
+ flex: 0 0 auto;
+ width: 2px;
+ height: auto;
+ margin-inline-start: calc(1.75rem + 2px);
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
+ background-color: #14b8a6;
+ }
+ .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
+ padding-left: 3rem;
+ }
+
.p-tabview-nav-container {
position: relative;
}
@@ -6400,7 +6573,7 @@
}
.p-confirm-popup-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -6720,7 +6893,7 @@
}
.p-overlaypanel-flipped {
- margin-top: 0;
+ margin-top: -10px;
margin-bottom: 10px;
}
@@ -7331,7 +7504,6 @@
border: 0 none;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
- border-radius: 6px;
}
.p-contextmenu .p-menuitem {
margin: 0;
@@ -7377,7 +7549,7 @@
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -7385,6 +7557,16 @@
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -7795,7 +7977,7 @@
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -7803,6 +7985,16 @@
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -7994,7 +8186,7 @@
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8002,6 +8194,16 @@
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -8221,7 +8423,7 @@
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8229,6 +8431,16 @@
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -8450,7 +8662,7 @@
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8458,6 +8670,16 @@
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -8778,7 +9000,7 @@
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
color: #4b5563;
- background: #e5e7eb;
+ background: #f3f4f6;
}
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
color: #4b5563;
@@ -8786,6 +9008,16 @@
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
color: #4b5563;
}
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover {
+ color: #4b5563;
+ background: #f3f4f6;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
+ color: #4b5563;
+ }
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
+ color: #6b7280;
+ }
.p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
color: #4b5563;
background: #f3f4f6;
@@ -10593,4 +10825,9 @@
background: #14b8a6;
color: #ffffff;
}
+
+ .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
+ background: #14b8a6;
+ color: #ffffff;
+ }
}