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

package/cjs/Video/buttons/Pause.cjs

@@ -0,0 +1,33 @@
+"use strict";
+const React = require("react");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const Pause = (props) => /* @__PURE__ */ React__namespace.createElement(
+  "svg",
+  {
+    height: "6",
+    viewBox: "0 0 424.236 424.236",
+    width: "6",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": "pause",
+    ...props
+  },
+  /* @__PURE__ */ React__namespace.createElement("path", { d: "M256.471 2h176.765v424.236H256.471zM2 2h176.765v424.236H2z" })
+);
+const Pause$1 = Pause;
+module.exports = Pause$1;

package/cjs/Video/buttons/Play.cjs

@@ -0,0 +1,33 @@
+"use strict";
+const React = require("react");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const Play = (props) => /* @__PURE__ */ React__namespace.createElement(
+  "svg",
+  {
+    height: "6",
+    viewBox: "0 0 494.942 494.942",
+    width: "6",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": "play",
+    ...props
+  },
+  /* @__PURE__ */ React__namespace.createElement("path", { d: "M35.353 0l424.236 247.471L35.353 494.942z" })
+);
+const Play$1 = Play;
+module.exports = Play$1;

package/cjs/Video/buttons/Stop.cjs

@@ -0,0 +1,32 @@
+"use strict";
+const React = require("react");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const Stop = (props) => /* @__PURE__ */ React__namespace.createElement(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "6",
+    height: "6",
+    "aria-label": "stop",
+    ...props
+  },
+  /* @__PURE__ */ React__namespace.createElement("path", { d: "M0 0h306v306H0z" })
+);
+const Stop$1 = Stop;
+module.exports = Stop$1;

package/cjs/index.cjs

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Modal = require("./Modal/Modal.cjs");
+const ModalContext = require("./Modal/ModalContext.cjs");
+const ModalProvider = require("./Modal/ModalProvider.cjs");
+const Tabs = require("./Tabs/Tabs.cjs");
+const Tab = require("./Tabs/Tab.cjs");
+const Alert = require("./Alert/Alert.cjs");
+const Avatar = require("./Avatar/Avatar.cjs");
+const Button = require("./Button/Button.cjs");
+const Checkbox = require("./Checkbox/Checkbox.cjs");
+const Cursor_css = require("./Cursor/Cursor.css.cjs");
+const Dropdown = require("./Dropdown/Dropdown.cjs");
+const Fieldset = require("./Fieldset/Fieldset.cjs");
+const Frame = require("./Frame/Frame.cjs");
+const Input = require("./Input/Input.cjs");
+const List = require("./List/List.cjs");
+const ProgressBar = require("./ProgressBar/ProgressBar.cjs");
+const RadioButton = require("./RadioButton/RadioButton.cjs");
+const Range = require("./Range/Range.cjs");
+const TaskBar = require("./TaskBar/TaskBar.cjs");
+const TextArea = require("./TextArea/TextArea.cjs");
+const Tree = require("./Tree/Tree.cjs");
+const Tooltip = require("./Tooltip/Tooltip.cjs");
+const TitleBar = require("./TitleBar/TitleBar.cjs");
+const Video = require("./Video/Video.cjs");
+exports.Modal = Modal.Modal;
+exports.ModalContext = ModalContext.ModalContext;
+exports.ModalProvider = ModalProvider.ModalProvider;
+exports.Tabs = Tabs.Tabs;
+exports.Tab = Tab.Tab;
+exports.Alert = Alert.Alert;
+exports.Avatar = Avatar.Avatar;
+exports.Button = Button.Button;
+exports.Checkbox = Checkbox.Checkbox;
+exports.Cursor = Cursor_css.Cursor;
+exports.Dropdown = Dropdown.Dropdown;
+exports.Fieldset = Fieldset.Fieldset;
+exports.Frame = Frame.Frame;
+exports.Input = Input.Input;
+exports.List = List.List;
+exports.ProgressBar = ProgressBar.ProgressBar;
+exports.RadioButton = RadioButton.RadioButton;
+exports.Range = Range.Range;
+exports.TaskBar = TaskBar.TaskBar;
+exports.TextArea = TextArea.TextArea;
+exports.Tree = Tree.Tree;
+exports.Tooltip = Tooltip.Tooltip;
+exports.TitleBar = TitleBar.TitleBar;
+exports.Video = Video.Video;

package/cjs/themes/azureOrange.css.cjs

@@ -0,0 +1,3 @@
+require('./azureOrange.css.ts.vanilla.css');
+"use strict";
+/* empty css                                   */

package/cjs/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/cjs/themes/bee.css.cjs

@@ -0,0 +1,3 @@
+require('./bee.css.ts.vanilla.css');
+"use strict";
+/* empty css                           */

package/cjs/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/cjs/themes/blackAndWhite.css.cjs

@@ -0,0 +1,3 @@
+require('./blackAndWhite.css.ts.vanilla.css');
+"use strict";
+/* empty css                                     */

package/cjs/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/cjs/themes/brick.css.cjs

@@ -0,0 +1,3 @@
+require('./brick.css.ts.vanilla.css');
+"use strict";
+/* empty css                             */

package/cjs/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/cjs/themes/candy.css.cjs

@@ -0,0 +1,3 @@
+require('./candy.css.ts.vanilla.css');
+"use strict";
+/* empty css                             */

package/cjs/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/cjs/themes/coldGray.css.cjs

@@ -0,0 +1,3 @@
+require('./coldGray.css.ts.vanilla.css');
+"use strict";
+/* empty css                                */

package/cjs/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/cjs/themes/counterStrike.css.cjs

@@ -0,0 +1,3 @@
+require('./counterStrike.css.ts.vanilla.css');
+"use strict";
+/* empty css                                     */

package/cjs/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/cjs/themes/eggplant.css.cjs

@@ -0,0 +1,3 @@
+require('./eggplant.css.ts.vanilla.css');
+"use strict";
+/* empty css                                */

package/cjs/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/cjs/themes/highContrast.css.cjs

@@ -0,0 +1,3 @@
+require('./highContrast.css.ts.vanilla.css');
+"use strict";
+/* empty css                                    */