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

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

@@ -1,36 +1,2 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { createTheme } from '@vanilla-extract/css';
-import { theme, generateShadows } from './baseTheme.css';
-import { contract } from './contract.css';
-var colors = {
-  anchor: '#8d88c2',
-  anchorVisited: '#440381',
-  borderDark: '#5b57a1',
-  borderDarkest: '#010601',
-  borderLight: '#a4a7c8',
-  borderLighter: '#cccee0',
-  borderLightest: '#e2e4ed',
-  canvas: '#3B3D64',
-  canvasText: '#050608',
-  headerBackground: '#3B3D64',
-  headerNotActiveBackground: '#6063a5',
-  headerNotActiveText: '#a1a3ca',
-  headerText: '#e2e4ed',
-  material: '#a1a3ca',
-  materialText: '#010601',
-  materialTextDisabled: '#5b57a1',
-  materialTextDisabledShadow: '#c7c7df',
-  materialTextInvert: '#e2e4ed',
-  progress: '#8d88c2',
-  inputBackground: '#ffffff',
-  inputBackgroundDisabled: '#a4a7c8'
-};
-export var coldGray = createTheme(contract, _objectSpread(_objectSpread({}, theme), {}, {
-  colors: colors,
-  shadows: generateShadows(colors)
-}));
+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

@@ -1,36 +1,2 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { createTheme } from '@vanilla-extract/css';
-import { theme, generateShadows } from './baseTheme.css';
-import { contract } from './contract.css';
-var colors = {
-  anchor: '#1034a6',
-  anchorVisited: '#440381',
-  borderDark: '#2c3125',
-  borderDarkest: '#0a0a0a',
-  borderLight: '#5d6d54',
-  borderLighter: '#a4b39c',
-  borderLightest: '#ccd5c8',
-  canvas: '#3e4639',
-  canvasText: '#f6fbf5',
-  headerBackground: '#4b5844',
-  headerNotActiveBackground: '#4b5844',
-  headerNotActiveText: '#74806e',
-  headerText: '#fefefe',
-  material: '#4b5844',
-  materialText: '#f6fbf5',
-  materialTextDisabled: '#2c3125',
-  materialTextDisabledShadow: '#788475',
-  materialTextInvert: '#fefefe',
-  progress: '#978830',
-  inputBackground: '#4b5844',
-  inputBackgroundDisabled: '#2c3125'
-};
-export var counterStrike = createTheme(contract, _objectSpread(_objectSpread({}, theme), {}, {
-  colors: colors,
-  shadows: generateShadows(colors)
-}));
+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

@@ -1,36 +1,2 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { createTheme } from '@vanilla-extract/css';
-import { theme, generateShadows } from './baseTheme.css';
-import { contract } from './contract.css';
-var colors = {
-  anchor: '#1034a6',
-  anchorVisited: '#440381',
-  borderDark: '#526d67',
-  borderDarkest: '#050608',
-  borderLight: '#a2c7c0',
-  borderLighter: '#cbe0dc',
-  borderLightest: '#e2edeb',
-  canvas: '#000000',
-  canvasText: '#050608',
-  headerBackground: '#4b8178',
-  headerNotActiveBackground: '#89b0a8',
-  headerNotActiveText: '#4b8178',
-  headerText: '#ffffff',
-  material: '#89b0a8',
-  materialText: '#050608',
-  materialTextDisabled: '#526d67',
-  materialTextDisabledShadow: '#cee8e3',
-  materialTextInvert: '#ffffff',
-  progress: '#4b8178',
-  inputBackground: '#ffffff',
-  inputBackgroundDisabled: '#a2c7c0'
-};
-export var eggplant = createTheme(contract, _objectSpread(_objectSpread({}, theme), {}, {
-  colors: colors,
-  shadows: generateShadows(colors)
-}));
+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.js

@@ -1,36 +1,2 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { createTheme } from '@vanilla-extract/css';
-import { theme, generateShadows } from './baseTheme.css';
-import { contract } from './contract.css';
-var colors = {
-  anchor: '#1034a6',
-  anchorVisited: '#440381',
-  borderDark: '#888c8f',
-  borderDarkest: '#ffffff',
-  borderLight: '#dfe0e3',
-  borderLighter: '#ededef',
-  borderLightest: '#f5f5f6',
-  canvas: '#353535',
-  canvasText: '#ffffff',
-  headerBackground: '#8e0284',
-  headerNotActiveBackground: '#7f7f7f',
-  headerNotActiveText: '#ced0cf',
-  headerText: '#ffffff',
-  material: '#000000',
-  materialText: '#ffffff',
-  materialTextDisabled: '#888c8f',
-  materialTextDisabledShadow: '#ffffff',
-  materialTextInvert: '#ffffff',
-  progress: '#8e0284',
-  inputBackground: '#353535',
-  inputBackgroundDisabled: '#dfe0e3'
-};
-export var highContrast = createTheme(contract, _objectSpread(_objectSpread({}, theme), {}, {
-  colors: colors,
-  shadows: generateShadows(colors)
-}));
+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

@@ -1,36 +1,2 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { createTheme } from '@vanilla-extract/css';
-import { theme, generateShadows } from './baseTheme.css';
-import { contract } from './contract.css';
-var colors = {
-  anchor: '#1034a6',
-  anchorVisited: '#440381',
-  borderDark: '#5f549b',
-  borderDarkest: '#1c1449',
-  borderLight: '#bcb4e9',
-  borderLighter: '#dad5f2',
-  borderLightest: '#eae7f7',
-  canvas: '#ffffff',
-  canvasText: '#050608',
-  headerBackground: '#5e4dba',
-  headerNotActiveBackground: '#7f7f81',
-  headerNotActiveText: '#ced0cf',
-  headerText: '#ffffff',
-  material: '#b1a7df',
-  materialText: '#050608',
-  materialTextDisabled: '#5f549b',
-  materialTextDisabledShadow: '#ffffff',
-  materialTextInvert: '#ffffff',
-  progress: '#5e4dba',
-  inputBackground: '#ffffff',
-  inputBackgroundDisabled: '#bcb4e9'
-};
-export var lilac = createTheme(contract, _objectSpread(_objectSpread({}, theme), {}, {
-  colors: colors,
-  shadows: generateShadows(colors)
-}));
+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

@@ -1,36 +1,2 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { createTheme } from '@vanilla-extract/css';
-import { theme, generateShadows } from './baseTheme.css';
-import { contract } from './contract.css';
-var colors = {
-  anchor: '#a65387',
-  anchorVisited: '#440381',
-  borderDark: '#7F3163',
-  borderDarkest: '#190000',
-  borderLight: '#E597C9',
-  borderLighter: '#f0c5e1',
-  borderLightest: '#f6dfee',
-  canvas: '#000000',
-  canvasText: '#f6dfee',
-  headerBackground: '#4C0030',
-  headerNotActiveBackground: '#763a60',
-  headerNotActiveText: '#b26496',
-  headerText: '#dab1c7',
-  material: '#b26496',
-  materialText: '#000000',
-  materialTextDisabled: '#82416d',
-  materialTextDisabledShadow: '#ecbfe3',
-  materialTextInvert: '#ecbfe3',
-  progress: '#713259',
-  inputBackground: '#ffffff',
-  inputBackgroundDisabled: '#E597C9'
-};
-export var lilacRoseDark = createTheme(contract, _objectSpread(_objectSpread({}, theme), {}, {
-  colors: colors,
-  shadows: generateShadows(colors)
-}));
+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;
+}