@react95/core 8.0.0-alpha.0 → 8.0.0-alpha.10

package/esm/themes/azureOrange.css.ts.vanilla.css

@@ -0,0 +1,58 @@
+:root {
+  --r95-zIndex-modal: 2;
+  --r95-zIndex-tooltip: 3;
+  --r95-zIndex-taskbar: 3;
+  --r95-space-0: 0px;
+  --r95-space-1: 1px;
+  --r95-space-2: 2px;
+  --r95-space-3: 3px;
+  --r95-space-4: 4px;
+  --r95-space-5: 5px;
+  --r95-space-6: 6px;
+  --r95-space-7: 7px;
+  --r95-space-8: 8px;
+  --r95-space-9: 9px;
+  --r95-space-10: 10px;
+  --r95-space-11: 11px;
+  --r95-space-12: 12px;
+  --r95-space-13: 13px;
+  --r95-space-14: 14px;
+  --r95-space-15: 15px;
+  --r95-space-16: 16px;
+  --r95-space-17: 17px;
+  --r95-space-18: 18px;
+  --r95-space-19: 19px;
+  --r95-space-20: 20px;
+  --r95-color-anchor: #1034a6;
+  --r95-color-anchorVisited: #440381;
+  --r95-color-borderDark: #05427f;
+  --r95-color-borderDarkest: #000000;
+  --r95-color-borderLight: #2b8fff;
+  --r95-color-borderLighter: #8ac1ff;
+  --r95-color-borderLightest: #bedcff;
+  --r95-color-canvas: #000000;
+  --r95-color-canvasText: #ffffff;
+  --r95-color-headerBackground: #171123;
+  --r95-color-headerNotActiveBackground: #4E6766;
+  --r95-color-headerNotActiveText: #0180ff;
+  --r95-color-headerText: #ffffff;
+  --r95-color-material: #0180ff;
+  --r95-color-materialText: #000000;
+  --r95-color-materialTextDisabled: #05427f;
+  --r95-color-materialTextDisabledShadow: #7ebfff;
+  --r95-color-materialTextInvert: #ffffff;
+  --r95-color-progress: #F46036;
+  --r95-color-inputBackground: #ffffff;
+  --r95-color-inputBackgroundDisabled: #2b8fff;
+  --r95-shadow-out: inset 0.5px 0.5px 0px 0.5px #bedcff,
+          inset 0 0 0 1px #05427f,
+          1px 0px 0 0px #000000,
+          0px 1px 0 0px #000000,
+          1px 1px 0 0px #000000;
+  --r95-shadow-in: inset 0px 0px 0px 0px,
+        inset 1px 1px 0px 0px #05427f,
+        0.5px 0.5px 0px 0.5px #bedcff;
+  --r95-shadow-input: inset -1px -1px 0 0 #0180ff,
+            inset 1px 1px 0 0 #000000,
+            0.5px 0.5px 0 0.5px #bedcff;
+}

package/esm/themes/bee.css.mjs

@@ -0,0 +1,2 @@
+import './bee.css.ts.vanilla.css';
+/* empty css                         */

package/esm/themes/bee.css.ts.vanilla.css

@@ -0,0 +1,58 @@
+:root {
+  --r95-zIndex-modal: 2;
+  --r95-zIndex-tooltip: 3;
+  --r95-zIndex-taskbar: 3;
+  --r95-space-0: 0px;
+  --r95-space-1: 1px;
+  --r95-space-2: 2px;
+  --r95-space-3: 3px;
+  --r95-space-4: 4px;
+  --r95-space-5: 5px;
+  --r95-space-6: 6px;
+  --r95-space-7: 7px;
+  --r95-space-8: 8px;
+  --r95-space-9: 9px;
+  --r95-space-10: 10px;
+  --r95-space-11: 11px;
+  --r95-space-12: 12px;
+  --r95-space-13: 13px;
+  --r95-space-14: 14px;
+  --r95-space-15: 15px;
+  --r95-space-16: 16px;
+  --r95-space-17: 17px;
+  --r95-space-18: 18px;
+  --r95-space-19: 19px;
+  --r95-space-20: 20px;
+  --r95-color-anchor: #1034a6;
+  --r95-color-anchorVisited: #440381;
+  --r95-color-borderDark: #846d06;
+  --r95-color-borderDarkest: #0C1618;
+  --r95-color-borderLight: #e7c221;
+  --r95-color-borderLighter: #f1dd84;
+  --r95-color-borderLightest: #f7ecbb;
+  --r95-color-canvas: #0C1618;
+  --r95-color-canvasText: #ffffff;
+  --r95-color-headerBackground: #0C1618;
+  --r95-color-headerNotActiveBackground: #7F7B82;
+  --r95-color-headerNotActiveText: #e5bd03;
+  --r95-color-headerText: #f8df6e;
+  --r95-color-material: #e5bd03;
+  --r95-color-materialText: #0C1618;
+  --r95-color-materialTextDisabled: #846d06;
+  --r95-color-materialTextDisabledShadow: #f8df6e;
+  --r95-color-materialTextInvert: #ffffff;
+  --r95-color-progress: #0C1618;
+  --r95-color-inputBackground: #ffffff;
+  --r95-color-inputBackgroundDisabled: #e7c221;
+  --r95-shadow-out: inset 0.5px 0.5px 0px 0.5px #f7ecbb,
+          inset 0 0 0 1px #846d06,
+          1px 0px 0 0px #0C1618,
+          0px 1px 0 0px #0C1618,
+          1px 1px 0 0px #0C1618;
+  --r95-shadow-in: inset 0px 0px 0px 0px,
+        inset 1px 1px 0px 0px #846d06,
+        0.5px 0.5px 0px 0.5px #f7ecbb;
+  --r95-shadow-input: inset -1px -1px 0 0 #e5bd03,
+            inset 1px 1px 0 0 #0C1618,
+            0.5px 0.5px 0 0.5px #f7ecbb;
+}

package/esm/themes/blackAndWhite.css.mjs

@@ -0,0 +1,2 @@
+import './blackAndWhite.css.ts.vanilla.css';
+/* empty css                                   */

package/esm/themes/blackAndWhite.css.ts.vanilla.css

@@ -0,0 +1,58 @@
+:root {
+  --r95-zIndex-modal: 2;
+  --r95-zIndex-tooltip: 3;
+  --r95-zIndex-taskbar: 3;
+  --r95-space-0: 0px;
+  --r95-space-1: 1px;
+  --r95-space-2: 2px;
+  --r95-space-3: 3px;
+  --r95-space-4: 4px;
+  --r95-space-5: 5px;
+  --r95-space-6: 6px;
+  --r95-space-7: 7px;
+  --r95-space-8: 8px;
+  --r95-space-9: 9px;
+  --r95-space-10: 10px;
+  --r95-space-11: 11px;
+  --r95-space-12: 12px;
+  --r95-space-13: 13px;
+  --r95-space-14: 14px;
+  --r95-space-15: 15px;
+  --r95-space-16: 16px;
+  --r95-space-17: 17px;
+  --r95-space-18: 18px;
+  --r95-space-19: 19px;
+  --r95-space-20: 20px;
+  --r95-color-anchor: #1034a6;
+  --r95-color-anchorVisited: #440381;
+  --r95-color-borderDark: #888c8f;
+  --r95-color-borderDarkest: #000000;
+  --r95-color-borderLight: #dfe0e3;
+  --r95-color-borderLighter: #ededef;
+  --r95-color-borderLightest: #f5f5f6;
+  --r95-color-canvas: #000000;
+  --r95-color-canvasText: #ffffff;
+  --r95-color-headerBackground: #000000;
+  --r95-color-headerNotActiveBackground: #ffffff;
+  --r95-color-headerNotActiveText: #000000;
+  --r95-color-headerText: #ffffff;
+  --r95-color-material: #ffffff;
+  --r95-color-materialText: #000000;
+  --r95-color-materialTextDisabled: #888c8f;
+  --r95-color-materialTextDisabledShadow: #ffffff;
+  --r95-color-materialTextInvert: #ffffff;
+  --r95-color-progress: #000000;
+  --r95-color-inputBackground: #ffffff;
+  --r95-color-inputBackgroundDisabled: #dfe0e3;
+  --r95-shadow-out: inset 0.5px 0.5px 0px 0.5px #f5f5f6,
+          inset 0 0 0 1px #888c8f,
+          1px 0px 0 0px #000000,
+          0px 1px 0 0px #000000,
+          1px 1px 0 0px #000000;
+  --r95-shadow-in: inset 0px 0px 0px 0px,
+        inset 1px 1px 0px 0px #888c8f,
+        0.5px 0.5px 0px 0.5px #f5f5f6;
+  --r95-shadow-input: inset -1px -1px 0 0 #ffffff,
+            inset 1px 1px 0 0 #000000,
+            0.5px 0.5px 0 0.5px #f5f5f6;
+}

package/esm/themes/brick.css.mjs

@@ -0,0 +1,2 @@
+import './brick.css.ts.vanilla.css';
+/* empty css                           */

package/esm/themes/brick.css.ts.vanilla.css

@@ -0,0 +1,58 @@
+:root {
+  --r95-zIndex-modal: 2;
+  --r95-zIndex-tooltip: 3;
+  --r95-zIndex-taskbar: 3;
+  --r95-space-0: 0px;
+  --r95-space-1: 1px;
+  --r95-space-2: 2px;
+  --r95-space-3: 3px;
+  --r95-space-4: 4px;
+  --r95-space-5: 5px;
+  --r95-space-6: 6px;
+  --r95-space-7: 7px;
+  --r95-space-8: 8px;
+  --r95-space-9: 9px;
+  --r95-space-10: 10px;
+  --r95-space-11: 11px;
+  --r95-space-12: 12px;
+  --r95-space-13: 13px;
+  --r95-space-14: 14px;
+  --r95-space-15: 15px;
+  --r95-space-16: 16px;
+  --r95-space-17: 17px;
+  --r95-space-18: 18px;
+  --r95-space-19: 19px;
+  --r95-space-20: 20px;
+  --r95-color-anchor: #1034a6;
+  --r95-color-anchorVisited: #440381;
+  --r95-color-borderDark: #6c684b;
+  --r95-color-borderDarkest: #020000;
+  --r95-color-borderLight: #e2ddc9;
+  --r95-color-borderLighter: #efece1;
+  --r95-color-borderLightest: #f6f4ee;
+  --r95-color-canvas: #ffffff;
+  --r95-color-canvasText: #020000;
+  --r95-color-headerBackground: #8e0101;
+  --r95-color-headerNotActiveBackground: #90885c;
+  --r95-color-headerNotActiveText: #c2bfa3;
+  --r95-color-headerText: #ffffff;
+  --r95-color-material: #c2bfa3;
+  --r95-color-materialText: #020000;
+  --r95-color-materialTextDisabled: #6c684b;
+  --r95-color-materialTextDisabledShadow: #ffffff;
+  --r95-color-materialTextInvert: #ffffff;
+  --r95-color-progress: #8e0101;
+  --r95-color-inputBackground: #ffffff;
+  --r95-color-inputBackgroundDisabled: #e2ddc9;
+  --r95-shadow-out: inset 0.5px 0.5px 0px 0.5px #f6f4ee,
+          inset 0 0 0 1px #6c684b,
+          1px 0px 0 0px #020000,
+          0px 1px 0 0px #020000,
+          1px 1px 0 0px #020000;
+  --r95-shadow-in: inset 0px 0px 0px 0px,
+        inset 1px 1px 0px 0px #6c684b,
+        0.5px 0.5px 0px 0.5px #f6f4ee;
+  --r95-shadow-input: inset -1px -1px 0 0 #c2bfa3,
+            inset 1px 1px 0 0 #020000,
+            0.5px 0.5px 0 0.5px #f6f4ee;
+}

package/esm/themes/candy.css.mjs

@@ -0,0 +1,2 @@
+import './candy.css.ts.vanilla.css';
+/* empty css                           */

package/esm/themes/candy.css.ts.vanilla.css

@@ -0,0 +1,58 @@
+:root {
+  --r95-zIndex-modal: 2;
+  --r95-zIndex-tooltip: 3;
+  --r95-zIndex-taskbar: 3;
+  --r95-space-0: 0px;
+  --r95-space-1: 1px;
+  --r95-space-2: 2px;
+  --r95-space-3: 3px;
+  --r95-space-4: 4px;
+  --r95-space-5: 5px;
+  --r95-space-6: 6px;
+  --r95-space-7: 7px;
+  --r95-space-8: 8px;
+  --r95-space-9: 9px;
+  --r95-space-10: 10px;
+  --r95-space-11: 11px;
+  --r95-space-12: 12px;
+  --r95-space-13: 13px;
+  --r95-space-14: 14px;
+  --r95-space-15: 15px;
+  --r95-space-16: 16px;
+  --r95-space-17: 17px;
+  --r95-space-18: 18px;
+  --r95-space-19: 19px;
+  --r95-space-20: 20px;
+  --r95-color-anchor: #1034a6;
+  --r95-color-anchorVisited: #440381;
+  --r95-color-borderDark: #d1579e;
+  --r95-color-borderDarkest: #44132f;
+  --r95-color-borderLight: #f1acd5;
+  --r95-color-borderLighter: #f7d1e7;
+  --r95-color-borderLightest: #fae5f1;
+  --r95-color-canvas: #EFF1F3;
+  --r95-color-canvasText: #000000;
+  --r95-color-headerBackground: #87255B;
+  --r95-color-headerNotActiveBackground: #a08796;
+  --r95-color-headerNotActiveText: #EBD2BE;
+  --r95-color-headerText: #EFF1F3;
+  --r95-color-material: #E5A4CB;
+  --r95-color-materialText: #000000;
+  --r95-color-materialTextDisabled: #d1579e;
+  --r95-color-materialTextDisabledShadow: #EFF1F3;
+  --r95-color-materialTextInvert: #EFF1F3;
+  --r95-color-progress: #256EFF;
+  --r95-color-inputBackground: #ffffff;
+  --r95-color-inputBackgroundDisabled: #f1acd5;
+  --r95-shadow-out: inset 0.5px 0.5px 0px 0.5px #fae5f1,
+          inset 0 0 0 1px #d1579e,
+          1px 0px 0 0px #44132f,
+          0px 1px 0 0px #44132f,
+          1px 1px 0 0px #44132f;
+  --r95-shadow-in: inset 0px 0px 0px 0px,
+        inset 1px 1px 0px 0px #d1579e,
+        0.5px 0.5px 0px 0.5px #fae5f1;
+  --r95-shadow-input: inset -1px -1px 0 0 #E5A4CB,
+            inset 1px 1px 0 0 #44132f,
+            0.5px 0.5px 0 0.5px #fae5f1;
+}

package/esm/themes/coldGray.css.mjs

@@ -0,0 +1,2 @@
+import './coldGray.css.ts.vanilla.css';
+/* empty css                              */

package/esm/themes/coldGray.css.ts.vanilla.css

@@ -0,0 +1,58 @@
+:root {
+  --r95-zIndex-modal: 2;
+  --r95-zIndex-tooltip: 3;
+  --r95-zIndex-taskbar: 3;
+  --r95-space-0: 0px;
+  --r95-space-1: 1px;
+  --r95-space-2: 2px;
+  --r95-space-3: 3px;
+  --r95-space-4: 4px;
+  --r95-space-5: 5px;
+  --r95-space-6: 6px;
+  --r95-space-7: 7px;
+  --r95-space-8: 8px;
+  --r95-space-9: 9px;
+  --r95-space-10: 10px;
+  --r95-space-11: 11px;
+  --r95-space-12: 12px;
+  --r95-space-13: 13px;
+  --r95-space-14: 14px;
+  --r95-space-15: 15px;
+  --r95-space-16: 16px;
+  --r95-space-17: 17px;
+  --r95-space-18: 18px;
+  --r95-space-19: 19px;
+  --r95-space-20: 20px;
+  --r95-color-anchor: #8d88c2;
+  --r95-color-anchorVisited: #440381;
+  --r95-color-borderDark: #5b57a1;
+  --r95-color-borderDarkest: #010601;
+  --r95-color-borderLight: #a4a7c8;
+  --r95-color-borderLighter: #cccee0;
+  --r95-color-borderLightest: #e2e4ed;
+  --r95-color-canvas: #3B3D64;
+  --r95-color-canvasText: #050608;
+  --r95-color-headerBackground: #3B3D64;
+  --r95-color-headerNotActiveBackground: #6063a5;
+  --r95-color-headerNotActiveText: #a1a3ca;
+  --r95-color-headerText: #e2e4ed;
+  --r95-color-material: #a1a3ca;
+  --r95-color-materialText: #010601;
+  --r95-color-materialTextDisabled: #5b57a1;
+  --r95-color-materialTextDisabledShadow: #c7c7df;
+  --r95-color-materialTextInvert: #e2e4ed;
+  --r95-color-progress: #8d88c2;
+  --r95-color-inputBackground: #ffffff;
+  --r95-color-inputBackgroundDisabled: #a4a7c8;
+  --r95-shadow-out: inset 0.5px 0.5px 0px 0.5px #e2e4ed,
+          inset 0 0 0 1px #5b57a1,
+          1px 0px 0 0px #010601,
+          0px 1px 0 0px #010601,
+          1px 1px 0 0px #010601;
+  --r95-shadow-in: inset 0px 0px 0px 0px,
+        inset 1px 1px 0px 0px #5b57a1,
+        0.5px 0.5px 0px 0.5px #e2e4ed;
+  --r95-shadow-input: inset -1px -1px 0 0 #a1a3ca,
+            inset 1px 1px 0 0 #010601,
+            0.5px 0.5px 0 0.5px #e2e4ed;
+}

package/esm/themes/counterStrike.css.mjs

@@ -0,0 +1,2 @@
+import './counterStrike.css.ts.vanilla.css';
+/* empty css                                   */

package/esm/themes/counterStrike.css.ts.vanilla.css

@@ -0,0 +1,58 @@
+:root {
+  --r95-zIndex-modal: 2;
+  --r95-zIndex-tooltip: 3;
+  --r95-zIndex-taskbar: 3;
+  --r95-space-0: 0px;
+  --r95-space-1: 1px;
+  --r95-space-2: 2px;
+  --r95-space-3: 3px;
+  --r95-space-4: 4px;
+  --r95-space-5: 5px;
+  --r95-space-6: 6px;
+  --r95-space-7: 7px;
+  --r95-space-8: 8px;
+  --r95-space-9: 9px;
+  --r95-space-10: 10px;
+  --r95-space-11: 11px;
+  --r95-space-12: 12px;
+  --r95-space-13: 13px;
+  --r95-space-14: 14px;
+  --r95-space-15: 15px;
+  --r95-space-16: 16px;
+  --r95-space-17: 17px;
+  --r95-space-18: 18px;
+  --r95-space-19: 19px;
+  --r95-space-20: 20px;
+  --r95-color-anchor: #1034a6;
+  --r95-color-anchorVisited: #440381;
+  --r95-color-borderDark: #2c3125;
+  --r95-color-borderDarkest: #0a0a0a;
+  --r95-color-borderLight: #5d6d54;
+  --r95-color-borderLighter: #a4b39c;
+  --r95-color-borderLightest: #ccd5c8;
+  --r95-color-canvas: #3e4639;
+  --r95-color-canvasText: #f6fbf5;
+  --r95-color-headerBackground: #4b5844;
+  --r95-color-headerNotActiveBackground: #4b5844;
+  --r95-color-headerNotActiveText: #74806e;
+  --r95-color-headerText: #fefefe;
+  --r95-color-material: #4b5844;
+  --r95-color-materialText: #f6fbf5;
+  --r95-color-materialTextDisabled: #2c3125;
+  --r95-color-materialTextDisabledShadow: #788475;
+  --r95-color-materialTextInvert: #fefefe;
+  --r95-color-progress: #978830;
+  --r95-color-inputBackground: #4b5844;
+  --r95-color-inputBackgroundDisabled: #2c3125;
+  --r95-shadow-out: inset 0.5px 0.5px 0px 0.5px #ccd5c8,
+          inset 0 0 0 1px #2c3125,
+          1px 0px 0 0px #0a0a0a,
+          0px 1px 0 0px #0a0a0a,
+          1px 1px 0 0px #0a0a0a;
+  --r95-shadow-in: inset 0px 0px 0px 0px,
+        inset 1px 1px 0px 0px #2c3125,
+        0.5px 0.5px 0px 0.5px #ccd5c8;
+  --r95-shadow-input: inset -1px -1px 0 0 #4b5844,
+            inset 1px 1px 0 0 #0a0a0a,
+            0.5px 0.5px 0 0.5px #ccd5c8;
+}

package/esm/themes/eggplant.css.mjs

@@ -0,0 +1,2 @@
+import './eggplant.css.ts.vanilla.css';
+/* empty css                              */

package/esm/themes/eggplant.css.ts.vanilla.css

@@ -0,0 +1,58 @@
+:root {
+  --r95-zIndex-modal: 2;
+  --r95-zIndex-tooltip: 3;
+  --r95-zIndex-taskbar: 3;
+  --r95-space-0: 0px;
+  --r95-space-1: 1px;
+  --r95-space-2: 2px;
+  --r95-space-3: 3px;
+  --r95-space-4: 4px;
+  --r95-space-5: 5px;
+  --r95-space-6: 6px;
+  --r95-space-7: 7px;
+  --r95-space-8: 8px;
+  --r95-space-9: 9px;
+  --r95-space-10: 10px;
+  --r95-space-11: 11px;
+  --r95-space-12: 12px;
+  --r95-space-13: 13px;
+  --r95-space-14: 14px;
+  --r95-space-15: 15px;
+  --r95-space-16: 16px;
+  --r95-space-17: 17px;
+  --r95-space-18: 18px;
+  --r95-space-19: 19px;
+  --r95-space-20: 20px;
+  --r95-color-anchor: #1034a6;
+  --r95-color-anchorVisited: #440381;
+  --r95-color-borderDark: #526d67;
+  --r95-color-borderDarkest: #050608;
+  --r95-color-borderLight: #a2c7c0;
+  --r95-color-borderLighter: #cbe0dc;
+  --r95-color-borderLightest: #e2edeb;
+  --r95-color-canvas: #000000;
+  --r95-color-canvasText: #050608;
+  --r95-color-headerBackground: #4b8178;
+  --r95-color-headerNotActiveBackground: #89b0a8;
+  --r95-color-headerNotActiveText: #4b8178;
+  --r95-color-headerText: #ffffff;
+  --r95-color-material: #89b0a8;
+  --r95-color-materialText: #050608;
+  --r95-color-materialTextDisabled: #526d67;
+  --r95-color-materialTextDisabledShadow: #cee8e3;
+  --r95-color-materialTextInvert: #ffffff;
+  --r95-color-progress: #4b8178;
+  --r95-color-inputBackground: #ffffff;
+  --r95-color-inputBackgroundDisabled: #a2c7c0;
+  --r95-shadow-out: inset 0.5px 0.5px 0px 0.5px #e2edeb,
+          inset 0 0 0 1px #526d67,
+          1px 0px 0 0px #050608,
+          0px 1px 0 0px #050608,
+          1px 1px 0 0px #050608;
+  --r95-shadow-in: inset 0px 0px 0px 0px,
+        inset 1px 1px 0px 0px #526d67,
+        0.5px 0.5px 0px 0.5px #e2edeb;
+  --r95-shadow-input: inset -1px -1px 0 0 #89b0a8,
+            inset 1px 1px 0 0 #050608,
+            0.5px 0.5px 0 0.5px #e2edeb;
+}

package/esm/themes/highContrast.css.mjs

@@ -0,0 +1,2 @@
+import './highContrast.css.ts.vanilla.css';
+/* empty css                                  */

package/esm/themes/highContrast.css.ts.vanilla.css

@@ -0,0 +1,58 @@
+:root {
+  --r95-zIndex-modal: 2;
+  --r95-zIndex-tooltip: 3;
+  --r95-zIndex-taskbar: 3;
+  --r95-space-0: 0px;
+  --r95-space-1: 1px;
+  --r95-space-2: 2px;
+  --r95-space-3: 3px;
+  --r95-space-4: 4px;
+  --r95-space-5: 5px;
+  --r95-space-6: 6px;
+  --r95-space-7: 7px;
+  --r95-space-8: 8px;
+  --r95-space-9: 9px;
+  --r95-space-10: 10px;
+  --r95-space-11: 11px;
+  --r95-space-12: 12px;
+  --r95-space-13: 13px;
+  --r95-space-14: 14px;
+  --r95-space-15: 15px;
+  --r95-space-16: 16px;
+  --r95-space-17: 17px;
+  --r95-space-18: 18px;
+  --r95-space-19: 19px;
+  --r95-space-20: 20px;
+  --r95-color-anchor: #1034a6;
+  --r95-color-anchorVisited: #440381;
+  --r95-color-borderDark: #888c8f;
+  --r95-color-borderDarkest: #ffffff;
+  --r95-color-borderLight: #dfe0e3;
+  --r95-color-borderLighter: #ededef;
+  --r95-color-borderLightest: #f5f5f6;
+  --r95-color-canvas: #353535;
+  --r95-color-canvasText: #ffffff;
+  --r95-color-headerBackground: #8e0284;
+  --r95-color-headerNotActiveBackground: #7f7f7f;
+  --r95-color-headerNotActiveText: #ced0cf;
+  --r95-color-headerText: #ffffff;
+  --r95-color-material: #000000;
+  --r95-color-materialText: #ffffff;
+  --r95-color-materialTextDisabled: #888c8f;
+  --r95-color-materialTextDisabledShadow: #ffffff;
+  --r95-color-materialTextInvert: #ffffff;
+  --r95-color-progress: #8e0284;
+  --r95-color-inputBackground: #353535;
+  --r95-color-inputBackgroundDisabled: #dfe0e3;
+  --r95-shadow-out: inset 0.5px 0.5px 0px 0.5px #f5f5f6,
+          inset 0 0 0 1px #888c8f,
+          1px 0px 0 0px #ffffff,
+          0px 1px 0 0px #ffffff,
+          1px 1px 0 0px #ffffff;
+  --r95-shadow-in: inset 0px 0px 0px 0px,
+        inset 1px 1px 0px 0px #888c8f,
+        0.5px 0.5px 0px 0.5px #f5f5f6;
+  --r95-shadow-input: inset -1px -1px 0 0 #000000,
+            inset 1px 1px 0 0 #ffffff,
+            0.5px 0.5px 0 0.5px #f5f5f6;
+}

package/esm/themes/lilac.css.mjs

@@ -0,0 +1,2 @@
+import './lilac.css.ts.vanilla.css';
+/* empty css                           */

package/esm/themes/lilac.css.ts.vanilla.css

@@ -0,0 +1,58 @@
+:root {
+  --r95-zIndex-modal: 2;
+  --r95-zIndex-tooltip: 3;
+  --r95-zIndex-taskbar: 3;
+  --r95-space-0: 0px;
+  --r95-space-1: 1px;
+  --r95-space-2: 2px;
+  --r95-space-3: 3px;
+  --r95-space-4: 4px;
+  --r95-space-5: 5px;
+  --r95-space-6: 6px;
+  --r95-space-7: 7px;
+  --r95-space-8: 8px;
+  --r95-space-9: 9px;
+  --r95-space-10: 10px;
+  --r95-space-11: 11px;
+  --r95-space-12: 12px;
+  --r95-space-13: 13px;
+  --r95-space-14: 14px;
+  --r95-space-15: 15px;
+  --r95-space-16: 16px;
+  --r95-space-17: 17px;
+  --r95-space-18: 18px;
+  --r95-space-19: 19px;
+  --r95-space-20: 20px;
+  --r95-color-anchor: #1034a6;
+  --r95-color-anchorVisited: #440381;
+  --r95-color-borderDark: #5f549b;
+  --r95-color-borderDarkest: #1c1449;
+  --r95-color-borderLight: #bcb4e9;
+  --r95-color-borderLighter: #dad5f2;
+  --r95-color-borderLightest: #eae7f7;
+  --r95-color-canvas: #ffffff;
+  --r95-color-canvasText: #050608;
+  --r95-color-headerBackground: #5e4dba;
+  --r95-color-headerNotActiveBackground: #7f7f81;
+  --r95-color-headerNotActiveText: #ced0cf;
+  --r95-color-headerText: #ffffff;
+  --r95-color-material: #b1a7df;
+  --r95-color-materialText: #050608;
+  --r95-color-materialTextDisabled: #5f549b;
+  --r95-color-materialTextDisabledShadow: #ffffff;
+  --r95-color-materialTextInvert: #ffffff;
+  --r95-color-progress: #5e4dba;
+  --r95-color-inputBackground: #ffffff;
+  --r95-color-inputBackgroundDisabled: #bcb4e9;
+  --r95-shadow-out: inset 0.5px 0.5px 0px 0.5px #eae7f7,
+          inset 0 0 0 1px #5f549b,
+          1px 0px 0 0px #1c1449,
+          0px 1px 0 0px #1c1449,
+          1px 1px 0 0px #1c1449;
+  --r95-shadow-in: inset 0px 0px 0px 0px,
+        inset 1px 1px 0px 0px #5f549b,
+        0.5px 0.5px 0px 0.5px #eae7f7;
+  --r95-shadow-input: inset -1px -1px 0 0 #b1a7df,
+            inset 1px 1px 0 0 #1c1449,
+            0.5px 0.5px 0 0.5px #eae7f7;
+}

package/esm/themes/lilacRoseDark.css.mjs

@@ -0,0 +1,2 @@
+import './lilacRoseDark.css.ts.vanilla.css';
+/* empty css                                   */

package/esm/themes/lilacRoseDark.css.ts.vanilla.css

@@ -0,0 +1,58 @@
+:root {
+  --r95-zIndex-modal: 2;
+  --r95-zIndex-tooltip: 3;
+  --r95-zIndex-taskbar: 3;
+  --r95-space-0: 0px;
+  --r95-space-1: 1px;
+  --r95-space-2: 2px;
+  --r95-space-3: 3px;
+  --r95-space-4: 4px;
+  --r95-space-5: 5px;
+  --r95-space-6: 6px;
+  --r95-space-7: 7px;
+  --r95-space-8: 8px;
+  --r95-space-9: 9px;
+  --r95-space-10: 10px;
+  --r95-space-11: 11px;
+  --r95-space-12: 12px;
+  --r95-space-13: 13px;
+  --r95-space-14: 14px;
+  --r95-space-15: 15px;
+  --r95-space-16: 16px;
+  --r95-space-17: 17px;
+  --r95-space-18: 18px;
+  --r95-space-19: 19px;
+  --r95-space-20: 20px;
+  --r95-color-anchor: #a65387;
+  --r95-color-anchorVisited: #440381;
+  --r95-color-borderDark: #7F3163;
+  --r95-color-borderDarkest: #190000;
+  --r95-color-borderLight: #E597C9;
+  --r95-color-borderLighter: #f0c5e1;
+  --r95-color-borderLightest: #f6dfee;
+  --r95-color-canvas: #000000;
+  --r95-color-canvasText: #f6dfee;
+  --r95-color-headerBackground: #4C0030;
+  --r95-color-headerNotActiveBackground: #763a60;
+  --r95-color-headerNotActiveText: #b26496;
+  --r95-color-headerText: #dab1c7;
+  --r95-color-material: #b26496;
+  --r95-color-materialText: #000000;
+  --r95-color-materialTextDisabled: #82416d;
+  --r95-color-materialTextDisabledShadow: #ecbfe3;
+  --r95-color-materialTextInvert: #ecbfe3;
+  --r95-color-progress: #713259;
+  --r95-color-inputBackground: #ffffff;
+  --r95-color-inputBackgroundDisabled: #E597C9;
+  --r95-shadow-out: inset 0.5px 0.5px 0px 0.5px #f6dfee,
+          inset 0 0 0 1px #7F3163,
+          1px 0px 0 0px #190000,
+          0px 1px 0 0px #190000,
+          1px 1px 0 0px #190000;
+  --r95-shadow-in: inset 0px 0px 0px 0px,
+        inset 1px 1px 0px 0px #7F3163,
+        0.5px 0.5px 0px 0.5px #f6dfee;
+  --r95-shadow-input: inset -1px -1px 0 0 #b26496,
+            inset 1px 1px 0 0 #190000,
+            0.5px 0.5px 0 0.5px #f6dfee;
+}

package/esm/themes/maple.css.mjs

@@ -0,0 +1,2 @@
+import './maple.css.ts.vanilla.css';
+/* empty css                           */