@react95/core 7.0.2 → 8.0.0-alpha.1

package/esm/Video/buttons/Play.js

@@ -1,14 +1,17 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import * as React from 'react';
-var Play = function Play(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
+import * as React from "react";
+const Play = (props) => /* @__PURE__ */ React.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.createElement("path", {
-    d: "M35.353 0l424.236 247.471L35.353 494.942z"
-  }));
+    "aria-label": "play",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("path", { d: "M35.353 0l424.236 247.471L35.353 494.942z" })
+);
+const Play$1 = Play;
+export {
+  Play$1 as default
 };
-export default Play;

package/esm/Video/buttons/Stop.js

@@ -1,13 +1,16 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import * as React from 'react';
-var Stop = function Stop(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
+import * as React from "react";
+const Stop = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
     xmlns: "http://www.w3.org/2000/svg",
     width: "6",
     height: "6",
-    "aria-label": "stop"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M0 0h306v306H0z"
-  }));
+    "aria-label": "stop",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("path", { d: "M0 0h306v306H0z" })
+);
+const Stop$1 = Stop;
+export {
+  Stop$1 as default
 };
-export default Stop;

package/esm/index.js

@@ -1,24 +1,50 @@
-import { Modal, ModalContext } from './Modal';
-import { Tab, Tabs } from './Tabs';
-import Alert from './Alert';
-import Avatar from './Avatar';
-import Button from './Button';
-import Checkbox from './Checkbox';
-import Cursor from './Cursor';
-import Dropdown from './Dropdown';
-import Fieldset from './Fieldset';
-import Frame from './Frame';
-import GlobalStyle from './GlobalStyle';
-import Input from './Input';
-import List from './List';
-import ProgressBar from './ProgressBar';
-import RadioButton from './RadioButton';
-import Range from './Range';
-import TaskBar from './TaskBar';
-import TextArea from './TextArea';
-import Tree from './Tree';
-import Tooltip from './Tooltip';
-import TitleBar from './TitleBar';
-import ThemeProvider from './ThemeProvider';
-import Video from './Video';
-export { Alert, Avatar, Button, Checkbox, Cursor, Dropdown, Fieldset, Frame, GlobalStyle, Input, List, Modal, ModalContext, ProgressBar, RadioButton, Range, Tab, Tabs, TaskBar, TextArea, Tree, Tooltip, TitleBar, ThemeProvider, Video };
+import { Modal } from "./Modal/Modal.js";
+import { ModalContext } from "./Modal/ModalContext.js";
+import { ModalProvider } from "./Modal/ModalProvider.js";
+import { Tabs } from "./Tabs/Tabs.js";
+import { Tab } from "./Tabs/Tab.js";
+import { Alert } from "./Alert/Alert.js";
+import { Avatar } from "./Avatar/Avatar.js";
+import { Button } from "./Button/Button.js";
+import { Checkbox } from "./Checkbox/Checkbox.js";
+import { Cursor } from "./Cursor/Cursor.css.js";
+import { Dropdown } from "./Dropdown/Dropdown.js";
+import { Fieldset } from "./Fieldset/Fieldset.js";
+import { Frame } from "./Frame/Frame.js";
+import { Input } from "./Input/Input.js";
+import { List } from "./List/List.js";
+import { ProgressBar } from "./ProgressBar/ProgressBar.js";
+import { RadioButton } from "./RadioButton/RadioButton.js";
+import { Range } from "./Range/Range.js";
+import { TaskBar } from "./TaskBar/TaskBar.js";
+import { TextArea } from "./TextArea/TextArea.js";
+import { Tree } from "./Tree/Tree.js";
+import { Tooltip } from "./Tooltip/Tooltip.js";
+import { TitleBar } from "./TitleBar/TitleBar.js";
+import { Video } from "./Video/Video.js";
+export {
+  Alert,
+  Avatar,
+  Button,
+  Checkbox,
+  Cursor,
+  Dropdown,
+  Fieldset,
+  Frame,
+  Input,
+  List,
+  Modal,
+  ModalContext,
+  ModalProvider,
+  ProgressBar,
+  RadioButton,
+  Range,
+  Tab,
+  Tabs,
+  TaskBar,
+  TextArea,
+  TitleBar,
+  Tooltip,
+  Tree,
+  Video
+};

package/esm/theme.js

@@ -0,0 +1,72 @@
+import * as win95_css from "./themes/win95.css.js";
+import * as counterStrike_css from "./themes/counterStrike.css.js";
+import * as bee_css from "./themes/bee.css.js";
+import * as pamelaAnderson_css from "./themes/pamelaAnderson.css.js";
+import * as azureOrange_css from "./themes/azureOrange.css.js";
+import * as olive_css from "./themes/olive.css.js";
+import * as vaporTeal_css from "./themes/vaporTeal.css.js";
+import * as matrix_css from "./themes/matrix.css.js";
+import * as vermillion_css from "./themes/vermillion.css.js";
+import * as tooSexy_css from "./themes/tooSexy.css.js";
+import * as ninjaTurtles_css from "./themes/ninjaTurtles.css.js";
+import * as tokyoDark_css from "./themes/tokyoDark.css.js";
+import * as molecule_css from "./themes/molecule.css.js";
+import * as travel_css from "./themes/travel.css.js";
+import * as theSixtiesUSA_css from "./themes/theSixtiesUSA.css.js";
+import * as candy_css from "./themes/candy.css.js";
+import * as modernDark_css from "./themes/modernDark.css.js";
+import * as storm_css from "./themes/storm.css.js";
+import * as millenium_css from "./themes/millenium.css.js";
+import * as spruce_css from "./themes/spruce.css.js";
+import * as slate_css from "./themes/slate.css.js";
+import * as rose_css from "./themes/rose.css.js";
+import * as rainyDay_css from "./themes/rainyDay.css.js";
+import * as plum_css from "./themes/plum.css.js";
+import * as marine_css from "./themes/marine.css.js";
+import * as maple_css from "./themes/maple.css.js";
+import * as lilac_css from "./themes/lilac.css.js";
+import * as blackAndWhite_css from "./themes/blackAndWhite.css.js";
+import * as highContrast_css from "./themes/highContrast.css.js";
+import * as eggplant_css from "./themes/eggplant.css.js";
+import * as brick_css from "./themes/brick.css.js";
+import * as water_css from "./themes/water.css.js";
+import * as coldGray_css from "./themes/coldGray.css.js";
+import * as lilacRoseDark_css from "./themes/lilacRoseDark.css.js";
+import * as violetDark_css from "./themes/violetDark.css.js";
+export {
+  azureOrange_css as azureOrange,
+  bee_css as bee,
+  blackAndWhite_css as blackAndWhite,
+  brick_css as brick,
+  candy_css as candy,
+  coldGray_css as coldGray,
+  counterStrike_css as counterStrike,
+  eggplant_css as eggplant,
+  highContrast_css as highContrast,
+  lilac_css as lilac,
+  lilacRoseDark_css as lilacRoseDark,
+  maple_css as maple,
+  marine_css as marine,
+  matrix_css as matrix,
+  millenium_css as millenium,
+  modernDark_css as modernDark,
+  molecule_css as molecule,
+  ninjaTurtles_css as ninjaTurtles,
+  olive_css as olive,
+  pamelaAnderson_css as pamelaAnderson,
+  plum_css as plum,
+  rainyDay_css as rainyDay,
+  rose_css as rose,
+  slate_css as slate,
+  spruce_css as spruce,
+  storm_css as storm,
+  theSixtiesUSA_css as theSixtiesUSA,
+  tokyoDark_css as tokyoDark,
+  tooSexy_css as tooSexy,
+  travel_css as travel,
+  vaporTeal_css as vaporTeal,
+  vermillion_css as vermillion,
+  violetDark_css as violetDark,
+  water_css as water,
+  win95_css as win95
+};

package/esm/themes/azureOrange.css.js

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

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

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

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

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

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

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

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

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