Add toggleswitch styling

caido · Sep 10, 2024 · b280780 · b280780
1 parent 05b8680
commit b280780
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 1 deletion.
diff --git a/packages/primevue/package.json b/packages/primevue/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@caido/primevue",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "Primevue themes for Caido",
   "main": "dist/primevue.mjs",
   "types": "dist/types/index.d.ts",

diff --git a/packages/primevue/src/classic/components/toggleswitch.ts b/packages/primevue/src/classic/components/toggleswitch.ts
@@ -0,0 +1,18 @@
+import {defineComponent} from "./utils";
+
+export default defineComponent({
+  tokens: {
+    toggleswitch: {
+      colorScheme: {
+        dark: {
+          root: {
+            checkedBackground: "{secondary.color}",
+            checkedHoverBackground: "{secondary.hover.color}",
+          }
+        }
+      }
+    },
+  },
+  passthrough: {
+  }
+});
diff --git a/packages/primevue/src/classic/index.ts b/packages/primevue/src/classic/index.ts
@@ -9,6 +9,7 @@ import column from "./components/column";
 import checkbox from "./components/checkbox";
 import contextmenu from "./components/contextmenu";
 import tabs from "./components/tabs";
+import toggleswitch from "./components/toggleswitch";
 
 export const ClassicTheme = definePreset(Aura, {
   primitive: {
@@ -151,6 +152,7 @@ export const ClassicTheme = definePreset(Aura, {
     ...checkbox.tokens,
     ...contextmenu.tokens,
     ...tabs.tokens,
+    ...toggleswitch.tokens,
   }
 });
 
@@ -163,4 +165,5 @@ export const ClassicThemePassthrough = {
   ...checkbox.passthrough,
   ...contextmenu.passthrough,
   ...tabs.passthrough,
+  ...toggleswitch.passthrough,
 } as const