@react95/core 9.3.1 → 9.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react95/core",
-  "version": "9.3.1",
+  "version": "9.4.0",
   "description": "Windows 95 styleguide",
   "main": "cjs/index.cjs",
   "type": "module",
@@ -15,6 +15,11 @@
         "default": "./cjs"
       }
     },
+    "./themes/tokens/*": {
+      "types": "./types/themes/tokens/*.d.ts",
+      "import": "./esm/themes/tokens/*.mjs",
+      "require": "./cjs/themes/tokens/*.cjs"
+    },
     "./themes/*.css": {
       "types": "./types/themes/all.d.ts",
       "import": "./esm/themes/*.css.ts.vanilla.css",
@@ -190,7 +195,7 @@
     "url": "https://github.com/React95/React95/issues"
   },
   "homepage": "https://github.com/React95/React95#readme",
-  "gitHead": "d234c14a02f7cdf2989242f6c667d62ba1bf9734",
+  "gitHead": "6d422de2fd08dbd0ac7242b29f329f5f5c010572",
   "module": "esm/index.mjs",
   "private": false,
   "types": "types/index.d.ts"

package/types/index.d.ts

@@ -21,4 +21,5 @@ import { Tooltip } from './Tooltip/Tooltip';
 import { TitleBar } from './TitleBar/TitleBar';
 import { Video } from './Video/Video';
 import { contract } from './themes/contract.css';
-export { Alert, Avatar, Button, Checkbox, Cursor, Dropdown, Fieldset, Frame, Input, List, Modal, ProgressBar, RadioButton, Range, Tab, Tabs, TaskBar, TextArea, Tree, Tooltip, TitleBar, Video, contract, };
+import * as tokens from './themes/tokens';
+export { Alert, Avatar, Button, Checkbox, Cursor, Dropdown, Fieldset, Frame, Input, List, Modal, ProgressBar, RadioButton, Range, Tab, Tabs, TaskBar, TextArea, Tree, Tooltip, TitleBar, Video, contract, tokens, };

package/types/themes/tokens/azureOrange.d.ts

@@ -0,0 +1,58 @@
+export declare const tokens: {
+    colors: {
+        anchor: string;
+        anchorVisited: string;
+        borderDark: string;
+        borderDarkest: string;
+        borderLight: string;
+        borderLighter: string;
+        borderLightest: string;
+        canvas: string;
+        canvasText: string;
+        headerBackground: string;
+        headerNotActiveBackground: string;
+        headerNotActiveText: string;
+        headerText: string;
+        material: string;
+        materialText: string;
+        materialTextDisabled: string;
+        materialTextDisabledShadow: string;
+        materialTextInvert: string;
+        progress: string;
+        inputBackground: string;
+        inputBackgroundDisabled: string;
+    };
+    shadows: {
+        out: string;
+        in: string;
+        input: string;
+    };
+    zIndices: {
+        modal: string;
+        tooltip: string;
+        taskbar: string;
+    };
+    space: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '13': string;
+        '14': string;
+        '15': string;
+        '16': string;
+        '17': string;
+        '18': string;
+        '19': string;
+        '20': string;
+    };
+};

package/types/themes/tokens/bee.d.ts

@@ -0,0 +1,58 @@
+export declare const tokens: {
+    colors: {
+        anchor: string;
+        anchorVisited: string;
+        borderDark: string;
+        borderDarkest: string;
+        borderLight: string;
+        borderLighter: string;
+        borderLightest: string;
+        canvas: string;
+        canvasText: string;
+        headerBackground: string;
+        headerNotActiveBackground: string;
+        headerNotActiveText: string;
+        headerText: string;
+        material: string;
+        materialText: string;
+        materialTextDisabled: string;
+        materialTextDisabledShadow: string;
+        materialTextInvert: string;
+        progress: string;
+        inputBackground: string;
+        inputBackgroundDisabled: string;
+    };
+    shadows: {
+        out: string;
+        in: string;
+        input: string;
+    };
+    zIndices: {
+        modal: string;
+        tooltip: string;
+        taskbar: string;
+    };
+    space: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '13': string;
+        '14': string;
+        '15': string;
+        '16': string;
+        '17': string;
+        '18': string;
+        '19': string;
+        '20': string;
+    };
+};

package/types/themes/tokens/blackAndWhite.d.ts

@@ -0,0 +1,58 @@
+export declare const tokens: {
+    colors: {
+        anchor: string;
+        anchorVisited: string;
+        borderDark: string;
+        borderDarkest: string;
+        borderLight: string;
+        borderLighter: string;
+        borderLightest: string;
+        canvas: string;
+        canvasText: string;
+        headerBackground: string;
+        headerNotActiveBackground: string;
+        headerNotActiveText: string;
+        headerText: string;
+        material: string;
+        materialText: string;
+        materialTextDisabled: string;
+        materialTextDisabledShadow: string;
+        materialTextInvert: string;
+        progress: string;
+        inputBackground: string;
+        inputBackgroundDisabled: string;
+    };
+    shadows: {
+        out: string;
+        in: string;
+        input: string;
+    };
+    zIndices: {
+        modal: string;
+        tooltip: string;
+        taskbar: string;
+    };
+    space: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '13': string;
+        '14': string;
+        '15': string;
+        '16': string;
+        '17': string;
+        '18': string;
+        '19': string;
+        '20': string;
+    };
+};

package/types/themes/tokens/brick.d.ts

@@ -0,0 +1,58 @@
+export declare const tokens: {
+    colors: {
+        anchor: string;
+        anchorVisited: string;
+        borderDark: string;
+        borderDarkest: string;
+        borderLight: string;
+        borderLighter: string;
+        borderLightest: string;
+        canvas: string;
+        canvasText: string;
+        headerBackground: string;
+        headerNotActiveBackground: string;
+        headerNotActiveText: string;
+        headerText: string;
+        material: string;
+        materialText: string;
+        materialTextDisabled: string;
+        materialTextDisabledShadow: string;
+        materialTextInvert: string;
+        progress: string;
+        inputBackground: string;
+        inputBackgroundDisabled: string;
+    };
+    shadows: {
+        out: string;
+        in: string;
+        input: string;
+    };
+    zIndices: {
+        modal: string;
+        tooltip: string;
+        taskbar: string;
+    };
+    space: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '13': string;
+        '14': string;
+        '15': string;
+        '16': string;
+        '17': string;
+        '18': string;
+        '19': string;
+        '20': string;
+    };
+};

package/types/themes/tokens/candy.d.ts

@@ -0,0 +1,58 @@
+export declare const tokens: {
+    colors: {
+        anchor: string;
+        anchorVisited: string;
+        borderDark: string;
+        borderDarkest: string;
+        borderLight: string;
+        borderLighter: string;
+        borderLightest: string;
+        canvas: string;
+        canvasText: string;
+        headerBackground: string;
+        headerNotActiveBackground: string;
+        headerNotActiveText: string;
+        headerText: string;
+        material: string;
+        materialText: string;
+        materialTextDisabled: string;
+        materialTextDisabledShadow: string;
+        materialTextInvert: string;
+        progress: string;
+        inputBackground: string;
+        inputBackgroundDisabled: string;
+    };
+    shadows: {
+        out: string;
+        in: string;
+        input: string;
+    };
+    zIndices: {
+        modal: string;
+        tooltip: string;
+        taskbar: string;
+    };
+    space: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '13': string;
+        '14': string;
+        '15': string;
+        '16': string;
+        '17': string;
+        '18': string;
+        '19': string;
+        '20': string;
+    };
+};

package/types/themes/tokens/coldGray.d.ts

@@ -0,0 +1,58 @@
+export declare const tokens: {
+    colors: {
+        anchor: string;
+        anchorVisited: string;
+        borderDark: string;
+        borderDarkest: string;
+        borderLight: string;
+        borderLighter: string;
+        borderLightest: string;
+        canvas: string;
+        canvasText: string;
+        headerBackground: string;
+        headerNotActiveBackground: string;
+        headerNotActiveText: string;
+        headerText: string;
+        material: string;
+        materialText: string;
+        materialTextDisabled: string;
+        materialTextDisabledShadow: string;
+        materialTextInvert: string;
+        progress: string;
+        inputBackground: string;
+        inputBackgroundDisabled: string;
+    };
+    shadows: {
+        out: string;
+        in: string;
+        input: string;
+    };
+    zIndices: {
+        modal: string;
+        tooltip: string;
+        taskbar: string;
+    };
+    space: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '13': string;
+        '14': string;
+        '15': string;
+        '16': string;
+        '17': string;
+        '18': string;
+        '19': string;
+        '20': string;
+    };
+};

package/types/themes/tokens/counterStrike.d.ts

@@ -0,0 +1,58 @@
+export declare const tokens: {
+    colors: {
+        anchor: string;
+        anchorVisited: string;
+        borderDark: string;
+        borderDarkest: string;
+        borderLight: string;
+        borderLighter: string;
+        borderLightest: string;
+        canvas: string;
+        canvasText: string;
+        headerBackground: string;
+        headerNotActiveBackground: string;
+        headerNotActiveText: string;
+        headerText: string;
+        material: string;
+        materialText: string;
+        materialTextDisabled: string;
+        materialTextDisabledShadow: string;
+        materialTextInvert: string;
+        progress: string;
+        inputBackground: string;
+        inputBackgroundDisabled: string;
+    };
+    shadows: {
+        out: string;
+        in: string;
+        input: string;
+    };
+    zIndices: {
+        modal: string;
+        tooltip: string;
+        taskbar: string;
+    };
+    space: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '13': string;
+        '14': string;
+        '15': string;
+        '16': string;
+        '17': string;
+        '18': string;
+        '19': string;
+        '20': string;
+    };
+};

package/types/themes/tokens/eggplant.d.ts

@@ -0,0 +1,58 @@
+export declare const tokens: {
+    colors: {
+        anchor: string;
+        anchorVisited: string;
+        borderDark: string;
+        borderDarkest: string;
+        borderLight: string;
+        borderLighter: string;
+        borderLightest: string;
+        canvas: string;
+        canvasText: string;
+        headerBackground: string;
+        headerNotActiveBackground: string;
+        headerNotActiveText: string;
+        headerText: string;
+        material: string;
+        materialText: string;
+        materialTextDisabled: string;
+        materialTextDisabledShadow: string;
+        materialTextInvert: string;
+        progress: string;
+        inputBackground: string;
+        inputBackgroundDisabled: string;
+    };
+    shadows: {
+        out: string;
+        in: string;
+        input: string;
+    };
+    zIndices: {
+        modal: string;
+        tooltip: string;
+        taskbar: string;
+    };
+    space: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '13': string;
+        '14': string;
+        '15': string;
+        '16': string;
+        '17': string;
+        '18': string;
+        '19': string;
+        '20': string;
+    };
+};

package/types/themes/tokens/highContrast.d.ts

@@ -0,0 +1,58 @@
+export declare const tokens: {
+    colors: {
+        anchor: string;
+        anchorVisited: string;
+        borderDark: string;
+        borderDarkest: string;
+        borderLight: string;
+        borderLighter: string;
+        borderLightest: string;
+        canvas: string;
+        canvasText: string;
+        headerBackground: string;
+        headerNotActiveBackground: string;
+        headerNotActiveText: string;
+        headerText: string;
+        material: string;
+        materialText: string;
+        materialTextDisabled: string;
+        materialTextDisabledShadow: string;
+        materialTextInvert: string;
+        progress: string;
+        inputBackground: string;
+        inputBackgroundDisabled: string;
+    };
+    shadows: {
+        out: string;
+        in: string;
+        input: string;
+    };
+    zIndices: {
+        modal: string;
+        tooltip: string;
+        taskbar: string;
+    };
+    space: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '13': string;
+        '14': string;
+        '15': string;
+        '16': string;
+        '17': string;
+        '18': string;
+        '19': string;
+        '20': string;
+    };
+};

package/types/themes/tokens/index.d.ts

@@ -0,0 +1,35 @@
+export { tokens as azureOrange } from './azureOrange';
+export { tokens as bee } from './bee';
+export { tokens as blackAndWhite } from './blackAndWhite';
+export { tokens as brick } from './brick';
+export { tokens as candy } from './candy';
+export { tokens as coldGray } from './coldGray';
+export { tokens as counterStrike } from './counterStrike';
+export { tokens as eggplant } from './eggplant';
+export { tokens as highContrast } from './highContrast';
+export { tokens as lilac } from './lilac';
+export { tokens as lilacRoseDark } from './lilacRoseDark';
+export { tokens as maple } from './maple';
+export { tokens as marine } from './marine';
+export { tokens as matrix } from './matrix';
+export { tokens as millenium } from './millenium';
+export { tokens as modernDark } from './modernDark';
+export { tokens as molecule } from './molecule';
+export { tokens as ninjaTurtles } from './ninjaTurtles';
+export { tokens as olive } from './olive';
+export { tokens as pamelaAnderson } from './pamelaAnderson';
+export { tokens as plum } from './plum';
+export { tokens as rainyDay } from './rainyDay';
+export { tokens as rose } from './rose';
+export { tokens as slate } from './slate';
+export { tokens as spruce } from './spruce';
+export { tokens as storm } from './storm';
+export { tokens as theSixtiesUSA } from './theSixtiesUSA';
+export { tokens as tokyoDark } from './tokyoDark';
+export { tokens as tooSexy } from './tooSexy';
+export { tokens as travel } from './travel';
+export { tokens as vaporTeal } from './vaporTeal';
+export { tokens as vermillion } from './vermillion';
+export { tokens as violetDark } from './violetDark';
+export { tokens as water } from './water';
+export { tokens as win95 } from './win95';

package/types/themes/tokens/lilac.d.ts

@@ -0,0 +1,58 @@
+export declare const tokens: {
+    colors: {
+        anchor: string;
+        anchorVisited: string;
+        borderDark: string;
+        borderDarkest: string;
+        borderLight: string;
+        borderLighter: string;
+        borderLightest: string;
+        canvas: string;
+        canvasText: string;
+        headerBackground: string;
+        headerNotActiveBackground: string;
+        headerNotActiveText: string;
+        headerText: string;
+        material: string;
+        materialText: string;
+        materialTextDisabled: string;
+        materialTextDisabledShadow: string;
+        materialTextInvert: string;
+        progress: string;
+        inputBackground: string;
+        inputBackgroundDisabled: string;
+    };
+    shadows: {
+        out: string;
+        in: string;
+        input: string;
+    };
+    zIndices: {
+        modal: string;
+        tooltip: string;
+        taskbar: string;
+    };
+    space: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '13': string;
+        '14': string;
+        '15': string;
+        '16': string;
+        '17': string;
+        '18': string;
+        '19': string;
+        '20': string;
+    };
+};