@react95/core 7.0.2 → 8.0.0-alpha.1

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.js

@@ -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.js

@@ -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.js

@@ -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.js

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

package/esm/themes/maple.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: #ab9042;
+  --r95-color-borderDarkest: #2a1801;
+  --r95-color-borderLight: #f5e2bb;
+  --r95-color-borderLighter: #f9efd9;
+  --r95-color-borderLightest: #fbf6ea;
+  --r95-color-canvas: #2a1801;
+  --r95-color-canvasText: #ffffff;
+  --r95-color-headerBackground: #8e0101;
+  --r95-color-headerNotActiveBackground: #a1a0a5;
+  --r95-color-headerNotActiveText: #f5e2bb;
+  --r95-color-headerText: #ffffff;
+  --r95-color-material: #e5cc90;
+  --r95-color-materialText: #2a1801;
+  --r95-color-materialTextDisabled: #ab9042;
+  --r95-color-materialTextDisabledShadow: #ffffff;
+  --r95-color-materialTextInvert: #ffffff;
+  --r95-color-progress: #8e0101;
+  --r95-color-inputBackground: #ffffff;
+  --r95-color-inputBackgroundDisabled: #f5e2bb;
+  --r95-shadow-out: inset 0.5px 0.5px 0px 0.5px #fbf6ea,
+          inset 0 0 0 1px #ab9042,
+          1px 0px 0 0px #2a1801,
+          0px 1px 0 0px #2a1801,
+          1px 1px 0 0px #2a1801;
+  --r95-shadow-in: inset 0px 0px 0px 0px,
+        inset 1px 1px 0px 0px #ab9042,
+        0.5px 0.5px 0px 0.5px #fbf6ea;
+  --r95-shadow-input: inset -1px -1px 0 0 #e5cc90,
+            inset 1px 1px 0 0 #2a1801,
+            0.5px 0.5px 0 0.5px #fbf6ea;
+}

package/esm/themes/marine.css.js

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

package/esm/themes/marine.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: #3c8d88;
+  --r95-color-borderDarkest: #050608;
+  --r95-color-borderLight: #98d2cb;
+  --r95-color-borderLighter: #c6e6e2;
+  --r95-color-borderLightest: #dff1ef;
+  --r95-color-canvas: #050608;
+  --r95-color-canvasText: #c3e2da;
+  --r95-color-headerBackground: #000080;
+  --r95-color-headerNotActiveBackground: #7f7f7f;
+  --r95-color-headerNotActiveText: #ced0cf;
+  --r95-color-headerText: #ffffff;
+  --r95-color-material: #75c1ba;
+  --r95-color-materialText: #050608;
+  --r95-color-materialTextDisabled: #3c8d88;
+  --r95-color-materialTextDisabledShadow: #ffffff;
+  --r95-color-materialTextInvert: #ffffff;
+  --r95-color-progress: #000080;
+  --r95-color-inputBackground: #ffffff;
+  --r95-color-inputBackgroundDisabled: #98d2cb;
+  --r95-shadow-out: inset 0.5px 0.5px 0px 0.5px #dff1ef,
+          inset 0 0 0 1px #3c8d88,
+          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 #3c8d88,
+        0.5px 0.5px 0px 0.5px #dff1ef;
+  --r95-shadow-input: inset -1px -1px 0 0 #75c1ba,
+            inset 1px 1px 0 0 #050608,
+            0.5px 0.5px 0 0.5px #dff1ef;
+}

package/esm/themes/matrix.css.js

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

package/esm/themes/matrix.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: #282828;
+  --r95-color-borderDarkest: #000000;
+  --r95-color-borderLight: #656565;
+  --r95-color-borderLighter: #aaaaaa;
+  --r95-color-borderLightest: #d0d0d0;
+  --r95-color-canvas: #000000;
+  --r95-color-canvasText: #c0c0c0;
+  --r95-color-headerBackground: #000000;
+  --r95-color-headerNotActiveBackground: #7f7f7f;
+  --r95-color-headerNotActiveText: #535353;
+  --r95-color-headerText: #a7a7a7;
+  --r95-color-material: #535353;
+  --r95-color-materialText: #35FF69;
+  --r95-color-materialTextDisabled: #282828;
+  --r95-color-materialTextDisabledShadow: #a7a7a7;
+  --r95-color-materialTextInvert: #ffffff;
+  --r95-color-progress: #000000;
+  --r95-color-inputBackground: #ffffff;
+  --r95-color-inputBackgroundDisabled: #656565;
+  --r95-shadow-out: inset 0.5px 0.5px 0px 0.5px #d0d0d0,
+          inset 0 0 0 1px #282828,
+          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 #282828,
+        0.5px 0.5px 0px 0.5px #d0d0d0;
+  --r95-shadow-input: inset -1px -1px 0 0 #535353,
+            inset 1px 1px 0 0 #000000,
+            0.5px 0.5px 0 0.5px #d0d0d0;
+}

package/esm/themes/millenium.css.js

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

package/esm/themes/millenium.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: #828282;
+  --r95-color-borderDarkest: black;
+  --r95-color-borderLight: #e5e5e5;
+  --r95-color-borderLighter: #f0f0f0;
+  --r95-color-borderLightest: #f6f6f6;
+  --r95-color-canvas: black;
+  --r95-color-canvasText: #ffffff;
+  --r95-color-headerBackground: linear-gradient(to right, #012470, #a5c7e7);
+  --r95-color-headerNotActiveBackground: #7f7f7f;
+  --r95-color-headerNotActiveText: #d6cfc7;
+  --r95-color-headerText: #ffffff;
+  --r95-color-material: #d6cfc7;
+  --r95-color-materialText: black;
+  --r95-color-materialTextDisabled: #828282;
+  --r95-color-materialTextDisabledShadow: #ffffff;
+  --r95-color-materialTextInvert: #ffffff;
+  --r95-color-progress: #00256e;
+  --r95-color-inputBackground: #ffffff;
+  --r95-color-inputBackgroundDisabled: #e5e5e5;
+  --r95-shadow-out: inset 0.5px 0.5px 0px 0.5px #f6f6f6,
+          inset 0 0 0 1px #828282,
+          1px 0px 0 0px black,
+          0px 1px 0 0px black,
+          1px 1px 0 0px black;
+  --r95-shadow-in: inset 0px 0px 0px 0px,
+        inset 1px 1px 0px 0px #828282,
+        0.5px 0.5px 0px 0.5px #f6f6f6;
+  --r95-shadow-input: inset -1px -1px 0 0 #d6cfc7,
+            inset 1px 1px 0 0 black,
+            0.5px 0.5px 0 0.5px #f6f6f6;
+}

package/esm/themes/modernDark.css.js

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

package/esm/themes/modernDark.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: #121317;
+  --r95-color-borderDarkest: #000000;
+  --r95-color-borderLight: #31323c;
+  --r95-color-borderLighter: #85879b;
+  --r95-color-borderLightest: #bbbdc8;
+  --r95-color-canvas: #000000;
+  --r95-color-canvasText: #4b4d58;
+  --r95-color-headerBackground: #4b4d58;
+  --r95-color-headerNotActiveBackground: transparent;
+  --r95-color-headerNotActiveText: #4b4d58;
+  --r95-color-headerText: #202127;
+  --r95-color-material: #202127;
+  --r95-color-materialText: #f88702;
+  --r95-color-materialTextDisabled: #4b4d58;
+  --r95-color-materialTextDisabledShadow: #121317;
+  --r95-color-materialTextInvert: #202127;
+  --r95-color-progress: #f88702;
+  --r95-color-inputBackground: #ffffff;
+  --r95-color-inputBackgroundDisabled: #31323c;
+  --r95-shadow-out: inset 0.5px 0.5px 0px 0.5px #bbbdc8,
+          inset 0 0 0 1px #121317,
+          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 #121317,
+        0.5px 0.5px 0px 0.5px #bbbdc8;
+  --r95-shadow-input: inset -1px -1px 0 0 #202127,
+            inset 1px 1px 0 0 #000000,
+            0.5px 0.5px 0 0.5px #bbbdc8;
+}

package/esm/themes/molecule.css.js

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

package/esm/themes/molecule.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: #993845;
+  --r95-color-borderDarkest: #4b4d4e;
+  --r95-color-borderLight: #dfe0e3;
+  --r95-color-borderLighter: #dfe0e3;
+  --r95-color-borderLightest: #d79099;
+  --r95-color-canvasText: #f1f5f6;
+  --r95-color-canvas: #020102;
+  --r95-color-headerBackground: #a03d49;
+  --r95-color-headerNotActiveBackground: #7f7f7f;
+  --r95-color-headerNotActiveText: #c2c1c2;
+  --r95-color-headerText: #f1f5f6;
+  --r95-color-material: #c2c1c2;
+  --r95-color-materialText: #020102;
+  --r95-color-materialTextDisabled: #993845;
+  --r95-color-materialTextDisabledShadow: #d79099;
+  --r95-color-materialTextInvert: #f1f5f6;
+  --r95-color-progress: #a03d49;
+  --r95-color-inputBackground: #ffffff;
+  --r95-color-inputBackgroundDisabled: #dfe0e3;
+  --r95-shadow-out: inset 0.5px 0.5px 0px 0.5px #d79099,
+          inset 0 0 0 1px #993845,
+          1px 0px 0 0px #4b4d4e,
+          0px 1px 0 0px #4b4d4e,
+          1px 1px 0 0px #4b4d4e;
+  --r95-shadow-in: inset 0px 0px 0px 0px,
+        inset 1px 1px 0px 0px #993845,
+        0.5px 0.5px 0px 0.5px #d79099;
+  --r95-shadow-input: inset -1px -1px 0 0 #c2c1c2,
+            inset 1px 1px 0 0 #4b4d4e,
+            0.5px 0.5px 0 0.5px #d79099;
+}

package/esm/themes/ninjaTurtles.css.js

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

package/esm/themes/ninjaTurtles.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: #017401;
+  --r95-color-borderDarkest: #000000;
+  --r95-color-borderLight: #1dbc1b;
+  --r95-color-borderLighter: #72ea71;
+  --r95-color-borderLightest: #b1f3b0;
+  --r95-color-canvas: #000000;
+  --r95-color-canvasText: #ffffff;
+  --r95-color-headerBackground: #FF1D15;
+  --r95-color-headerNotActiveBackground: #7f7f7f;
+  --r95-color-headerNotActiveText: #000000;
+  --r95-color-headerText: #ffffff;
+  --r95-color-material: #00a800;
+  --r95-color-materialText: #000000;
+  --r95-color-materialTextDisabled: #017401;
+  --r95-color-materialTextDisabledShadow: #55fd55;
+  --r95-color-materialTextInvert: #000000;
+  --r95-color-progress: #FF1D15;
+  --r95-color-inputBackground: #ffffff;
+  --r95-color-inputBackgroundDisabled: #e5e5e5;
+  --r95-shadow-out: inset 0.5px 0.5px 0px 0.5px #b1f3b0,
+          inset 0 0 0 1px #017401,
+          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 #017401,
+        0.5px 0.5px 0px 0.5px #b1f3b0;
+  --r95-shadow-input: inset -1px -1px 0 0 #00a800,
+            inset 1px 1px 0 0 #000000,
+            0.5px 0.5px 0 0.5px #b1f3b0;
+}

package/esm/themes/olive.css.js

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