@react95/core 9.6.2 → 9.6.3
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/Button/Button.cjs +12 -13
- package/cjs/Frame/Frame.cjs +4 -4
- package/cjs/List/List.cjs +4 -2
- package/cjs/List/ListDivider.cjs +12 -2
- package/cjs/List/ListItem.cjs +14 -3
- package/cjs/TitleBar/TitleBar.cjs +44 -54
- package/cjs/Video/Video.cjs +0 -1
- package/cjs/themes/azureOrange.css.cjs +1 -0
- package/cjs/themes/contract.css.cjs +0 -1
- package/esm/Button/Button.mjs +12 -13
- package/esm/Frame/Frame.mjs +5 -5
- package/esm/List/List.mjs +6 -4
- package/esm/List/ListDivider.mjs +14 -4
- package/esm/List/ListItem.mjs +16 -5
- package/esm/TitleBar/TitleBar.mjs +44 -54
- package/esm/Video/Video.mjs +0 -1
- package/esm/themes/azureOrange.css.mjs +1 -0
- package/esm/themes/contract.css.mjs +0 -1
- package/package.json +3 -2
- package/types/Alert/Alert.d.ts +2374 -1
- package/types/Avatar/Avatar.d.ts +2 -2
- package/types/Button/Button.d.ts +3 -3
- package/types/Dropdown/Dropdown.d.ts +1 -1
- package/types/Fieldset/Fieldset.d.ts +1 -1
- package/types/Frame/Frame.d.ts +11 -2370
- package/types/GlobalStyle/GlobalStyle.css.d.ts +1 -0
- package/types/GlobalStyle/index.d.ts +1 -0
- package/types/GlobalStyle/utils.d.ts +15 -0
- package/types/Input/Input.d.ts +2364 -3
- package/types/List/List.d.ts +10 -7
- package/types/List/ListDivider.d.ts +6 -4
- package/types/List/ListItem.d.ts +9 -7
- package/types/Modal/Modal.d.ts +7 -10
- package/types/ProgressBar/ProgressBar.d.ts +2 -2
- package/types/Range/Range.d.ts +2364 -3
- package/types/Tabs/Tab.d.ts +2369 -3
- package/types/Tabs/Tabs.d.ts +2368 -3
- package/types/TaskBar/TaskBar.d.ts +2366 -3
- package/types/TextArea/TextArea.d.ts +2364 -3
- package/types/TitleBar/TitleBar.d.ts +7 -2372
- package/types/Tree/Node.d.ts +2 -2
- package/types/Tree/Tree.d.ts +3 -3
- package/types/Video/Video.d.ts +2367 -2
package/cjs/Button/Button.cjs
CHANGED
|
@@ -4,17 +4,16 @@ const React = require("react");
|
|
|
4
4
|
const cn = require("classnames");
|
|
5
5
|
const Button_css = require("./Button.css.cjs");
|
|
6
6
|
const Frame = require("../Frame/Frame.cjs");
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
);
|
|
7
|
+
const ButtonComponent = Frame.fixedForwardRef((props, ref) => {
|
|
8
|
+
return /* @__PURE__ */ React.createElement(
|
|
9
|
+
Frame.Frame,
|
|
10
|
+
{
|
|
11
|
+
as: "button",
|
|
12
|
+
...props,
|
|
13
|
+
className: cn(Button_css.button, props.className),
|
|
14
|
+
ref
|
|
15
|
+
}
|
|
16
|
+
);
|
|
17
|
+
});
|
|
18
|
+
const Button = ButtonComponent;
|
|
20
19
|
exports.Button = Button;
|
package/cjs/Frame/Frame.cjs
CHANGED
|
@@ -6,10 +6,10 @@ const cn = require("classnames");
|
|
|
6
6
|
const fixedForwardRef = React.forwardRef;
|
|
7
7
|
const FrameComponent = (props, ref) => {
|
|
8
8
|
const { as, children, ...rest } = props;
|
|
9
|
-
const
|
|
9
|
+
const tag = as || "div";
|
|
10
10
|
const { className, style, otherProps } = Frame_css.sprinkles(rest);
|
|
11
|
-
return
|
|
12
|
-
|
|
11
|
+
return React.createElement(
|
|
12
|
+
tag,
|
|
13
13
|
{
|
|
14
14
|
...otherProps,
|
|
15
15
|
style: { ...style, ...otherProps.style },
|
|
@@ -19,6 +19,6 @@ const FrameComponent = (props, ref) => {
|
|
|
19
19
|
children
|
|
20
20
|
);
|
|
21
21
|
};
|
|
22
|
-
const Frame =
|
|
22
|
+
const Frame = React.forwardRef(FrameComponent);
|
|
23
23
|
exports.Frame = Frame;
|
|
24
24
|
exports.fixedForwardRef = fixedForwardRef;
|
package/cjs/List/List.cjs
CHANGED
|
@@ -6,8 +6,10 @@ const ListItem = require("./ListItem.cjs");
|
|
|
6
6
|
const ListDivider = require("./ListDivider.cjs");
|
|
7
7
|
const Frame = require("../Frame/Frame.cjs");
|
|
8
8
|
const List_css = require("./List.css.cjs");
|
|
9
|
-
const
|
|
10
|
-
|
|
9
|
+
const ListComponent = Frame.fixedForwardRef(
|
|
10
|
+
(rest, ref) => /* @__PURE__ */ React.createElement(Frame.Frame, { ...rest, ref, className: cn(List_css.list, rest.className), as: "ul" })
|
|
11
|
+
);
|
|
12
|
+
const List = Object.assign(ListComponent, {
|
|
11
13
|
Item: ListItem.ListItem,
|
|
12
14
|
Divider: ListDivider.Divider
|
|
13
15
|
});
|
package/cjs/List/ListDivider.cjs
CHANGED
|
@@ -4,6 +4,16 @@ const React = require("react");
|
|
|
4
4
|
const Frame = require("../Frame/Frame.cjs");
|
|
5
5
|
const List_css = require("./List.css.cjs");
|
|
6
6
|
const cn = require("classnames");
|
|
7
|
-
const
|
|
8
|
-
|
|
7
|
+
const DividerComponent = Frame.fixedForwardRef(
|
|
8
|
+
(rest, ref) => /* @__PURE__ */ React.createElement(
|
|
9
|
+
Frame.Frame,
|
|
10
|
+
{
|
|
11
|
+
...rest,
|
|
12
|
+
ref,
|
|
13
|
+
className: cn(List_css.divider, rest.className),
|
|
14
|
+
as: "li"
|
|
15
|
+
}
|
|
16
|
+
)
|
|
17
|
+
);
|
|
18
|
+
const Divider = DividerComponent;
|
|
9
19
|
exports.Divider = Divider;
|
package/cjs/List/ListItem.cjs
CHANGED
|
@@ -4,9 +4,20 @@ const React = require("react");
|
|
|
4
4
|
const cn = require("classnames");
|
|
5
5
|
const Frame = require("../Frame/Frame.cjs");
|
|
6
6
|
const List_css = require("./List.css.cjs");
|
|
7
|
-
const
|
|
8
|
-
|
|
7
|
+
const ItemComponent = Frame.fixedForwardRef(
|
|
8
|
+
(rest, ref) => /* @__PURE__ */ React.createElement(
|
|
9
|
+
Frame.Frame,
|
|
10
|
+
{
|
|
11
|
+
...rest,
|
|
12
|
+
ref,
|
|
13
|
+
className: cn(List_css.listItem, rest.className),
|
|
14
|
+
as: "li"
|
|
15
|
+
}
|
|
16
|
+
)
|
|
17
|
+
);
|
|
18
|
+
const Item = ItemComponent;
|
|
19
|
+
const ListItemComponent = Frame.fixedForwardRef(
|
|
9
20
|
({ icon, children = [], ...rest }, ref) => /* @__PURE__ */ React.createElement(Item, { ...rest, ref }, icon, children)
|
|
10
21
|
);
|
|
11
|
-
ListItem
|
|
22
|
+
const ListItem = ListItemComponent;
|
|
12
23
|
exports.ListItem = ListItem;
|
|
@@ -32,7 +32,7 @@ const defaultOptions = {
|
|
|
32
32
|
src: restore
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
|
-
const
|
|
35
|
+
const OptionsBoxComponent = Frame.fixedForwardRef(
|
|
36
36
|
(rest, ref) => /* @__PURE__ */ React.createElement(
|
|
37
37
|
Frame.Frame,
|
|
38
38
|
{
|
|
@@ -42,63 +42,53 @@ const OptionsBox = Frame.fixedForwardRef(
|
|
|
42
42
|
}
|
|
43
43
|
)
|
|
44
44
|
);
|
|
45
|
-
const
|
|
46
|
-
|
|
47
|
-
|
|
45
|
+
const OptionsBox = OptionsBoxComponent;
|
|
46
|
+
const OptionComponent = Frame.fixedForwardRef((rest, ref) => /* @__PURE__ */ React.createElement(
|
|
47
|
+
Frame.Frame,
|
|
48
|
+
{
|
|
49
|
+
as: "button",
|
|
50
|
+
...rest,
|
|
51
|
+
ref,
|
|
52
|
+
className: cn(Button_css.button, TitleBar_css.option, rest.className)
|
|
53
|
+
}
|
|
54
|
+
));
|
|
55
|
+
const Option = OptionComponent;
|
|
56
|
+
const DefaultOptionComponent = Frame.fixedForwardRef((props, ref) => {
|
|
57
|
+
const { kind, ...rest } = props;
|
|
58
|
+
const optionType = defaultOptions[kind] || defaultOptions.help;
|
|
59
|
+
return /* @__PURE__ */ React.createElement(Option, { ...rest, ref }, /* @__PURE__ */ React.createElement(
|
|
60
|
+
"img",
|
|
48
61
|
{
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
className: cn(Button_css.button, TitleBar_css.option, rest.className)
|
|
62
|
+
src: optionType.src,
|
|
63
|
+
alt: optionType.alt,
|
|
64
|
+
className: TitleBar_css.optionImage
|
|
53
65
|
}
|
|
54
|
-
)
|
|
55
|
-
);
|
|
56
|
-
const DefaultOption =
|
|
57
|
-
|
|
58
|
-
const { kind, ...rest } = props;
|
|
59
|
-
const optionType = defaultOptions[kind] || defaultOptions.help;
|
|
60
|
-
return /* @__PURE__ */ React.createElement(Option, { ...rest, ref }, /* @__PURE__ */ React.createElement(
|
|
61
|
-
"img",
|
|
62
|
-
{
|
|
63
|
-
src: optionType.src,
|
|
64
|
-
alt: optionType.alt,
|
|
65
|
-
className: TitleBar_css.optionImage
|
|
66
|
-
}
|
|
67
|
-
));
|
|
68
|
-
}
|
|
69
|
-
);
|
|
70
|
-
const Help = Frame.fixedForwardRef(
|
|
66
|
+
));
|
|
67
|
+
});
|
|
68
|
+
const DefaultOption = DefaultOptionComponent;
|
|
69
|
+
const HelpComponent = Frame.fixedForwardRef(
|
|
71
70
|
(props, ref) => {
|
|
72
71
|
return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "help", ref });
|
|
73
72
|
}
|
|
74
73
|
);
|
|
75
|
-
const
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
const
|
|
81
|
-
(props, ref)
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
)
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
);
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
}
|
|
94
|
-
);
|
|
95
|
-
const TitleBarRenderer = ({
|
|
96
|
-
children,
|
|
97
|
-
title = "UNKNOWN.EXE",
|
|
98
|
-
icon,
|
|
99
|
-
active = true,
|
|
100
|
-
...rest
|
|
101
|
-
}, ref) => /* @__PURE__ */ React.createElement(
|
|
74
|
+
const Help = HelpComponent;
|
|
75
|
+
const CloseComponent = Frame.fixedForwardRef((props, ref) => {
|
|
76
|
+
return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "close", ref });
|
|
77
|
+
});
|
|
78
|
+
const Close = CloseComponent;
|
|
79
|
+
const MaximizeComponent = Frame.fixedForwardRef((props, ref) => {
|
|
80
|
+
return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "maximize", ref });
|
|
81
|
+
});
|
|
82
|
+
const Maximize = MaximizeComponent;
|
|
83
|
+
const MinimizeComponent = Frame.fixedForwardRef((props, ref) => {
|
|
84
|
+
return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "minimize", ref });
|
|
85
|
+
});
|
|
86
|
+
const Minimize = MinimizeComponent;
|
|
87
|
+
const RestoreComponent = Frame.fixedForwardRef((props, ref) => {
|
|
88
|
+
return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "restore", ref });
|
|
89
|
+
});
|
|
90
|
+
const Restore = RestoreComponent;
|
|
91
|
+
const TitleBarRenderer = Frame.fixedForwardRef(({ children, title = "UNKNOWN.EXE", icon, active = true, ...rest }, ref) => /* @__PURE__ */ React.createElement(
|
|
102
92
|
Frame.Frame,
|
|
103
93
|
{
|
|
104
94
|
...rest,
|
|
@@ -108,8 +98,8 @@ const TitleBarRenderer = ({
|
|
|
108
98
|
icon && icon,
|
|
109
99
|
/* @__PURE__ */ React.createElement("div", { className: TitleBar_css.title }, title),
|
|
110
100
|
children
|
|
111
|
-
);
|
|
112
|
-
const TitleBar = Object.assign(
|
|
101
|
+
));
|
|
102
|
+
const TitleBar = Object.assign(TitleBarRenderer, {
|
|
113
103
|
Option,
|
|
114
104
|
OptionsBox,
|
|
115
105
|
Help,
|
package/cjs/Video/Video.cjs
CHANGED
|
@@ -129,7 +129,6 @@ const VideoRenderer = ({ name, src, videoProps, ...props }, ref) => {
|
|
|
129
129
|
), /* @__PURE__ */ React.createElement("div", { className: Video_css.videoFont, style: { height: 12 } }, !loadeddata && "Openning")), /* @__PURE__ */ React.createElement(Frame.Frame, { display: "flex", flexDirection: "column", w: "40%" }, /* @__PURE__ */ React.createElement("div", { className: cn(Video_css.videoFont, Video_css.currentTime) }, player.current && parseCurrentTime(player.current.currentTime)), /* @__PURE__ */ React.createElement("div", { className: cn(Video_css.videoFont, Video_css.elapsedTime) }, "time"))), /* @__PURE__ */ React.createElement("div", { className: Video_css.controls }, /* @__PURE__ */ React.createElement(
|
|
130
130
|
Button.Button,
|
|
131
131
|
{
|
|
132
|
-
as: "button",
|
|
133
132
|
className: Video_css.controlBtn,
|
|
134
133
|
disabled: !loadeddata,
|
|
135
134
|
onClick: () => {
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
require("./contract.css.ts.vanilla.css.cjs");
|
|
4
3
|
var contract = { space: { "0": "var(--r95-space-0)", "1": "var(--r95-space-1)", "2": "var(--r95-space-2)", "3": "var(--r95-space-3)", "4": "var(--r95-space-4)", "5": "var(--r95-space-5)", "6": "var(--r95-space-6)", "7": "var(--r95-space-7)", "8": "var(--r95-space-8)", "9": "var(--r95-space-9)", "10": "var(--r95-space-10)", "11": "var(--r95-space-11)", "12": "var(--r95-space-12)", "13": "var(--r95-space-13)", "14": "var(--r95-space-14)", "15": "var(--r95-space-15)", "16": "var(--r95-space-16)", "17": "var(--r95-space-17)", "18": "var(--r95-space-18)", "19": "var(--r95-space-19)", "20": "var(--r95-space-20)" }, colors: { anchor: "var(--r95-color-anchor)", anchorVisited: "var(--r95-color-anchorVisited)", borderDark: "var(--r95-color-borderDark)", borderDarkest: "var(--r95-color-borderDarkest)", borderLight: "var(--r95-color-borderLight)", borderLighter: "var(--r95-color-borderLighter)", borderLightest: "var(--r95-color-borderLightest)", canvas: "var(--r95-color-canvas)", canvasText: "var(--r95-color-canvasText)", headerBackground: "var(--r95-color-headerBackground)", headerNotActiveBackground: "var(--r95-color-headerNotActiveBackground)", headerNotActiveText: "var(--r95-color-headerNotActiveText)", headerText: "var(--r95-color-headerText)", material: "var(--r95-color-material)", materialText: "var(--r95-color-materialText)", materialTextDisabled: "var(--r95-color-materialTextDisabled)", materialTextDisabledShadow: "var(--r95-color-materialTextDisabledShadow)", materialTextInvert: "var(--r95-color-materialTextInvert)", progress: "var(--r95-color-progress)", inputBackground: "var(--r95-color-inputBackground)", inputBackgroundDisabled: "var(--r95-color-inputBackgroundDisabled)" }, zIndices: { modal: "var(--r95-zIndex-modal)", tooltip: "var(--r95-zIndex-tooltip)", taskbar: "var(--r95-zIndex-taskbar)" }, shadows: { out: "var(--r95-shadow-out)", "in": "var(--r95-shadow-in)", input: "var(--r95-shadow-input)" } };
|
|
5
4
|
exports.contract = contract;
|
package/esm/Button/Button.mjs
CHANGED
|
@@ -2,19 +2,18 @@ import React from "react";
|
|
|
2
2
|
import cn from "classnames";
|
|
3
3
|
import { button } from "./Button.css.mjs";
|
|
4
4
|
import { fixedForwardRef, Frame } from "../Frame/Frame.mjs";
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
);
|
|
5
|
+
const ButtonComponent = fixedForwardRef((props, ref) => {
|
|
6
|
+
return /* @__PURE__ */ React.createElement(
|
|
7
|
+
Frame,
|
|
8
|
+
{
|
|
9
|
+
as: "button",
|
|
10
|
+
...props,
|
|
11
|
+
className: cn(button, props.className),
|
|
12
|
+
ref
|
|
13
|
+
}
|
|
14
|
+
);
|
|
15
|
+
});
|
|
16
|
+
const Button = ButtonComponent;
|
|
18
17
|
export {
|
|
19
18
|
Button
|
|
20
19
|
};
|
package/esm/Frame/Frame.mjs
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { forwardRef, createElement } from "react";
|
|
2
2
|
import { sprinkles } from "./Frame.css.mjs";
|
|
3
3
|
import cn from "classnames";
|
|
4
4
|
const fixedForwardRef = forwardRef;
|
|
5
5
|
const FrameComponent = (props, ref) => {
|
|
6
6
|
const { as, children, ...rest } = props;
|
|
7
|
-
const
|
|
7
|
+
const tag = as || "div";
|
|
8
8
|
const { className, style, otherProps } = sprinkles(rest);
|
|
9
|
-
return
|
|
10
|
-
|
|
9
|
+
return createElement(
|
|
10
|
+
tag,
|
|
11
11
|
{
|
|
12
12
|
...otherProps,
|
|
13
13
|
style: { ...style, ...otherProps.style },
|
|
@@ -17,7 +17,7 @@ const FrameComponent = (props, ref) => {
|
|
|
17
17
|
children
|
|
18
18
|
);
|
|
19
19
|
};
|
|
20
|
-
const Frame =
|
|
20
|
+
const Frame = forwardRef(FrameComponent);
|
|
21
21
|
export {
|
|
22
22
|
Frame,
|
|
23
23
|
fixedForwardRef
|
package/esm/List/List.mjs
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from "react";
|
|
2
2
|
import cn from "classnames";
|
|
3
3
|
import { ListItem } from "./ListItem.mjs";
|
|
4
4
|
import { Divider } from "./ListDivider.mjs";
|
|
5
|
-
import { Frame } from "../Frame/Frame.mjs";
|
|
5
|
+
import { fixedForwardRef, Frame } from "../Frame/Frame.mjs";
|
|
6
6
|
import { list } from "./List.css.mjs";
|
|
7
|
-
const
|
|
8
|
-
|
|
7
|
+
const ListComponent = fixedForwardRef(
|
|
8
|
+
(rest, ref) => /* @__PURE__ */ React.createElement(Frame, { ...rest, ref, className: cn(list, rest.className), as: "ul" })
|
|
9
|
+
);
|
|
10
|
+
const List = Object.assign(ListComponent, {
|
|
9
11
|
Item: ListItem,
|
|
10
12
|
Divider
|
|
11
13
|
});
|
package/esm/List/ListDivider.mjs
CHANGED
|
@@ -1,9 +1,19 @@
|
|
|
1
|
-
import React
|
|
2
|
-
import { Frame } from "../Frame/Frame.mjs";
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { fixedForwardRef, Frame } from "../Frame/Frame.mjs";
|
|
3
3
|
import { divider } from "./List.css.mjs";
|
|
4
4
|
import cn from "classnames";
|
|
5
|
-
const
|
|
6
|
-
|
|
5
|
+
const DividerComponent = fixedForwardRef(
|
|
6
|
+
(rest, ref) => /* @__PURE__ */ React.createElement(
|
|
7
|
+
Frame,
|
|
8
|
+
{
|
|
9
|
+
...rest,
|
|
10
|
+
ref,
|
|
11
|
+
className: cn(divider, rest.className),
|
|
12
|
+
as: "li"
|
|
13
|
+
}
|
|
14
|
+
)
|
|
15
|
+
);
|
|
16
|
+
const Divider = DividerComponent;
|
|
7
17
|
export {
|
|
8
18
|
Divider
|
|
9
19
|
};
|
package/esm/List/ListItem.mjs
CHANGED
|
@@ -1,12 +1,23 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from "react";
|
|
2
2
|
import cn from "classnames";
|
|
3
|
-
import { Frame } from "../Frame/Frame.mjs";
|
|
3
|
+
import { fixedForwardRef, Frame } from "../Frame/Frame.mjs";
|
|
4
4
|
import { listItem } from "./List.css.mjs";
|
|
5
|
-
const
|
|
6
|
-
|
|
5
|
+
const ItemComponent = fixedForwardRef(
|
|
6
|
+
(rest, ref) => /* @__PURE__ */ React.createElement(
|
|
7
|
+
Frame,
|
|
8
|
+
{
|
|
9
|
+
...rest,
|
|
10
|
+
ref,
|
|
11
|
+
className: cn(listItem, rest.className),
|
|
12
|
+
as: "li"
|
|
13
|
+
}
|
|
14
|
+
)
|
|
15
|
+
);
|
|
16
|
+
const Item = ItemComponent;
|
|
17
|
+
const ListItemComponent = fixedForwardRef(
|
|
7
18
|
({ icon, children = [], ...rest }, ref) => /* @__PURE__ */ React.createElement(Item, { ...rest, ref }, icon, children)
|
|
8
19
|
);
|
|
9
|
-
ListItem
|
|
20
|
+
const ListItem = ListItemComponent;
|
|
10
21
|
export {
|
|
11
22
|
ListItem
|
|
12
23
|
};
|
|
@@ -30,7 +30,7 @@ const defaultOptions = {
|
|
|
30
30
|
src: restore
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
|
-
const
|
|
33
|
+
const OptionsBoxComponent = fixedForwardRef(
|
|
34
34
|
(rest, ref) => /* @__PURE__ */ React.createElement(
|
|
35
35
|
Frame,
|
|
36
36
|
{
|
|
@@ -40,63 +40,53 @@ const OptionsBox = fixedForwardRef(
|
|
|
40
40
|
}
|
|
41
41
|
)
|
|
42
42
|
);
|
|
43
|
-
const
|
|
44
|
-
|
|
45
|
-
|
|
43
|
+
const OptionsBox = OptionsBoxComponent;
|
|
44
|
+
const OptionComponent = fixedForwardRef((rest, ref) => /* @__PURE__ */ React.createElement(
|
|
45
|
+
Frame,
|
|
46
|
+
{
|
|
47
|
+
as: "button",
|
|
48
|
+
...rest,
|
|
49
|
+
ref,
|
|
50
|
+
className: cn(button, option, rest.className)
|
|
51
|
+
}
|
|
52
|
+
));
|
|
53
|
+
const Option = OptionComponent;
|
|
54
|
+
const DefaultOptionComponent = fixedForwardRef((props, ref) => {
|
|
55
|
+
const { kind, ...rest } = props;
|
|
56
|
+
const optionType = defaultOptions[kind] || defaultOptions.help;
|
|
57
|
+
return /* @__PURE__ */ React.createElement(Option, { ...rest, ref }, /* @__PURE__ */ React.createElement(
|
|
58
|
+
"img",
|
|
46
59
|
{
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
className: cn(button, option, rest.className)
|
|
60
|
+
src: optionType.src,
|
|
61
|
+
alt: optionType.alt,
|
|
62
|
+
className: optionImage
|
|
51
63
|
}
|
|
52
|
-
)
|
|
53
|
-
);
|
|
54
|
-
const DefaultOption =
|
|
55
|
-
|
|
56
|
-
const { kind, ...rest } = props;
|
|
57
|
-
const optionType = defaultOptions[kind] || defaultOptions.help;
|
|
58
|
-
return /* @__PURE__ */ React.createElement(Option, { ...rest, ref }, /* @__PURE__ */ React.createElement(
|
|
59
|
-
"img",
|
|
60
|
-
{
|
|
61
|
-
src: optionType.src,
|
|
62
|
-
alt: optionType.alt,
|
|
63
|
-
className: optionImage
|
|
64
|
-
}
|
|
65
|
-
));
|
|
66
|
-
}
|
|
67
|
-
);
|
|
68
|
-
const Help = fixedForwardRef(
|
|
64
|
+
));
|
|
65
|
+
});
|
|
66
|
+
const DefaultOption = DefaultOptionComponent;
|
|
67
|
+
const HelpComponent = fixedForwardRef(
|
|
69
68
|
(props, ref) => {
|
|
70
69
|
return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "help", ref });
|
|
71
70
|
}
|
|
72
71
|
);
|
|
73
|
-
const
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
const
|
|
79
|
-
(props, ref)
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
)
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
);
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
}
|
|
92
|
-
);
|
|
93
|
-
const TitleBarRenderer = ({
|
|
94
|
-
children,
|
|
95
|
-
title: title$1 = "UNKNOWN.EXE",
|
|
96
|
-
icon,
|
|
97
|
-
active = true,
|
|
98
|
-
...rest
|
|
99
|
-
}, ref) => /* @__PURE__ */ React.createElement(
|
|
72
|
+
const Help = HelpComponent;
|
|
73
|
+
const CloseComponent = fixedForwardRef((props, ref) => {
|
|
74
|
+
return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "close", ref });
|
|
75
|
+
});
|
|
76
|
+
const Close = CloseComponent;
|
|
77
|
+
const MaximizeComponent = fixedForwardRef((props, ref) => {
|
|
78
|
+
return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "maximize", ref });
|
|
79
|
+
});
|
|
80
|
+
const Maximize = MaximizeComponent;
|
|
81
|
+
const MinimizeComponent = fixedForwardRef((props, ref) => {
|
|
82
|
+
return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "minimize", ref });
|
|
83
|
+
});
|
|
84
|
+
const Minimize = MinimizeComponent;
|
|
85
|
+
const RestoreComponent = fixedForwardRef((props, ref) => {
|
|
86
|
+
return /* @__PURE__ */ React.createElement(DefaultOption, { ...props, kind: "restore", ref });
|
|
87
|
+
});
|
|
88
|
+
const Restore = RestoreComponent;
|
|
89
|
+
const TitleBarRenderer = fixedForwardRef(({ children, title: title$1 = "UNKNOWN.EXE", icon, active = true, ...rest }, ref) => /* @__PURE__ */ React.createElement(
|
|
100
90
|
Frame,
|
|
101
91
|
{
|
|
102
92
|
...rest,
|
|
@@ -106,8 +96,8 @@ const TitleBarRenderer = ({
|
|
|
106
96
|
icon && icon,
|
|
107
97
|
/* @__PURE__ */ React.createElement("div", { className: title }, title$1),
|
|
108
98
|
children
|
|
109
|
-
);
|
|
110
|
-
const TitleBar = Object.assign(
|
|
99
|
+
));
|
|
100
|
+
const TitleBar = Object.assign(TitleBarRenderer, {
|
|
111
101
|
Option,
|
|
112
102
|
OptionsBox,
|
|
113
103
|
Help,
|
package/esm/Video/Video.mjs
CHANGED
|
@@ -127,7 +127,6 @@ const VideoRenderer = ({ name, src, videoProps, ...props }, ref) => {
|
|
|
127
127
|
), /* @__PURE__ */ React.createElement("div", { className: videoFont, style: { height: 12 } }, !loadeddata && "Openning")), /* @__PURE__ */ React.createElement(Frame, { display: "flex", flexDirection: "column", w: "40%" }, /* @__PURE__ */ React.createElement("div", { className: cn(videoFont, currentTime) }, player.current && parseCurrentTime(player.current.currentTime)), /* @__PURE__ */ React.createElement("div", { className: cn(videoFont, elapsedTime) }, "time"))), /* @__PURE__ */ React.createElement("div", { className: controls }, /* @__PURE__ */ React.createElement(
|
|
128
128
|
Button,
|
|
129
129
|
{
|
|
130
|
-
as: "button",
|
|
131
130
|
className: controlBtn,
|
|
132
131
|
disabled: !loadeddata,
|
|
133
132
|
onClick: () => {
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import "./contract.css.ts.vanilla.css.mjs";
|
|
2
1
|
var contract = { space: { "0": "var(--r95-space-0)", "1": "var(--r95-space-1)", "2": "var(--r95-space-2)", "3": "var(--r95-space-3)", "4": "var(--r95-space-4)", "5": "var(--r95-space-5)", "6": "var(--r95-space-6)", "7": "var(--r95-space-7)", "8": "var(--r95-space-8)", "9": "var(--r95-space-9)", "10": "var(--r95-space-10)", "11": "var(--r95-space-11)", "12": "var(--r95-space-12)", "13": "var(--r95-space-13)", "14": "var(--r95-space-14)", "15": "var(--r95-space-15)", "16": "var(--r95-space-16)", "17": "var(--r95-space-17)", "18": "var(--r95-space-18)", "19": "var(--r95-space-19)", "20": "var(--r95-space-20)" }, colors: { anchor: "var(--r95-color-anchor)", anchorVisited: "var(--r95-color-anchorVisited)", borderDark: "var(--r95-color-borderDark)", borderDarkest: "var(--r95-color-borderDarkest)", borderLight: "var(--r95-color-borderLight)", borderLighter: "var(--r95-color-borderLighter)", borderLightest: "var(--r95-color-borderLightest)", canvas: "var(--r95-color-canvas)", canvasText: "var(--r95-color-canvasText)", headerBackground: "var(--r95-color-headerBackground)", headerNotActiveBackground: "var(--r95-color-headerNotActiveBackground)", headerNotActiveText: "var(--r95-color-headerNotActiveText)", headerText: "var(--r95-color-headerText)", material: "var(--r95-color-material)", materialText: "var(--r95-color-materialText)", materialTextDisabled: "var(--r95-color-materialTextDisabled)", materialTextDisabledShadow: "var(--r95-color-materialTextDisabledShadow)", materialTextInvert: "var(--r95-color-materialTextInvert)", progress: "var(--r95-color-progress)", inputBackground: "var(--r95-color-inputBackground)", inputBackgroundDisabled: "var(--r95-color-inputBackgroundDisabled)" }, zIndices: { modal: "var(--r95-zIndex-modal)", tooltip: "var(--r95-zIndex-tooltip)", taskbar: "var(--r95-zIndex-taskbar)" }, shadows: { out: "var(--r95-shadow-out)", "in": "var(--r95-shadow-in)", input: "var(--r95-shadow-input)" } };
|
|
3
2
|
export {
|
|
4
3
|
contract
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react95/core",
|
|
3
|
-
"version": "9.6.
|
|
3
|
+
"version": "9.6.3",
|
|
4
4
|
"description": "Windows 95 styleguide",
|
|
5
5
|
"main": "cjs/index.cjs",
|
|
6
6
|
"type": "module",
|
|
@@ -31,6 +31,7 @@
|
|
|
31
31
|
"require": "./cjs/themes/contract.css.cjs"
|
|
32
32
|
},
|
|
33
33
|
"./GlobalStyle": {
|
|
34
|
+
"types": "./types/GlobalStyle/GlobalStyle.css.d.ts",
|
|
34
35
|
"import": "./esm/GlobalStyle/GlobalStyle.css.ts.vanilla.css",
|
|
35
36
|
"require": "./cjs/GlobalStyle/GlobalStyle.css.ts.vanilla.css"
|
|
36
37
|
},
|
|
@@ -195,7 +196,7 @@
|
|
|
195
196
|
"url": "https://github.com/React95/React95/issues"
|
|
196
197
|
},
|
|
197
198
|
"homepage": "https://github.com/React95/React95#readme",
|
|
198
|
-
"gitHead": "
|
|
199
|
+
"gitHead": "36ac448be03019c664597540ac75250a50a99ed2",
|
|
199
200
|
"module": "esm/index.mjs",
|
|
200
201
|
"private": false,
|
|
201
202
|
"types": "types/index.d.ts"
|