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

package/esm/themes/water.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: #72b3b4;
+  --r95-color-anchorVisited: #440381;
+  --r95-color-borderDark: #888c8f;
+  --r95-color-borderDarkest: #050608;
+  --r95-color-borderLight: #dfe0e3;
+  --r95-color-borderLighter: #ededef;
+  --r95-color-borderLightest: #f5f5f6;
+  --r95-color-canvas: #050608;
+  --r95-color-canvasText: #ffffff;
+  --r95-color-headerBackground: #72b3b4;
+  --r95-color-headerNotActiveBackground: #9a9e9c;
+  --r95-color-headerNotActiveText: #ced0cf;
+  --r95-color-headerText: #ffffff;
+  --r95-color-material: #ced0cf;
+  --r95-color-materialText: #050608;
+  --r95-color-materialTextDisabled: #888c8f;
+  --r95-color-materialTextDisabledShadow: #ffffff;
+  --r95-color-materialTextInvert: #ffffff;
+  --r95-color-progress: #72b3b4;
+  --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 #050608,
+          0px 1px 0 0px #050608,
+          1px 1px 0 0px #050608;
+  --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 #ced0cf,
+            inset 1px 1px 0 0 #050608,
+            0.5px 0.5px 0 0.5px #f5f5f6;
+}

package/esm/themes/win95.css.mjs

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

package/esm/themes/win95.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: #000e7a;
+  --r95-color-anchorVisited: #440381;
+  --r95-color-borderDark: #868a8e;
+  --r95-color-borderDarkest: #000000;
+  --r95-color-borderLight: #d2d2d2;
+  --r95-color-borderLighter: #e6e6e6;
+  --r95-color-borderLightest: #ffffff;
+  --r95-color-canvas: #000000;
+  --r95-color-canvasText: #ffffff;
+  --r95-color-headerBackground: #000e7a;
+  --r95-color-headerNotActiveBackground: #7f787f;
+  --r95-color-headerNotActiveText: #c6c6c6;
+  --r95-color-headerText: #fefefe;
+  --r95-color-material: #c3c7cb;
+  --r95-color-materialText: #000000;
+  --r95-color-materialTextDisabled: #868a8e;
+  --r95-color-materialTextDisabledShadow: #d2d2d2;
+  --r95-color-materialTextInvert: #ffffff;
+  --r95-color-progress: #000e7a;
+  --r95-color-inputBackground: #ffffff;
+  --r95-color-inputBackgroundDisabled: #d2d2d2;
+  --r95-shadow-out: inset 0.5px 0.5px 0px 0.5px #ffffff,
+          inset 0 0 0 1px #868a8e,
+          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 #868a8e,
+        0.5px 0.5px 0px 0.5px #ffffff;
+  --r95-shadow-input: inset -1px -1px 0 0 #c3c7cb,
+            inset 1px 1px 0 0 #000000,
+            0.5px 0.5px 0 0.5px #ffffff;
+}

package/esm/themes.mjs

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

@@ -1,8 +1,25 @@
 {
   "name": "@react95/core",
-  "version": "8.0.0-alpha.0",
+  "version": "8.0.0-alpha.10",
   "description": "Windows 95 styleguide",
-  "main": "./cjs",
+  "main": "cjs/index.cjs",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./esm",
+      "require": "./cjs"
+    },
+    "./themes/*.css": {
+      "types": "./types/themes/all.d.ts",
+      "import": "./esm/themes/*.css.mjs",
+      "require": "./cjs/themes/*.css.cjs"
+    },
+    "./GlobalStyle": {
+      "import": "./esm/GlobalStyle.mjs",
+      "require": "./cjs/GlobalStyle.cjs"
+    }
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/React95/React95.git",
@@ -12,8 +29,11 @@
   "license": "MIT",
   "dependencies": {
     "@react95/icons": "^2.1.1",
+    "@vanilla-extract/dynamic": "^2.1.0",
+    "@vanilla-extract/recipes": "^0.5.1",
     "classnames": "^2.5.1",
     "nanoid": "^3.3.1",
+    "rainbow-sprinkles": "^0.17.1",
     "react-draggable": "^4.4.4"
   },
   "peerDependencies": {
@@ -28,8 +48,15 @@
   "sideEffects": [
     "**/*.{woff2,woff,ttf,eot}"
   ],
-  "gitHead": "f6d40f0c6189989ffe7704c9cb625cffd981efd7",
-  "module": "./esm",
+  "keywords": [
+    "React95",
+    "windows95",
+    "w95",
+    "nostalgic",
+    "design-system"
+  ],
+  "gitHead": "2fe5ce2a0b216ee120f3e2ad8756cc505d32b3c3",
+  "module": "esm/index.mjs",
   "private": false,
-  "types": "@types"
+  "types": "types/index.d.ts"
 }