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

package/@types/Modal/Modal.d.ts

@@ -1,7 +1,7 @@
 /// <reference path="../../../../../types/draggable.d.ts" />
 import * as React from 'react';
 import { DraggableProps } from 'react-draggable';
-import List from '../List';
+import { List } from '../List/List';
 import { FrameProps } from '../Frame/Frame';
 export type ModalButtons = {
     value: string;

package/@types/Modal/ModalContext.d.ts

@@ -12,5 +12,4 @@ export interface IModalContextProps {
     setActiveWindow(title: string): void;
     activeWindow?: string;
 }
-declare const ModalContext: import("react").Context<IModalContextProps>;
-export default ModalContext;
+export declare const ModalContext: import("react").Context<IModalContextProps>;

package/@types/Modal/ModalProvider.d.ts

@@ -1,4 +1,3 @@
 import * as React from 'react';
 export type ModalProviderProps = {};
-declare const ModalProvider: React.FC<React.PropsWithChildren<ModalProviderProps>>;
-export default ModalProvider;
+export declare const ModalProvider: React.FC<React.PropsWithChildren<ModalProviderProps>>;

package/@types/TaskBar/TaskBar.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import List from '../List';
+import { List } from '../List/List';
 export type TaskBarProps = {
     list?: React.ReactElement<typeof List>;
 };

package/@types/Tree/Node.d.ts

@@ -18,6 +18,5 @@ export type NodeProps = {
     onClick?(event: React.MouseEvent | React.KeyboardEvent, props: NodeProps): void;
 } & Omit<FrameProps, 'id' | 'children'>;
 export type NodeRootProps = Omit<NodeProps, 'children'>;
-declare const Node: React.FC<NodeProps>;
+export declare const Node: React.FC<NodeProps>;
 export declare const NodeRoot: React.FC<NodeRootProps>;
-export default Node;

package/@types/index.d.ts

@@ -1,23 +1,25 @@
-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 * as GlobalStyle from './GlobalStyle/GlobalStyle.css';
-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 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, Video, };
+import { Modal } from './Modal/Modal';
+import { ModalContext } from './Modal/ModalContext';
+import { ModalProvider } from './Modal/ModalProvider';
+import { Tabs } from './Tabs/Tabs';
+import { Tab } from './Tabs/Tab';
+import { Alert } from './Alert/Alert';
+import { Avatar } from './Avatar/Avatar';
+import { Button } from './Button/Button';
+import { Checkbox } from './Checkbox/Checkbox';
+import { Cursor } from './Cursor/Cursor.css';
+import { Dropdown } from './Dropdown/Dropdown';
+import { Fieldset } from './Fieldset/Fieldset';
+import { Frame } from './Frame/Frame';
+import { Input } from './Input/Input';
+import { List } from './List/List';
+import { ProgressBar } from './ProgressBar/ProgressBar';
+import { RadioButton } from './RadioButton/RadioButton';
+import { Range } from './Range/Range';
+import { TaskBar } from './TaskBar/TaskBar';
+import { TextArea } from './TextArea/TextArea';
+import { Tree } from './Tree/Tree';
+import { Tooltip } from './Tooltip/Tooltip';
+import { TitleBar } from './TitleBar/TitleBar';
+import { Video } from './Video/Video';
+export { Alert, Avatar, Button, Checkbox, Cursor, Dropdown, Fieldset, Frame, Input, List, Modal, ModalContext, ModalProvider, ProgressBar, RadioButton, Range, Tab, Tabs, TaskBar, TextArea, Tree, Tooltip, TitleBar, Video, };

package/@types/themes/all.d.ts

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

package/@types/themes/azureOrange.css.d.ts

@@ -1 +1 @@
-export declare const azureOrange: string;
+export {};

package/@types/themes/bee.css.d.ts

@@ -1 +1 @@
-export declare const bee: string;
+export {};

package/@types/themes/blackAndWhite.css.d.ts

@@ -1 +1 @@
-export declare const blackAndWhite: string;
+export {};

package/@types/themes/brick.css.d.ts

@@ -1 +1 @@
-export declare const brick: string;
+export {};

package/@types/themes/candy.css.d.ts

@@ -1 +1 @@
-export declare const candy: string;
+export {};

package/@types/themes/coldGray.css.d.ts

@@ -1 +1 @@
-export declare const coldGray: string;
+export {};

package/@types/themes/contract.css.d.ts

@@ -1,14 +1,62 @@
-export declare const contract: {
-    shadows: {
-        out: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        in: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+export declare const zIndices: {
+    modal: string;
+    tooltip: string;
+    taskbar: string;
+};
+export declare const theme: {
+    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;
+    };
+    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;
     };
     zIndices: {
-        modal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        tooltip: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        taskbar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        modal: string;
+        tooltip: string;
+        taskbar: string;
     };
+};
+export declare const contract: {
     space: {
         '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -55,4 +103,14 @@ export declare const contract: {
         inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
+    zIndices: {
+        modal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        tooltip: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        taskbar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    shadows: {
+        out: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        in: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
 };

package/@types/themes/counterStrike.css.d.ts

@@ -1 +1 @@
-export declare const counterStrike: string;
+export {};

package/@types/themes/eggplant.css.d.ts

@@ -1 +1 @@
-export declare const eggplant: string;
+export {};

package/@types/themes/highContrast.css.d.ts

@@ -1 +1 @@
-export declare const highContrast: string;
+export {};

package/@types/themes/lilac.css.d.ts

@@ -1 +1 @@
-export declare const lilac: string;
+export {};

package/@types/themes/lilacRoseDark.css.d.ts

@@ -1 +1 @@
-export declare const lilacRoseDark: string;
+export {};

package/@types/themes/maple.css.d.ts

@@ -1 +1 @@
-export declare const maple: string;
+export {};

package/@types/themes/marine.css.d.ts

@@ -1 +1 @@
-export declare const marine: string;
+export {};

package/@types/themes/matrix.css.d.ts

@@ -1 +1 @@
-export declare const matrix: string;
+export {};

package/@types/themes/millenium.css.d.ts

@@ -1 +1 @@
-export declare const millenium: string;
+export {};

package/@types/themes/modernDark.css.d.ts

@@ -1 +1 @@
-export declare const modernDark: string;
+export {};

package/@types/themes/molecule.css.d.ts

@@ -1 +1 @@
-export declare const molecule: string;
+export {};

package/@types/themes/ninjaTurtles.css.d.ts

@@ -1 +1 @@
-export declare const ninjaTurtles: string;
+export {};

package/@types/themes/olive.css.d.ts

@@ -1 +1 @@
-export declare const olive: string;
+export {};

package/@types/themes/pamelaAnderson.css.d.ts

@@ -1 +1 @@
-export declare const pamelaAnderson: string;
+export {};

package/@types/themes/plum.css.d.ts

@@ -1 +1 @@
-export declare const plum: string;
+export {};

package/@types/themes/rainyDay.css.d.ts

@@ -1 +1 @@
-export declare const rainyDay: string;
+export {};

package/@types/themes/rose.css.d.ts

@@ -1 +1 @@
-export declare const rose: string;
+export {};

package/@types/themes/slate.css.d.ts

@@ -1 +1 @@
-export declare const slate: string;
+export {};

package/@types/themes/spruce.css.d.ts

@@ -1 +1 @@
-export declare const spruce: string;
+export {};

package/@types/themes/storm.css.d.ts

@@ -1 +1 @@
-export declare const storm: string;
+export {};

package/@types/themes/theSixtiesUSA.css.d.ts

@@ -1 +1 @@
-export declare const theSixtiesUSA: string;
+export {};

package/@types/themes/tokyoDark.css.d.ts

@@ -1 +1 @@
-export declare const tokyoDark: string;
+export {};

package/@types/themes/tooSexy.css.d.ts

@@ -1 +1 @@
-export declare const tooSexy: string;
+export {};

package/@types/themes/travel.css.d.ts

@@ -1 +1 @@
-export declare const travel: string;
+export {};

package/@types/themes/vaporTeal.css.d.ts

@@ -1 +1 @@
-export declare const vaporTeal: string;
+export {};

package/@types/themes/vermillion.css.d.ts

@@ -1 +1 @@
-export declare const vermillion: string;
+export {};

package/@types/themes/violetDark.css.d.ts

@@ -1 +1 @@
-export declare const violetDark: string;
+export {};

package/@types/themes/water.css.d.ts

@@ -1 +1 @@
-export declare const water: string;
+export {};

package/@types/themes/win95.css.d.ts

@@ -1 +1 @@
-export declare const win95: string;
+export {};

package/cjs/Alert/Alert.css.js

@@ -1,23 +1,9 @@
+require('./Alert.css.ts.vanilla.css');
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.message = exports.icon = exports.dialog = void 0;
-var _css = require("@vanilla-extract/css");
-var _contract = require("../themes/contract.css");
-var message = exports.message = (0, _css.style)({
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center'
-});
-var icon = exports.icon = (0, _css.style)({
-  paddingTop: _contract.contract.space[7],
-  paddingRight: _contract.contract.space[15],
-  paddingBottom: _contract.contract.space[7],
-  paddingLeft: _contract.contract.space[7]
-});
-var dialog = exports.dialog = (0, _css.style)({
-  display: 'flex',
-  flexDirection: 'row'
-});
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+/* empty css                            */var dialog = "r95_lcz1rw2";
+var icon = "r95_lcz1rw1";
+var message = "r95_lcz1rw0";
+exports.dialog = dialog;
+exports.icon = icon;
+exports.message = message;

package/cjs/Alert/Alert.css.ts.vanilla.css

@@ -0,0 +1,15 @@
+.r95_lcz1rw0 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.r95_lcz1rw1 {
+  padding-top: var(--r95-space-7);
+  padding-right: var(--r95-space-15);
+  padding-bottom: var(--r95-space-7);
+  padding-left: var(--r95-space-7);
+}
+.r95_lcz1rw2 {
+  display: flex;
+  flex-direction: row;
+}