@react95/core 9.3.2 → 9.4.1

package/esm/TitleBar/TitleBar.css.ts.vanilla.css

@@ -32,7 +32,6 @@
 }
 .r95_1kpzw682 {
   height: var(--r95-space-20);
-  margin-bottom: var(--r95-space-2);
   padding: var(--r95-space-2);
   display: flex;
   box-shadow: none;

package/esm/index.mjs

@@ -21,6 +21,7 @@ import { Tooltip } from "./Tooltip/Tooltip.mjs";
 import { TitleBar } from "./TitleBar/TitleBar.mjs";
 import { Video } from "./Video/Video.mjs";
 import { contract } from "./themes/contract.css.mjs";
+import * as index from "./themes/tokens/index.mjs";
 export {
   Alert,
   Avatar,
@@ -44,5 +45,6 @@ export {
   Tooltip,
   Tree,
   Video,
-  contract
+  contract,
+  index as tokens
 };

package/esm/themes/baseTheme.mjs

@@ -0,0 +1,76 @@
+const space = {
+  "0": "0px",
+  "1": "1px",
+  "2": "2px",
+  "3": "3px",
+  "4": "4px",
+  "5": "5px",
+  "6": "6px",
+  "7": "7px",
+  "8": "8px",
+  "9": "9px",
+  "10": "10px",
+  "11": "11px",
+  "12": "12px",
+  "13": "13px",
+  "14": "14px",
+  "15": "15px",
+  "16": "16px",
+  "17": "17px",
+  "18": "18px",
+  "19": "19px",
+  "20": "20px"
+};
+const colors = {
+  anchor: "",
+  anchorVisited: "",
+  borderDark: "",
+  borderDarkest: "",
+  borderLight: "",
+  borderLighter: "",
+  borderLightest: "",
+  canvas: "",
+  canvasText: "",
+  headerBackground: "",
+  headerNotActiveBackground: "",
+  headerNotActiveText: "",
+  headerText: "",
+  material: "",
+  materialText: "",
+  materialTextDisabled: "",
+  materialTextDisabledShadow: "",
+  materialTextInvert: "",
+  progress: "",
+  inputBackground: "",
+  inputBackgroundDisabled: ""
+};
+const zIndices = {
+  modal: "2",
+  tooltip: "3",
+  taskbar: "3"
+};
+const generateShadows = (colors2) => {
+  return {
+    out: `inset 0.5px 0.5px 0px 0.5px ${colors2.borderLightest},
+          inset 0 0 0 1px ${colors2.borderDark},
+          1px 0px 0 0px ${colors2.borderDarkest},
+          0px 1px 0 0px ${colors2.borderDarkest},
+          1px 1px 0 0px ${colors2.borderDarkest}`,
+    in: `inset 0px 0px 0px 0px,
+        inset 1px 1px 0px 0px ${colors2.borderDark},
+        0.5px 0.5px 0px 0.5px ${colors2.borderLightest}`,
+    input: `inset -1px -1px 0 0 ${colors2.material},
+            inset 1px 1px 0 0 ${colors2.borderDarkest},
+            0.5px 0.5px 0 0.5px ${colors2.borderLightest}`
+  };
+};
+const theme = {
+  zIndices,
+  space,
+  colors
+};
+export {
+  generateShadows,
+  theme,
+  zIndices
+};

package/esm/themes/tokens/azureOrange.mjs

@@ -0,0 +1,32 @@
+import { theme, generateShadows } from "../baseTheme.mjs";
+const colors = {
+  anchor: "#1034a6",
+  anchorVisited: "#440381",
+  borderDark: "#05427f",
+  borderDarkest: "#000000",
+  borderLight: "#2b8fff",
+  borderLighter: "#8ac1ff",
+  borderLightest: "#bedcff",
+  canvas: "#000000",
+  canvasText: "#ffffff",
+  headerBackground: "#171123",
+  headerNotActiveBackground: "#4E6766",
+  headerNotActiveText: "#0180ff",
+  headerText: "#ffffff",
+  material: "#0180ff",
+  materialText: "#000000",
+  materialTextDisabled: "#05427f",
+  materialTextDisabledShadow: "#7ebfff",
+  materialTextInvert: "#ffffff",
+  progress: "#F46036",
+  inputBackground: "#ffffff",
+  inputBackgroundDisabled: "#2b8fff"
+};
+const tokens = {
+  ...theme,
+  colors,
+  shadows: generateShadows(colors)
+};
+export {
+  tokens
+};

package/esm/themes/tokens/bee.mjs

@@ -0,0 +1,32 @@
+import { theme, generateShadows } from "../baseTheme.mjs";
+const colors = {
+  anchor: "#1034a6",
+  anchorVisited: "#440381",
+  borderDark: "#846d06",
+  borderDarkest: "#0C1618",
+  borderLight: "#e7c221",
+  borderLighter: "#f1dd84",
+  borderLightest: "#f7ecbb",
+  canvas: "#0C1618",
+  canvasText: "#ffffff",
+  headerBackground: "#0C1618",
+  headerNotActiveBackground: "#7F7B82",
+  headerNotActiveText: "#e5bd03",
+  headerText: "#f8df6e",
+  material: "#e5bd03",
+  materialText: "#0C1618",
+  materialTextDisabled: "#846d06",
+  materialTextDisabledShadow: "#f8df6e",
+  materialTextInvert: "#ffffff",
+  progress: "#0C1618",
+  inputBackground: "#ffffff",
+  inputBackgroundDisabled: "#e7c221"
+};
+const tokens = {
+  ...theme,
+  colors,
+  shadows: generateShadows(colors)
+};
+export {
+  tokens
+};

package/esm/themes/tokens/blackAndWhite.mjs

@@ -0,0 +1,32 @@
+import { theme, generateShadows } from "../baseTheme.mjs";
+const colors = {
+  anchor: "#1034a6",
+  anchorVisited: "#440381",
+  borderDark: "#888c8f",
+  borderDarkest: "#000000",
+  borderLight: "#dfe0e3",
+  borderLighter: "#ededef",
+  borderLightest: "#f5f5f6",
+  canvas: "#000000",
+  canvasText: "#ffffff",
+  headerBackground: "#000000",
+  headerNotActiveBackground: "#ffffff",
+  headerNotActiveText: "#000000",
+  headerText: "#ffffff",
+  material: "#ffffff",
+  materialText: "#000000",
+  materialTextDisabled: "#888c8f",
+  materialTextDisabledShadow: "#ffffff",
+  materialTextInvert: "#ffffff",
+  progress: "#000000",
+  inputBackground: "#ffffff",
+  inputBackgroundDisabled: "#dfe0e3"
+};
+const tokens = {
+  ...theme,
+  colors,
+  shadows: generateShadows(colors)
+};
+export {
+  tokens
+};

package/esm/themes/tokens/brick.mjs

@@ -0,0 +1,32 @@
+import { theme, generateShadows } from "../baseTheme.mjs";
+const colors = {
+  anchor: "#1034a6",
+  anchorVisited: "#440381",
+  borderDark: "#6c684b",
+  borderDarkest: "#020000",
+  borderLight: "#e2ddc9",
+  borderLighter: "#efece1",
+  borderLightest: "#f6f4ee",
+  canvas: "#ffffff",
+  canvasText: "#020000",
+  headerBackground: "#8e0101",
+  headerNotActiveBackground: "#90885c",
+  headerNotActiveText: "#c2bfa3",
+  headerText: "#ffffff",
+  material: "#c2bfa3",
+  materialText: "#020000",
+  materialTextDisabled: "#6c684b",
+  materialTextDisabledShadow: "#ffffff",
+  materialTextInvert: "#ffffff",
+  progress: "#8e0101",
+  inputBackground: "#ffffff",
+  inputBackgroundDisabled: "#e2ddc9"
+};
+const tokens = {
+  ...theme,
+  colors,
+  shadows: generateShadows(colors)
+};
+export {
+  tokens
+};

package/esm/themes/tokens/candy.mjs

@@ -0,0 +1,32 @@
+import { theme, generateShadows } from "../baseTheme.mjs";
+const colors = {
+  anchor: "#1034a6",
+  anchorVisited: "#440381",
+  borderDark: "#d1579e",
+  borderDarkest: "#44132f",
+  borderLight: "#f1acd5",
+  borderLighter: "#f7d1e7",
+  borderLightest: "#fae5f1",
+  canvas: "#EFF1F3",
+  canvasText: "#000000",
+  headerBackground: "#87255B",
+  headerNotActiveBackground: "#a08796",
+  headerNotActiveText: "#EBD2BE",
+  headerText: "#EFF1F3",
+  material: "#E5A4CB",
+  materialText: "#000000",
+  materialTextDisabled: "#d1579e",
+  materialTextDisabledShadow: "#EFF1F3",
+  materialTextInvert: "#EFF1F3",
+  progress: "#256EFF",
+  inputBackground: "#ffffff",
+  inputBackgroundDisabled: "#f1acd5"
+};
+const tokens = {
+  ...theme,
+  colors,
+  shadows: generateShadows(colors)
+};
+export {
+  tokens
+};

package/esm/themes/tokens/coldGray.mjs

@@ -0,0 +1,32 @@
+import { theme, generateShadows } from "../baseTheme.mjs";
+const 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"
+};
+const tokens = {
+  ...theme,
+  colors,
+  shadows: generateShadows(colors)
+};
+export {
+  tokens
+};

package/esm/themes/tokens/counterStrike.mjs

@@ -0,0 +1,32 @@
+import { theme, generateShadows } from "../baseTheme.mjs";
+const 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"
+};
+const tokens = {
+  ...theme,
+  colors,
+  shadows: generateShadows(colors)
+};
+export {
+  tokens
+};

package/esm/themes/tokens/eggplant.mjs

@@ -0,0 +1,32 @@
+import { theme, generateShadows } from "../baseTheme.mjs";
+const 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"
+};
+const tokens = {
+  ...theme,
+  colors,
+  shadows: generateShadows(colors)
+};
+export {
+  tokens
+};

package/esm/themes/tokens/highContrast.mjs

@@ -0,0 +1,32 @@
+import { theme, generateShadows } from "../baseTheme.mjs";
+const 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"
+};
+const tokens = {
+  ...theme,
+  colors,
+  shadows: generateShadows(colors)
+};
+export {
+  tokens
+};

package/esm/themes/tokens/index.mjs

@@ -0,0 +1,72 @@
+import { tokens } from "./azureOrange.mjs";
+import { tokens as tokens2 } from "./bee.mjs";
+import { tokens as tokens3 } from "./blackAndWhite.mjs";
+import { tokens as tokens4 } from "./brick.mjs";
+import { tokens as tokens5 } from "./candy.mjs";
+import { tokens as tokens6 } from "./coldGray.mjs";
+import { tokens as tokens7 } from "./counterStrike.mjs";
+import { tokens as tokens8 } from "./eggplant.mjs";
+import { tokens as tokens9 } from "./highContrast.mjs";
+import { tokens as tokens10 } from "./lilac.mjs";
+import { tokens as tokens11 } from "./lilacRoseDark.mjs";
+import { tokens as tokens12 } from "./maple.mjs";
+import { tokens as tokens13 } from "./marine.mjs";
+import { tokens as tokens14 } from "./matrix.mjs";
+import { tokens as tokens15 } from "./millenium.mjs";
+import { tokens as tokens16 } from "./modernDark.mjs";
+import { tokens as tokens17 } from "./molecule.mjs";
+import { tokens as tokens18 } from "./ninjaTurtles.mjs";
+import { tokens as tokens19 } from "./olive.mjs";
+import { tokens as tokens20 } from "./pamelaAnderson.mjs";
+import { tokens as tokens21 } from "./plum.mjs";
+import { tokens as tokens22 } from "./rainyDay.mjs";
+import { tokens as tokens23 } from "./rose.mjs";
+import { tokens as tokens24 } from "./slate.mjs";
+import { tokens as tokens25 } from "./spruce.mjs";
+import { tokens as tokens26 } from "./storm.mjs";
+import { tokens as tokens27 } from "./theSixtiesUSA.mjs";
+import { tokens as tokens28 } from "./tokyoDark.mjs";
+import { tokens as tokens29 } from "./tooSexy.mjs";
+import { tokens as tokens30 } from "./travel.mjs";
+import { tokens as tokens31 } from "./vaporTeal.mjs";
+import { tokens as tokens32 } from "./vermillion.mjs";
+import { tokens as tokens33 } from "./violetDark.mjs";
+import { tokens as tokens34 } from "./water.mjs";
+import { tokens as tokens35 } from "./win95.mjs";
+export {
+  tokens as azureOrange,
+  tokens2 as bee,
+  tokens3 as blackAndWhite,
+  tokens4 as brick,
+  tokens5 as candy,
+  tokens6 as coldGray,
+  tokens7 as counterStrike,
+  tokens8 as eggplant,
+  tokens9 as highContrast,
+  tokens10 as lilac,
+  tokens11 as lilacRoseDark,
+  tokens12 as maple,
+  tokens13 as marine,
+  tokens14 as matrix,
+  tokens15 as millenium,
+  tokens16 as modernDark,
+  tokens17 as molecule,
+  tokens18 as ninjaTurtles,
+  tokens19 as olive,
+  tokens20 as pamelaAnderson,
+  tokens21 as plum,
+  tokens22 as rainyDay,
+  tokens23 as rose,
+  tokens24 as slate,
+  tokens25 as spruce,
+  tokens26 as storm,
+  tokens27 as theSixtiesUSA,
+  tokens28 as tokyoDark,
+  tokens29 as tooSexy,
+  tokens30 as travel,
+  tokens31 as vaporTeal,
+  tokens32 as vermillion,
+  tokens33 as violetDark,
+  tokens34 as water,
+  tokens35 as win95
+};

package/esm/themes/tokens/lilac.mjs

@@ -0,0 +1,32 @@
+import { theme, generateShadows } from "../baseTheme.mjs";
+const 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"
+};
+const tokens = {
+  ...theme,
+  colors,
+  shadows: generateShadows(colors)
+};
+export {
+  tokens
+};

package/esm/themes/tokens/lilacRoseDark.mjs

@@ -0,0 +1,32 @@
+import { theme, generateShadows } from "../baseTheme.mjs";
+const 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"
+};
+const tokens = {
+  ...theme,
+  colors,
+  shadows: generateShadows(colors)
+};
+export {
+  tokens
+};

package/esm/themes/tokens/maple.mjs

@@ -0,0 +1,32 @@
+import { theme, generateShadows } from "../baseTheme.mjs";
+const colors = {
+  anchor: "#1034a6",
+  anchorVisited: "#440381",
+  borderDark: "#ab9042",
+  borderDarkest: "#2a1801",
+  borderLight: "#f5e2bb",
+  borderLighter: "#f9efd9",
+  borderLightest: "#fbf6ea",
+  canvas: "#2a1801",
+  canvasText: "#ffffff",
+  headerBackground: "#8e0101",
+  headerNotActiveBackground: "#a1a0a5",
+  headerNotActiveText: "#f5e2bb",
+  headerText: "#ffffff",
+  material: "#e5cc90",
+  materialText: "#2a1801",
+  materialTextDisabled: "#ab9042",
+  materialTextDisabledShadow: "#ffffff",
+  materialTextInvert: "#ffffff",
+  progress: "#8e0101",
+  inputBackground: "#ffffff",
+  inputBackgroundDisabled: "#f5e2bb"
+};
+const tokens = {
+  ...theme,
+  colors,
+  shadows: generateShadows(colors)
+};
+export {
+  tokens
+};

package/esm/themes/tokens/marine.mjs

@@ -0,0 +1,32 @@
+import { theme, generateShadows } from "../baseTheme.mjs";
+const colors = {
+  anchor: "#1034a6",
+  anchorVisited: "#440381",
+  borderDark: "#3c8d88",
+  borderDarkest: "#050608",
+  borderLight: "#98d2cb",
+  borderLighter: "#c6e6e2",
+  borderLightest: "#dff1ef",
+  canvas: "#050608",
+  canvasText: "#c3e2da",
+  headerBackground: "#000080",
+  headerNotActiveBackground: "#7f7f7f",
+  headerNotActiveText: "#ced0cf",
+  headerText: "#ffffff",
+  material: "#75c1ba",
+  materialText: "#050608",
+  materialTextDisabled: "#3c8d88",
+  materialTextDisabledShadow: "#ffffff",
+  materialTextInvert: "#ffffff",
+  progress: "#000080",
+  inputBackground: "#ffffff",
+  inputBackgroundDisabled: "#98d2cb"
+};
+const tokens = {
+  ...theme,
+  colors,
+  shadows: generateShadows(colors)
+};
+export {
+  tokens
+};

package/esm/themes/tokens/matrix.mjs

@@ -0,0 +1,32 @@
+import { theme, generateShadows } from "../baseTheme.mjs";
+const colors = {
+  anchor: "#1034a6",
+  anchorVisited: "#440381",
+  borderDark: "#282828",
+  borderDarkest: "#000000",
+  borderLight: "#656565",
+  borderLighter: "#aaaaaa",
+  borderLightest: "#d0d0d0",
+  canvas: "#000000",
+  canvasText: "#c0c0c0",
+  headerBackground: "#000000",
+  headerNotActiveBackground: "#7f7f7f",
+  headerNotActiveText: "#535353",
+  headerText: "#a7a7a7",
+  material: "#535353",
+  materialText: "#35FF69",
+  materialTextDisabled: "#282828",
+  materialTextDisabledShadow: "#a7a7a7",
+  materialTextInvert: "#ffffff",
+  progress: "#000000",
+  inputBackground: "#ffffff",
+  inputBackgroundDisabled: "#656565"
+};
+const tokens = {
+  ...theme,
+  colors,
+  shadows: generateShadows(colors)
+};
+export {
+  tokens
+};

package/esm/themes/tokens/millenium.mjs

@@ -0,0 +1,32 @@
+import { theme, generateShadows } from "../baseTheme.mjs";
+const colors = {
+  anchor: "#1034a6",
+  anchorVisited: "#440381",
+  borderDark: "#828282",
+  borderDarkest: "black",
+  borderLight: "#e5e5e5",
+  borderLighter: "#f0f0f0",
+  borderLightest: "#f6f6f6",
+  canvas: "black",
+  canvasText: "#ffffff",
+  headerBackground: "linear-gradient(to right, #012470, #a5c7e7)",
+  headerNotActiveBackground: "#7f7f7f",
+  headerNotActiveText: "#d6cfc7",
+  headerText: "#ffffff",
+  material: "#d6cfc7",
+  materialText: "black",
+  materialTextDisabled: "#828282",
+  materialTextDisabledShadow: "#ffffff",
+  materialTextInvert: "#ffffff",
+  progress: "#00256e",
+  inputBackground: "#ffffff",
+  inputBackgroundDisabled: "#e5e5e5"
+};
+const tokens = {
+  ...theme,
+  colors,
+  shadows: generateShadows(colors)
+};
+export {
+  tokens
+};