@react95/core 8.0.0-alpha.4 → 8.0.0-alpha.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/Alert/{Alert.js → Alert.cjs} +3 -3
- package/cjs/Alert/{Alert.css.js → Alert.css.cjs} +1 -1
- package/cjs/Avatar/{Avatar.js → Avatar.cjs} +2 -2
- package/cjs/Avatar/{Avatar.css.js → Avatar.css.cjs} +1 -1
- package/cjs/Button/{Button.js → Button.cjs} +2 -2
- package/cjs/Button/{Button.css.js → Button.css.cjs} +1 -1
- package/cjs/Checkbox/{Checkbox.js → Checkbox.cjs} +1 -1
- package/cjs/Checkbox/{Checkbox.css.js → Checkbox.css.cjs} +1 -1
- package/cjs/Cursor/Cursor.css.cjs +5 -0
- package/cjs/Dropdown/{Dropdown.js → Dropdown.cjs} +3 -3
- package/cjs/Dropdown/{Dropdown.css.js → Dropdown.css.cjs} +1 -1
- package/cjs/Fieldset/{Fieldset.js → Fieldset.cjs} +2 -2
- package/cjs/Fieldset/{Fieldset.css.js → Fieldset.css.cjs} +1 -1
- package/cjs/Frame/{Frame.js → Frame.cjs} +1 -1
- package/cjs/Frame/{Frame.css.js → Frame.css.cjs} +1 -1
- package/cjs/GlobalStyle/{GlobalStyle.css.js → GlobalStyle.css.cjs} +1 -1
- package/cjs/{GlobalStyle.js → GlobalStyle.cjs} +1 -1
- package/cjs/Input/{Input.js → Input.cjs} +2 -2
- package/cjs/Input/{Input.css.js → Input.css.cjs} +1 -1
- package/cjs/List/{List.js → List.cjs} +4 -4
- package/cjs/List/{List.css.js → List.css.cjs} +1 -1
- package/cjs/List/{ListDivider.js → ListDivider.cjs} +2 -2
- package/cjs/List/{ListItem.js → ListItem.cjs} +2 -2
- package/cjs/Modal/{Modal.js → Modal.cjs} +7 -7
- package/cjs/Modal/{Modal.css.js → Modal.css.cjs} +1 -1
- package/cjs/Modal/{ModalProvider.js → ModalProvider.cjs} +1 -1
- package/cjs/ProgressBar/{ProgressBar.js → ProgressBar.cjs} +2 -2
- package/cjs/ProgressBar/{ProgressBar.css.js → ProgressBar.css.cjs} +1 -1
- package/cjs/RadioButton/{RadioButton.js → RadioButton.cjs} +1 -1
- package/cjs/RadioButton/{RadioButton.css.js → RadioButton.css.cjs} +1 -1
- package/cjs/Range/{Range.js → Range.cjs} +2 -2
- package/cjs/Range/{Range.css.js → Range.css.cjs} +1 -1
- package/cjs/Tabs/{Tab.js → Tab.cjs} +2 -2
- package/cjs/Tabs/{Tabs.js → Tabs.cjs} +3 -3
- package/cjs/Tabs/{Tabs.css.js → Tabs.css.cjs} +1 -1
- package/cjs/TaskBar/{Clock.js → Clock.cjs} +3 -3
- package/cjs/TaskBar/{TaskBar.js → TaskBar.cjs} +5 -5
- package/cjs/TaskBar/{TaskBar.css.js → TaskBar.css.cjs} +1 -1
- package/cjs/TaskBar/{WindowButton.js → WindowButton.cjs} +1 -1
- package/cjs/TextArea/{TextArea.js → TextArea.cjs} +2 -2
- package/cjs/TitleBar/{TitleBar.js → TitleBar.cjs} +3 -3
- package/cjs/TitleBar/{TitleBar.css.js → TitleBar.css.cjs} +1 -1
- package/cjs/Tooltip/{Tooltip.js → Tooltip.cjs} +1 -1
- package/cjs/Tooltip/{Tooltip.css.js → Tooltip.css.cjs} +1 -1
- package/cjs/Tree/{Node.js → Node.cjs} +2 -2
- package/cjs/Tree/{Tree.js → Tree.cjs} +3 -3
- package/cjs/Tree/{Tree.css.js → Tree.css.cjs} +1 -1
- package/cjs/Video/{Video.js → Video.cjs} +9 -9
- package/cjs/Video/{Video.css.js → Video.css.cjs} +1 -1
- package/cjs/index.cjs +50 -0
- package/cjs/themes/{azureOrange.css.js → azureOrange.css.cjs} +1 -1
- package/cjs/themes/{bee.css.js → bee.css.cjs} +1 -1
- package/cjs/themes/{blackAndWhite.css.js → blackAndWhite.css.cjs} +1 -1
- package/cjs/themes/{brick.css.js → brick.css.cjs} +1 -1
- package/cjs/themes/{candy.css.js → candy.css.cjs} +1 -1
- package/cjs/themes/{coldGray.css.js → coldGray.css.cjs} +1 -1
- package/cjs/themes/{counterStrike.css.js → counterStrike.css.cjs} +1 -1
- package/cjs/themes/{eggplant.css.js → eggplant.css.cjs} +1 -1
- package/cjs/themes/{highContrast.css.js → highContrast.css.cjs} +1 -1
- package/cjs/themes/{lilac.css.js → lilac.css.cjs} +1 -1
- package/cjs/themes/{lilacRoseDark.css.js → lilacRoseDark.css.cjs} +1 -1
- package/cjs/themes/{maple.css.js → maple.css.cjs} +1 -1
- package/cjs/themes/{marine.css.js → marine.css.cjs} +1 -1
- package/cjs/themes/{matrix.css.js → matrix.css.cjs} +1 -1
- package/cjs/themes/{millenium.css.js → millenium.css.cjs} +1 -1
- package/cjs/themes/{modernDark.css.js → modernDark.css.cjs} +1 -1
- package/cjs/themes/{molecule.css.js → molecule.css.cjs} +1 -1
- package/cjs/themes/{ninjaTurtles.css.js → ninjaTurtles.css.cjs} +1 -1
- package/cjs/themes/{olive.css.js → olive.css.cjs} +1 -1
- package/cjs/themes/{pamelaAnderson.css.js → pamelaAnderson.css.cjs} +1 -1
- package/cjs/themes/{plum.css.js → plum.css.cjs} +1 -1
- package/cjs/themes/{rainyDay.css.js → rainyDay.css.cjs} +1 -1
- package/cjs/themes/{rose.css.js → rose.css.cjs} +1 -1
- package/cjs/themes/{slate.css.js → slate.css.cjs} +1 -1
- package/cjs/themes/{spruce.css.js → spruce.css.cjs} +1 -1
- package/cjs/themes/{storm.css.js → storm.css.cjs} +1 -1
- package/cjs/themes/{theSixtiesUSA.css.js → theSixtiesUSA.css.cjs} +1 -1
- package/cjs/themes/{tokyoDark.css.js → tokyoDark.css.cjs} +1 -1
- package/cjs/themes/{tooSexy.css.js → tooSexy.css.cjs} +1 -1
- package/cjs/themes/{travel.css.js → travel.css.cjs} +1 -1
- package/cjs/themes/{vaporTeal.css.js → vaporTeal.css.cjs} +1 -1
- package/cjs/themes/{vermillion.css.js → vermillion.css.cjs} +1 -1
- package/cjs/themes/{violetDark.css.js → violetDark.css.cjs} +1 -1
- package/cjs/themes/{water.css.js → water.css.cjs} +1 -1
- package/cjs/themes/{win95.css.js → win95.css.cjs} +1 -1
- package/cjs/themes.cjs +72 -0
- package/esm/Alert/{Alert.css.js → Alert.css.mjs} +1 -1
- package/esm/Alert/{Alert.js → Alert.mjs} +3 -3
- package/esm/Avatar/{Avatar.css.js → Avatar.css.mjs} +1 -1
- package/esm/Avatar/{Avatar.js → Avatar.mjs} +2 -2
- package/esm/Button/Button.css.mjs +5 -0
- package/esm/Button/{Button.js → Button.mjs} +2 -2
- package/esm/Checkbox/{Checkbox.css.js → Checkbox.css.mjs} +1 -1
- package/esm/Checkbox/{Checkbox.js → Checkbox.mjs} +1 -1
- package/esm/Cursor/Cursor.css.mjs +5 -0
- package/esm/Dropdown/{Dropdown.css.js → Dropdown.css.mjs} +1 -1
- package/esm/Dropdown/{Dropdown.js → Dropdown.mjs} +3 -3
- package/esm/Fieldset/{Fieldset.css.js → Fieldset.css.mjs} +1 -1
- package/esm/Fieldset/{Fieldset.js → Fieldset.mjs} +2 -2
- package/esm/Frame/{Frame.css.js → Frame.css.mjs} +1 -1
- package/esm/Frame/{Frame.js → Frame.mjs} +1 -1
- package/esm/GlobalStyle/GlobalStyle.css.mjs +2 -0
- package/esm/{GlobalStyle.js → GlobalStyle.mjs} +1 -1
- package/esm/Input/Input.css.mjs +5 -0
- package/esm/Input/{Input.js → Input.mjs} +2 -2
- package/esm/List/{List.css.js → List.css.mjs} +1 -1
- package/esm/List/{List.js → List.mjs} +4 -4
- package/esm/List/{ListDivider.js → ListDivider.mjs} +2 -2
- package/esm/List/{ListItem.js → ListItem.mjs} +2 -2
- package/esm/Modal/{Modal.css.js → Modal.css.mjs} +1 -1
- package/esm/Modal/{Modal.js → Modal.mjs} +7 -7
- package/esm/Modal/{ModalProvider.js → ModalProvider.mjs} +1 -1
- package/esm/ProgressBar/{ProgressBar.css.js → ProgressBar.css.mjs} +1 -1
- package/esm/ProgressBar/{ProgressBar.js → ProgressBar.mjs} +2 -2
- package/esm/RadioButton/{RadioButton.css.js → RadioButton.css.mjs} +1 -1
- package/esm/RadioButton/{RadioButton.js → RadioButton.mjs} +1 -1
- package/esm/Range/Range.css.mjs +5 -0
- package/esm/Range/{Range.js → Range.mjs} +2 -2
- package/esm/Tabs/{Tab.js → Tab.mjs} +2 -2
- package/esm/Tabs/{Tabs.css.js → Tabs.css.mjs} +1 -1
- package/esm/Tabs/{Tabs.js → Tabs.mjs} +3 -3
- package/esm/TaskBar/{Clock.js → Clock.mjs} +3 -3
- package/esm/TaskBar/{TaskBar.css.js → TaskBar.css.mjs} +1 -1
- package/esm/TaskBar/{TaskBar.js → TaskBar.mjs} +5 -5
- package/esm/TaskBar/{WindowButton.js → WindowButton.mjs} +1 -1
- package/esm/TextArea/{TextArea.js → TextArea.mjs} +2 -2
- package/esm/TitleBar/{TitleBar.css.js → TitleBar.css.mjs} +1 -1
- package/esm/TitleBar/{TitleBar.js → TitleBar.mjs} +3 -3
- package/esm/Tooltip/{Tooltip.css.js → Tooltip.css.mjs} +1 -1
- package/esm/Tooltip/{Tooltip.js → Tooltip.mjs} +1 -1
- package/esm/Tree/{Node.js → Node.mjs} +2 -2
- package/esm/Tree/{Tree.css.js → Tree.css.mjs} +1 -1
- package/esm/Tree/{Tree.js → Tree.mjs} +3 -3
- package/esm/Video/{Video.css.js → Video.css.mjs} +1 -1
- package/esm/Video/{Video.js → Video.mjs} +9 -9
- package/esm/index.mjs +50 -0
- package/esm/themes/azureOrange.css.mjs +2 -0
- package/esm/themes/bee.css.mjs +2 -0
- package/esm/themes/blackAndWhite.css.mjs +2 -0
- package/esm/themes/brick.css.mjs +2 -0
- package/esm/themes/candy.css.mjs +2 -0
- package/esm/themes/coldGray.css.mjs +2 -0
- package/esm/themes/counterStrike.css.mjs +2 -0
- package/esm/themes/eggplant.css.mjs +2 -0
- package/esm/themes/highContrast.css.mjs +2 -0
- package/esm/themes/lilac.css.mjs +2 -0
- package/esm/themes/lilacRoseDark.css.mjs +2 -0
- package/esm/themes/maple.css.mjs +2 -0
- package/esm/themes/marine.css.mjs +2 -0
- package/esm/themes/matrix.css.mjs +2 -0
- package/esm/themes/millenium.css.mjs +2 -0
- package/esm/themes/modernDark.css.mjs +2 -0
- package/esm/themes/molecule.css.mjs +2 -0
- package/esm/themes/ninjaTurtles.css.mjs +2 -0
- package/esm/themes/olive.css.mjs +2 -0
- package/esm/themes/pamelaAnderson.css.mjs +2 -0
- package/esm/themes/plum.css.mjs +2 -0
- package/esm/themes/rainyDay.css.mjs +2 -0
- package/esm/themes/rose.css.mjs +2 -0
- package/esm/themes/slate.css.mjs +2 -0
- package/esm/themes/spruce.css.mjs +2 -0
- package/esm/themes/storm.css.mjs +2 -0
- package/esm/themes/theSixtiesUSA.css.mjs +2 -0
- package/esm/themes/tokyoDark.css.mjs +2 -0
- package/esm/themes/tooSexy.css.mjs +2 -0
- package/esm/themes/travel.css.mjs +2 -0
- package/esm/themes/vaporTeal.css.mjs +2 -0
- package/esm/themes/vermillion.css.mjs +2 -0
- package/esm/themes/violetDark.css.mjs +2 -0
- package/esm/themes/water.css.mjs +2 -0
- package/esm/themes/win95.css.mjs +2 -0
- package/esm/themes.mjs +72 -0
- package/package.json +7 -6
- package/cjs/Cursor/Cursor.css.js +0 -5
- package/cjs/index.js +0 -50
- package/cjs/themes.js +0 -72
- package/esm/Button/Button.css.js +0 -5
- package/esm/Cursor/Cursor.css.js +0 -5
- package/esm/GlobalStyle/GlobalStyle.css.js +0 -2
- package/esm/Input/Input.css.js +0 -5
- package/esm/Range/Range.css.js +0 -5
- package/esm/index.js +0 -50
- package/esm/themes/azureOrange.css.js +0 -2
- package/esm/themes/bee.css.js +0 -2
- package/esm/themes/blackAndWhite.css.js +0 -2
- package/esm/themes/brick.css.js +0 -2
- package/esm/themes/candy.css.js +0 -2
- package/esm/themes/coldGray.css.js +0 -2
- package/esm/themes/counterStrike.css.js +0 -2
- package/esm/themes/eggplant.css.js +0 -2
- package/esm/themes/highContrast.css.js +0 -2
- package/esm/themes/lilac.css.js +0 -2
- package/esm/themes/lilacRoseDark.css.js +0 -2
- package/esm/themes/maple.css.js +0 -2
- package/esm/themes/marine.css.js +0 -2
- package/esm/themes/matrix.css.js +0 -2
- package/esm/themes/millenium.css.js +0 -2
- package/esm/themes/modernDark.css.js +0 -2
- package/esm/themes/molecule.css.js +0 -2
- package/esm/themes/ninjaTurtles.css.js +0 -2
- package/esm/themes/olive.css.js +0 -2
- package/esm/themes/pamelaAnderson.css.js +0 -2
- package/esm/themes/plum.css.js +0 -2
- package/esm/themes/rainyDay.css.js +0 -2
- package/esm/themes/rose.css.js +0 -2
- package/esm/themes/slate.css.js +0 -2
- package/esm/themes/spruce.css.js +0 -2
- package/esm/themes/storm.css.js +0 -2
- package/esm/themes/theSixtiesUSA.css.js +0 -2
- package/esm/themes/tokyoDark.css.js +0 -2
- package/esm/themes/tooSexy.css.js +0 -2
- package/esm/themes/travel.css.js +0 -2
- package/esm/themes/vaporTeal.css.js +0 -2
- package/esm/themes/vermillion.css.js +0 -2
- package/esm/themes/violetDark.css.js +0 -2
- package/esm/themes/water.css.js +0 -2
- package/esm/themes/win95.css.js +0 -2
- package/esm/themes.js +0 -72
- /package/cjs/Alert/assets/{chord.mp3.js → chord.mp3.cjs} +0 -0
- /package/cjs/Modal/{ModalContext.js → ModalContext.cjs} +0 -0
- /package/cjs/Modal/{close.svg.js → close.svg.cjs} +0 -0
- /package/cjs/Modal/{help.svg.js → help.svg.cjs} +0 -0
- /package/cjs/Video/buttons/{Fullscreen.js → Fullscreen.cjs} +0 -0
- /package/cjs/Video/buttons/{Pause.js → Pause.cjs} +0 -0
- /package/cjs/Video/buttons/{Play.js → Play.cjs} +0 -0
- /package/cjs/Video/buttons/{Stop.js → Stop.cjs} +0 -0
- /package/esm/Alert/assets/{chord.mp3.js → chord.mp3.mjs} +0 -0
- /package/esm/Modal/{ModalContext.js → ModalContext.mjs} +0 -0
- /package/esm/Modal/{close.svg.js → close.svg.mjs} +0 -0
- /package/esm/Modal/{help.svg.js → help.svg.mjs} +0 -0
- /package/esm/Video/buttons/{Fullscreen.js → Fullscreen.mjs} +0 -0
- /package/esm/Video/buttons/{Pause.js → Pause.mjs} +0 -0
- /package/esm/Video/buttons/{Play.js → Play.mjs} +0 -0
- /package/esm/Video/buttons/{Stop.js → Stop.mjs} +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React__default, { forwardRef } from "react";
|
|
2
2
|
import cn from "classnames";
|
|
3
|
-
import { Frame } from "../Frame/Frame.
|
|
4
|
-
import { wrapper, whiteBar, container, progress } from "./ProgressBar.css.
|
|
3
|
+
import { Frame } from "../Frame/Frame.mjs";
|
|
4
|
+
import { wrapper, whiteBar, container, progress } from "./ProgressBar.css.mjs";
|
|
5
5
|
const ProgressBar = forwardRef(
|
|
6
6
|
({ width = "150px", percent = 0, ...rest }, ref) => /* @__PURE__ */ React__default.createElement(
|
|
7
7
|
Frame,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React__default, { forwardRef } from "react";
|
|
2
|
-
import { label, field, icon, text } from "./RadioButton.css.
|
|
2
|
+
import { label, field, icon, text } from "./RadioButton.css.mjs";
|
|
3
3
|
const RadioButton = forwardRef(
|
|
4
4
|
({ children, disabled, ...props }, ref) => /* @__PURE__ */ React__default.createElement("label", { className: label }, /* @__PURE__ */ React__default.createElement(
|
|
5
5
|
"input",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import { Frame } from "../Frame/Frame.
|
|
3
|
-
import { range } from "./Range.css.
|
|
2
|
+
import { Frame } from "../Frame/Frame.mjs";
|
|
3
|
+
import { range } from "./Range.css.mjs";
|
|
4
4
|
import cn from "classnames";
|
|
5
5
|
const Range = React.forwardRef(
|
|
6
6
|
(rest, ref) => /* @__PURE__ */ React.createElement(
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React__default, { forwardRef } from "react";
|
|
2
|
-
import { tab } from "./Tabs.css.
|
|
3
|
-
import { Frame } from "../Frame/Frame.
|
|
2
|
+
import { tab } from "./Tabs.css.mjs";
|
|
3
|
+
import { Frame } from "../Frame/Frame.mjs";
|
|
4
4
|
const Tab = forwardRef(
|
|
5
5
|
({ activeTab, title, ...rest }, ref) => /* @__PURE__ */ React__default.createElement(
|
|
6
6
|
Frame,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import './Tabs.css.ts.vanilla.css';
|
|
2
|
-
/* empty css
|
|
2
|
+
/* empty css */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
3
3
|
var navContainer = "r95_fyllcd1";
|
|
4
4
|
var navbar = "r95_fyllcd0";
|
|
5
5
|
var tab = createRuntimeFn({ defaultClassName: "r95_fyllcd2", variantClassNames: { active: { true: "r95_fyllcd3" } }, defaultVariants: {}, compoundVariants: [] });
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React__default, { forwardRef } from "react";
|
|
2
2
|
import cn from "classnames";
|
|
3
|
-
import { Tab } from "./Tab.
|
|
4
|
-
import { navbar, navContainer } from "./Tabs.css.
|
|
5
|
-
import { Frame } from "../Frame/Frame.
|
|
3
|
+
import { Tab } from "./Tab.mjs";
|
|
4
|
+
import { navbar, navContainer } from "./Tabs.css.mjs";
|
|
5
|
+
import { Frame } from "../Frame/Frame.mjs";
|
|
6
6
|
const Tabs = forwardRef(
|
|
7
7
|
({ children, defaultActiveTab, onChange, ...rest }, ref) => {
|
|
8
8
|
const [firstTab] = React__default.Children.toArray(children);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React__default, { useState, useEffect } from "react";
|
|
2
|
-
import { Frame } from "../Frame/Frame.
|
|
3
|
-
import { Tooltip } from "../Tooltip/Tooltip.
|
|
4
|
-
import { tooltip } from "./TaskBar.css.
|
|
2
|
+
import { Frame } from "../Frame/Frame.mjs";
|
|
3
|
+
import { Tooltip } from "../Tooltip/Tooltip.mjs";
|
|
4
|
+
import { tooltip } from "./TaskBar.css.mjs";
|
|
5
5
|
const Clock = () => {
|
|
6
6
|
const [timer, setTimer] = useState("");
|
|
7
7
|
useEffect(() => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import './TaskBar.css.ts.vanilla.css';
|
|
2
|
-
/* empty css
|
|
2
|
+
/* empty css */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
3
3
|
var icon = "r95_1ct83mo9";
|
|
4
4
|
var tooltip = "r95_1ct83mo1";
|
|
5
5
|
var truncate = "r95_1ct83mo0";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React__default, { forwardRef, useState, useContext } from "react";
|
|
2
|
-
import { ModalContext } from "../Modal/ModalContext.
|
|
3
|
-
import { Frame } from "../Frame/Frame.
|
|
4
|
-
import { Clock } from "./Clock.
|
|
5
|
-
import { WindowButton } from "./WindowButton.
|
|
2
|
+
import { ModalContext } from "../Modal/ModalContext.mjs";
|
|
3
|
+
import { Frame } from "../Frame/Frame.mjs";
|
|
4
|
+
import { Clock } from "./Clock.mjs";
|
|
5
|
+
import { WindowButton } from "./WindowButton.mjs";
|
|
6
6
|
import { Logo } from "@react95/icons";
|
|
7
|
-
import { truncate } from "./TaskBar.css.
|
|
7
|
+
import { truncate } from "./TaskBar.css.mjs";
|
|
8
8
|
const TaskBar = forwardRef(
|
|
9
9
|
({ list }, ref) => {
|
|
10
10
|
const [showList, toggleShowList] = useState(false);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React__default, { forwardRef } from "react";
|
|
2
|
-
import { windowsButton, icon } from "./TaskBar.css.
|
|
2
|
+
import { windowsButton, icon } from "./TaskBar.css.mjs";
|
|
3
3
|
const WindowButton = forwardRef(
|
|
4
4
|
({ children, small = false, icon: icon$1, active = false, ...props }, ref) => /* @__PURE__ */ React__default.createElement(
|
|
5
5
|
"button",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import { Frame } from "../Frame/Frame.
|
|
3
|
-
import { input } from "../Input/Input.css.
|
|
2
|
+
import { Frame } from "../Frame/Frame.mjs";
|
|
3
|
+
import { input } from "../Input/Input.css.mjs";
|
|
4
4
|
const TextArea = React.forwardRef(
|
|
5
5
|
(rest, ref) => /* @__PURE__ */ React.createElement(Frame, { ...rest, ref, className: input, as: "textarea" })
|
|
6
6
|
);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import './TitleBar.css.ts.vanilla.css';
|
|
2
|
-
/* empty css
|
|
2
|
+
/* empty css */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
3
3
|
var option = "r95_1kpzw681";
|
|
4
4
|
var optionsBox = "r95_1kpzw680";
|
|
5
5
|
var title = "r95_1kpzw685";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React__default from "react";
|
|
2
|
-
import { Frame } from "../Frame/Frame.
|
|
3
|
-
import { optionsBox, option, titleBarBackground, title } from "./TitleBar.css.
|
|
4
|
-
import { button } from "../Button/Button.css.
|
|
2
|
+
import { Frame } from "../Frame/Frame.mjs";
|
|
3
|
+
import { optionsBox, option, titleBarBackground, title } from "./TitleBar.css.mjs";
|
|
4
|
+
import { button } from "../Button/Button.css.mjs";
|
|
5
5
|
import cn from "classnames";
|
|
6
6
|
const OptionsBox = React__default.forwardRef((rest, ref) => /* @__PURE__ */ React__default.createElement(
|
|
7
7
|
Frame,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { MediaCd, FileText, Bat, FileFont2, FilePen, FileSettings, FileTextSettings, BatExec, FolderOpen, Folder } from "@react95/icons";
|
|
3
|
-
import { node, nodeContent, folderStatus, iconContainer, label, tree, nodeRoot } from "./Tree.css.
|
|
4
|
-
import { Frame } from "../Frame/Frame.
|
|
3
|
+
import { node, nodeContent, folderStatus, iconContainer, label, tree, nodeRoot } from "./Tree.css.mjs";
|
|
4
|
+
import { Frame } from "../Frame/Frame.mjs";
|
|
5
5
|
import cn from "classnames";
|
|
6
6
|
const icons = {
|
|
7
7
|
FILE_MEDIA: MediaCd,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import './Tree.css.ts.vanilla.css';
|
|
2
|
-
/* empty css
|
|
2
|
+
/* empty css */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
3
3
|
var folderStatus = "r95_z2881c5";
|
|
4
4
|
var iconContainer = createRuntimeFn({ defaultClassName: "r95_z2881c6", variantClassNames: { hasChildren: { true: "r95_z2881c7", false: "r95_z2881c8" } }, defaultVariants: {}, compoundVariants: [] });
|
|
5
5
|
var label = "r95_z2881c4";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React__default, { forwardRef } from "react";
|
|
2
|
-
import { NodeRoot, Node, icons } from "./Node.
|
|
3
|
-
import { tree } from "./Tree.css.
|
|
4
|
-
import { Frame } from "../Frame/Frame.
|
|
2
|
+
import { NodeRoot, Node, icons } from "./Node.mjs";
|
|
3
|
+
import { tree } from "./Tree.css.mjs";
|
|
4
|
+
import { Frame } from "../Frame/Frame.mjs";
|
|
5
5
|
const Tree = forwardRef(
|
|
6
6
|
({ data, root, ...rest }, ref) => {
|
|
7
7
|
return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, root && /* @__PURE__ */ React__default.createElement(NodeRoot, { ...root }), /* @__PURE__ */ React__default.createElement(Frame, { ...rest, className: tree, as: "ul", ref }, data.map((dataNode) => /* @__PURE__ */ React__default.createElement(Node, { key: dataNode.id, ...dataNode }))));
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import './Video.css.ts.vanilla.css';
|
|
2
|
-
/* empty css
|
|
2
|
+
/* empty css */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
3
3
|
var controlBtn = "r95_13gnpv09";
|
|
4
4
|
var controls = "r95_13gnpv03";
|
|
5
5
|
var countDownContainer = "r95_13gnpv04";
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { Mplayer113, User4 } from "@react95/icons";
|
|
3
|
-
import { videoTag, divider, countDownContainer, videoFont, currentTime, elapsedTime, controls, controlBtn, range } from "./Video.css.
|
|
4
|
-
import { Frame } from "../Frame/Frame.
|
|
5
|
-
import { Button } from "../Button/Button.
|
|
6
|
-
import { Range } from "../Range/Range.
|
|
7
|
-
import { TitleBar } from "../TitleBar/TitleBar.
|
|
8
|
-
import Play from "./buttons/Play.
|
|
9
|
-
import Pause from "./buttons/Pause.
|
|
10
|
-
import Stop from "./buttons/Stop.
|
|
11
|
-
import Fullscreen from "./buttons/Fullscreen.
|
|
3
|
+
import { videoTag, divider, countDownContainer, videoFont, currentTime, elapsedTime, controls, controlBtn, range } from "./Video.css.mjs";
|
|
4
|
+
import { Frame } from "../Frame/Frame.mjs";
|
|
5
|
+
import { Button } from "../Button/Button.mjs";
|
|
6
|
+
import { Range } from "../Range/Range.mjs";
|
|
7
|
+
import { TitleBar } from "../TitleBar/TitleBar.mjs";
|
|
8
|
+
import Play from "./buttons/Play.mjs";
|
|
9
|
+
import Pause from "./buttons/Pause.mjs";
|
|
10
|
+
import Stop from "./buttons/Stop.mjs";
|
|
11
|
+
import Fullscreen from "./buttons/Fullscreen.mjs";
|
|
12
12
|
import cn from "classnames";
|
|
13
13
|
const Source = ({ src }) => /* @__PURE__ */ React.createElement("source", { src, type: `video/${src.substring(src.length - 3)}` });
|
|
14
14
|
const PlayOrPause = ({ playing }) => playing ? /* @__PURE__ */ React.createElement(Pause, null) : /* @__PURE__ */ React.createElement(Play, null);
|
package/esm/index.mjs
ADDED
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { Modal } from "./Modal/Modal.mjs";
|
|
2
|
+
import { ModalContext } from "./Modal/ModalContext.mjs";
|
|
3
|
+
import { ModalProvider } from "./Modal/ModalProvider.mjs";
|
|
4
|
+
import { Tabs } from "./Tabs/Tabs.mjs";
|
|
5
|
+
import { Tab } from "./Tabs/Tab.mjs";
|
|
6
|
+
import { Alert } from "./Alert/Alert.mjs";
|
|
7
|
+
import { Avatar } from "./Avatar/Avatar.mjs";
|
|
8
|
+
import { Button } from "./Button/Button.mjs";
|
|
9
|
+
import { Checkbox } from "./Checkbox/Checkbox.mjs";
|
|
10
|
+
import { Cursor } from "./Cursor/Cursor.css.mjs";
|
|
11
|
+
import { Dropdown } from "./Dropdown/Dropdown.mjs";
|
|
12
|
+
import { Fieldset } from "./Fieldset/Fieldset.mjs";
|
|
13
|
+
import { Frame } from "./Frame/Frame.mjs";
|
|
14
|
+
import { Input } from "./Input/Input.mjs";
|
|
15
|
+
import { List } from "./List/List.mjs";
|
|
16
|
+
import { ProgressBar } from "./ProgressBar/ProgressBar.mjs";
|
|
17
|
+
import { RadioButton } from "./RadioButton/RadioButton.mjs";
|
|
18
|
+
import { Range } from "./Range/Range.mjs";
|
|
19
|
+
import { TaskBar } from "./TaskBar/TaskBar.mjs";
|
|
20
|
+
import { TextArea } from "./TextArea/TextArea.mjs";
|
|
21
|
+
import { Tree } from "./Tree/Tree.mjs";
|
|
22
|
+
import { Tooltip } from "./Tooltip/Tooltip.mjs";
|
|
23
|
+
import { TitleBar } from "./TitleBar/TitleBar.mjs";
|
|
24
|
+
import { Video } from "./Video/Video.mjs";
|
|
25
|
+
export {
|
|
26
|
+
Alert,
|
|
27
|
+
Avatar,
|
|
28
|
+
Button,
|
|
29
|
+
Checkbox,
|
|
30
|
+
Cursor,
|
|
31
|
+
Dropdown,
|
|
32
|
+
Fieldset,
|
|
33
|
+
Frame,
|
|
34
|
+
Input,
|
|
35
|
+
List,
|
|
36
|
+
Modal,
|
|
37
|
+
ModalContext,
|
|
38
|
+
ModalProvider,
|
|
39
|
+
ProgressBar,
|
|
40
|
+
RadioButton,
|
|
41
|
+
Range,
|
|
42
|
+
Tab,
|
|
43
|
+
Tabs,
|
|
44
|
+
TaskBar,
|
|
45
|
+
TextArea,
|
|
46
|
+
TitleBar,
|
|
47
|
+
Tooltip,
|
|
48
|
+
Tree,
|
|
49
|
+
Video
|
|
50
|
+
};
|
package/esm/themes.mjs
ADDED
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import * as azureOrange_css from "./themes/azureOrange.css.mjs";
|
|
2
|
+
import * as bee_css from "./themes/bee.css.mjs";
|
|
3
|
+
import * as blackAndWhite_css from "./themes/blackAndWhite.css.mjs";
|
|
4
|
+
import * as brick_css from "./themes/brick.css.mjs";
|
|
5
|
+
import * as candy_css from "./themes/candy.css.mjs";
|
|
6
|
+
import * as coldGray_css from "./themes/coldGray.css.mjs";
|
|
7
|
+
import * as counterStrike_css from "./themes/counterStrike.css.mjs";
|
|
8
|
+
import * as eggplant_css from "./themes/eggplant.css.mjs";
|
|
9
|
+
import * as highContrast_css from "./themes/highContrast.css.mjs";
|
|
10
|
+
import * as lilac_css from "./themes/lilac.css.mjs";
|
|
11
|
+
import * as lilacRoseDark_css from "./themes/lilacRoseDark.css.mjs";
|
|
12
|
+
import * as maple_css from "./themes/maple.css.mjs";
|
|
13
|
+
import * as marine_css from "./themes/marine.css.mjs";
|
|
14
|
+
import * as matrix_css from "./themes/matrix.css.mjs";
|
|
15
|
+
import * as millenium_css from "./themes/millenium.css.mjs";
|
|
16
|
+
import * as modernDark_css from "./themes/modernDark.css.mjs";
|
|
17
|
+
import * as molecule_css from "./themes/molecule.css.mjs";
|
|
18
|
+
import * as ninjaTurtles_css from "./themes/ninjaTurtles.css.mjs";
|
|
19
|
+
import * as olive_css from "./themes/olive.css.mjs";
|
|
20
|
+
import * as pamelaAnderson_css from "./themes/pamelaAnderson.css.mjs";
|
|
21
|
+
import * as plum_css from "./themes/plum.css.mjs";
|
|
22
|
+
import * as rainyDay_css from "./themes/rainyDay.css.mjs";
|
|
23
|
+
import * as rose_css from "./themes/rose.css.mjs";
|
|
24
|
+
import * as slate_css from "./themes/slate.css.mjs";
|
|
25
|
+
import * as spruce_css from "./themes/spruce.css.mjs";
|
|
26
|
+
import * as storm_css from "./themes/storm.css.mjs";
|
|
27
|
+
import * as theSixtiesUSA_css from "./themes/theSixtiesUSA.css.mjs";
|
|
28
|
+
import * as tokyoDark_css from "./themes/tokyoDark.css.mjs";
|
|
29
|
+
import * as tooSexy_css from "./themes/tooSexy.css.mjs";
|
|
30
|
+
import * as travel_css from "./themes/travel.css.mjs";
|
|
31
|
+
import * as vaporTeal_css from "./themes/vaporTeal.css.mjs";
|
|
32
|
+
import * as vermillion_css from "./themes/vermillion.css.mjs";
|
|
33
|
+
import * as violetDark_css from "./themes/violetDark.css.mjs";
|
|
34
|
+
import * as water_css from "./themes/water.css.mjs";
|
|
35
|
+
import * as win95_css from "./themes/win95.css.mjs";
|
|
36
|
+
export {
|
|
37
|
+
azureOrange_css as azureOrange,
|
|
38
|
+
bee_css as bee,
|
|
39
|
+
blackAndWhite_css as blackAndWhite,
|
|
40
|
+
brick_css as brick,
|
|
41
|
+
candy_css as candy,
|
|
42
|
+
coldGray_css as coldGray,
|
|
43
|
+
counterStrike_css as counterStrike,
|
|
44
|
+
eggplant_css as eggplant,
|
|
45
|
+
highContrast_css as highContrast,
|
|
46
|
+
lilac_css as lilac,
|
|
47
|
+
lilacRoseDark_css as lilacRoseDark,
|
|
48
|
+
maple_css as maple,
|
|
49
|
+
marine_css as marine,
|
|
50
|
+
matrix_css as matrix,
|
|
51
|
+
millenium_css as millenium,
|
|
52
|
+
modernDark_css as modernDark,
|
|
53
|
+
molecule_css as molecule,
|
|
54
|
+
ninjaTurtles_css as ninjaTurtles,
|
|
55
|
+
olive_css as olive,
|
|
56
|
+
pamelaAnderson_css as pamelaAnderson,
|
|
57
|
+
plum_css as plum,
|
|
58
|
+
rainyDay_css as rainyDay,
|
|
59
|
+
rose_css as rose,
|
|
60
|
+
slate_css as slate,
|
|
61
|
+
spruce_css as spruce,
|
|
62
|
+
storm_css as storm,
|
|
63
|
+
theSixtiesUSA_css as theSixtiesUSA,
|
|
64
|
+
tokyoDark_css as tokyoDark,
|
|
65
|
+
tooSexy_css as tooSexy,
|
|
66
|
+
travel_css as travel,
|
|
67
|
+
vaporTeal_css as vaporTeal,
|
|
68
|
+
vermillion_css as vermillion,
|
|
69
|
+
violetDark_css as violetDark,
|
|
70
|
+
water_css as water,
|
|
71
|
+
win95_css as win95
|
|
72
|
+
};
|
package/package.json
CHANGED
|
@@ -1,20 +1,21 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react95/core",
|
|
3
|
-
"version": "8.0.0-alpha.
|
|
3
|
+
"version": "8.0.0-alpha.6",
|
|
4
4
|
"description": "Windows 95 styleguide",
|
|
5
5
|
"main": "./cjs",
|
|
6
|
+
"type": "module",
|
|
6
7
|
"exports": {
|
|
7
8
|
".": {
|
|
9
|
+
"types": "./@types/index.d.ts",
|
|
8
10
|
"import": "./esm",
|
|
9
|
-
"require": "./cjs"
|
|
10
|
-
"types": "./@types/index.d.ts"
|
|
11
|
+
"require": "./cjs"
|
|
11
12
|
},
|
|
12
13
|
"./themes/*.css": {
|
|
13
|
-
"import": "./esm/themes/*.css.
|
|
14
|
+
"import": "./esm/themes/*.css.mjs",
|
|
14
15
|
"require": "./cjs/themes/*.css.js"
|
|
15
16
|
},
|
|
16
17
|
"./GlobalStyle": {
|
|
17
|
-
"import": "./esm/GlobalStyle.
|
|
18
|
+
"import": "./esm/GlobalStyle.mjs",
|
|
18
19
|
"require": "./cjs/GlobalStyle.js"
|
|
19
20
|
}
|
|
20
21
|
},
|
|
@@ -53,7 +54,7 @@
|
|
|
53
54
|
"nostalgic",
|
|
54
55
|
"design-system"
|
|
55
56
|
],
|
|
56
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "ccf949630b3bfcf5a1726e66067f769511e01d28",
|
|
57
58
|
"module": "./esm",
|
|
58
59
|
"private": false,
|
|
59
60
|
"types": "@types"
|
package/cjs/Cursor/Cursor.css.js
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
require('./Cursor.css.ts.vanilla.css');
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
4
|
-
/* empty css */var Cursor = { Auto: "r95_22fi80", Text: "r95_22fi81", VerticalText: "r95_22fi82", Help: "r95_22fi83", Crosshair: "r95_22fi84", Pointer: "r95_22fi85", Progress: "r95_22fi86", Wait: "r95_22fi87", Alias: "r95_22fi88", Copy: "r95_22fi89", Move: "r95_22fi8a", None: "r95_22fi8b", NoDrop: "r95_22fi8c", NotAllowed: "r95_22fi8d", Grab: "r95_22fi8e", Grabbing: "r95_22fi8f", ColResize: "r95_22fi8g", RowResize: "r95_22fi8h", NResize: "r95_22fi8i", EResize: "r95_22fi8j", SResize: "r95_22fi8k", WResize: "r95_22fi8l", NsResize: "r95_22fi8m", EwResize: "r95_22fi8n", NeResize: "r95_22fi8o", NwResize: "r95_22fi8p", SeResize: "r95_22fi8q", SwResize: "r95_22fi8r", NeswResize: "r95_22fi8s", NwseResize: "r95_22fi8t", ZoomIn: "r95_22fi8u", ZoomOut: "r95_22fi8v" };
|
|
5
|
-
exports.Cursor = Cursor;
|
package/cjs/index.js
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const Modal = require("./Modal/Modal.js");
|
|
4
|
-
const ModalContext = require("./Modal/ModalContext.js");
|
|
5
|
-
const ModalProvider = require("./Modal/ModalProvider.js");
|
|
6
|
-
const Tabs = require("./Tabs/Tabs.js");
|
|
7
|
-
const Tab = require("./Tabs/Tab.js");
|
|
8
|
-
const Alert = require("./Alert/Alert.js");
|
|
9
|
-
const Avatar = require("./Avatar/Avatar.js");
|
|
10
|
-
const Button = require("./Button/Button.js");
|
|
11
|
-
const Checkbox = require("./Checkbox/Checkbox.js");
|
|
12
|
-
const Cursor_css = require("./Cursor/Cursor.css.js");
|
|
13
|
-
const Dropdown = require("./Dropdown/Dropdown.js");
|
|
14
|
-
const Fieldset = require("./Fieldset/Fieldset.js");
|
|
15
|
-
const Frame = require("./Frame/Frame.js");
|
|
16
|
-
const Input = require("./Input/Input.js");
|
|
17
|
-
const List = require("./List/List.js");
|
|
18
|
-
const ProgressBar = require("./ProgressBar/ProgressBar.js");
|
|
19
|
-
const RadioButton = require("./RadioButton/RadioButton.js");
|
|
20
|
-
const Range = require("./Range/Range.js");
|
|
21
|
-
const TaskBar = require("./TaskBar/TaskBar.js");
|
|
22
|
-
const TextArea = require("./TextArea/TextArea.js");
|
|
23
|
-
const Tree = require("./Tree/Tree.js");
|
|
24
|
-
const Tooltip = require("./Tooltip/Tooltip.js");
|
|
25
|
-
const TitleBar = require("./TitleBar/TitleBar.js");
|
|
26
|
-
const Video = require("./Video/Video.js");
|
|
27
|
-
exports.Modal = Modal.Modal;
|
|
28
|
-
exports.ModalContext = ModalContext.ModalContext;
|
|
29
|
-
exports.ModalProvider = ModalProvider.ModalProvider;
|
|
30
|
-
exports.Tabs = Tabs.Tabs;
|
|
31
|
-
exports.Tab = Tab.Tab;
|
|
32
|
-
exports.Alert = Alert.Alert;
|
|
33
|
-
exports.Avatar = Avatar.Avatar;
|
|
34
|
-
exports.Button = Button.Button;
|
|
35
|
-
exports.Checkbox = Checkbox.Checkbox;
|
|
36
|
-
exports.Cursor = Cursor_css.Cursor;
|
|
37
|
-
exports.Dropdown = Dropdown.Dropdown;
|
|
38
|
-
exports.Fieldset = Fieldset.Fieldset;
|
|
39
|
-
exports.Frame = Frame.Frame;
|
|
40
|
-
exports.Input = Input.Input;
|
|
41
|
-
exports.List = List.List;
|
|
42
|
-
exports.ProgressBar = ProgressBar.ProgressBar;
|
|
43
|
-
exports.RadioButton = RadioButton.RadioButton;
|
|
44
|
-
exports.Range = Range.Range;
|
|
45
|
-
exports.TaskBar = TaskBar.TaskBar;
|
|
46
|
-
exports.TextArea = TextArea.TextArea;
|
|
47
|
-
exports.Tree = Tree.Tree;
|
|
48
|
-
exports.Tooltip = Tooltip.Tooltip;
|
|
49
|
-
exports.TitleBar = TitleBar.TitleBar;
|
|
50
|
-
exports.Video = Video.Video;
|