@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.
Files changed (234) hide show
  1. package/cjs/Alert/{Alert.js → Alert.cjs} +3 -3
  2. package/cjs/Alert/{Alert.css.js → Alert.css.cjs} +1 -1
  3. package/cjs/Avatar/{Avatar.js → Avatar.cjs} +2 -2
  4. package/cjs/Avatar/{Avatar.css.js → Avatar.css.cjs} +1 -1
  5. package/cjs/Button/{Button.js → Button.cjs} +2 -2
  6. package/cjs/Button/{Button.css.js → Button.css.cjs} +1 -1
  7. package/cjs/Checkbox/{Checkbox.js → Checkbox.cjs} +1 -1
  8. package/cjs/Checkbox/{Checkbox.css.js → Checkbox.css.cjs} +1 -1
  9. package/cjs/Cursor/Cursor.css.cjs +5 -0
  10. package/cjs/Dropdown/{Dropdown.js → Dropdown.cjs} +3 -3
  11. package/cjs/Dropdown/{Dropdown.css.js → Dropdown.css.cjs} +1 -1
  12. package/cjs/Fieldset/{Fieldset.js → Fieldset.cjs} +2 -2
  13. package/cjs/Fieldset/{Fieldset.css.js → Fieldset.css.cjs} +1 -1
  14. package/cjs/Frame/{Frame.js → Frame.cjs} +1 -1
  15. package/cjs/Frame/{Frame.css.js → Frame.css.cjs} +1 -1
  16. package/cjs/GlobalStyle/{GlobalStyle.css.js → GlobalStyle.css.cjs} +1 -1
  17. package/cjs/{GlobalStyle.js → GlobalStyle.cjs} +1 -1
  18. package/cjs/Input/{Input.js → Input.cjs} +2 -2
  19. package/cjs/Input/{Input.css.js → Input.css.cjs} +1 -1
  20. package/cjs/List/{List.js → List.cjs} +4 -4
  21. package/cjs/List/{List.css.js → List.css.cjs} +1 -1
  22. package/cjs/List/{ListDivider.js → ListDivider.cjs} +2 -2
  23. package/cjs/List/{ListItem.js → ListItem.cjs} +2 -2
  24. package/cjs/Modal/{Modal.js → Modal.cjs} +7 -7
  25. package/cjs/Modal/{Modal.css.js → Modal.css.cjs} +1 -1
  26. package/cjs/Modal/{ModalProvider.js → ModalProvider.cjs} +1 -1
  27. package/cjs/ProgressBar/{ProgressBar.js → ProgressBar.cjs} +2 -2
  28. package/cjs/ProgressBar/{ProgressBar.css.js → ProgressBar.css.cjs} +1 -1
  29. package/cjs/RadioButton/{RadioButton.js → RadioButton.cjs} +1 -1
  30. package/cjs/RadioButton/{RadioButton.css.js → RadioButton.css.cjs} +1 -1
  31. package/cjs/Range/{Range.js → Range.cjs} +2 -2
  32. package/cjs/Range/{Range.css.js → Range.css.cjs} +1 -1
  33. package/cjs/Tabs/{Tab.js → Tab.cjs} +2 -2
  34. package/cjs/Tabs/{Tabs.js → Tabs.cjs} +3 -3
  35. package/cjs/Tabs/{Tabs.css.js → Tabs.css.cjs} +1 -1
  36. package/cjs/TaskBar/{Clock.js → Clock.cjs} +3 -3
  37. package/cjs/TaskBar/{TaskBar.js → TaskBar.cjs} +5 -5
  38. package/cjs/TaskBar/{TaskBar.css.js → TaskBar.css.cjs} +1 -1
  39. package/cjs/TaskBar/{WindowButton.js → WindowButton.cjs} +1 -1
  40. package/cjs/TextArea/{TextArea.js → TextArea.cjs} +2 -2
  41. package/cjs/TitleBar/{TitleBar.js → TitleBar.cjs} +3 -3
  42. package/cjs/TitleBar/{TitleBar.css.js → TitleBar.css.cjs} +1 -1
  43. package/cjs/Tooltip/{Tooltip.js → Tooltip.cjs} +1 -1
  44. package/cjs/Tooltip/{Tooltip.css.js → Tooltip.css.cjs} +1 -1
  45. package/cjs/Tree/{Node.js → Node.cjs} +2 -2
  46. package/cjs/Tree/{Tree.js → Tree.cjs} +3 -3
  47. package/cjs/Tree/{Tree.css.js → Tree.css.cjs} +1 -1
  48. package/cjs/Video/{Video.js → Video.cjs} +9 -9
  49. package/cjs/Video/{Video.css.js → Video.css.cjs} +1 -1
  50. package/cjs/index.cjs +50 -0
  51. package/cjs/themes/{azureOrange.css.js → azureOrange.css.cjs} +1 -1
  52. package/cjs/themes/{bee.css.js → bee.css.cjs} +1 -1
  53. package/cjs/themes/{blackAndWhite.css.js → blackAndWhite.css.cjs} +1 -1
  54. package/cjs/themes/{brick.css.js → brick.css.cjs} +1 -1
  55. package/cjs/themes/{candy.css.js → candy.css.cjs} +1 -1
  56. package/cjs/themes/{coldGray.css.js → coldGray.css.cjs} +1 -1
  57. package/cjs/themes/{counterStrike.css.js → counterStrike.css.cjs} +1 -1
  58. package/cjs/themes/{eggplant.css.js → eggplant.css.cjs} +1 -1
  59. package/cjs/themes/{highContrast.css.js → highContrast.css.cjs} +1 -1
  60. package/cjs/themes/{lilac.css.js → lilac.css.cjs} +1 -1
  61. package/cjs/themes/{lilacRoseDark.css.js → lilacRoseDark.css.cjs} +1 -1
  62. package/cjs/themes/{maple.css.js → maple.css.cjs} +1 -1
  63. package/cjs/themes/{marine.css.js → marine.css.cjs} +1 -1
  64. package/cjs/themes/{matrix.css.js → matrix.css.cjs} +1 -1
  65. package/cjs/themes/{millenium.css.js → millenium.css.cjs} +1 -1
  66. package/cjs/themes/{modernDark.css.js → modernDark.css.cjs} +1 -1
  67. package/cjs/themes/{molecule.css.js → molecule.css.cjs} +1 -1
  68. package/cjs/themes/{ninjaTurtles.css.js → ninjaTurtles.css.cjs} +1 -1
  69. package/cjs/themes/{olive.css.js → olive.css.cjs} +1 -1
  70. package/cjs/themes/{pamelaAnderson.css.js → pamelaAnderson.css.cjs} +1 -1
  71. package/cjs/themes/{plum.css.js → plum.css.cjs} +1 -1
  72. package/cjs/themes/{rainyDay.css.js → rainyDay.css.cjs} +1 -1
  73. package/cjs/themes/{rose.css.js → rose.css.cjs} +1 -1
  74. package/cjs/themes/{slate.css.js → slate.css.cjs} +1 -1
  75. package/cjs/themes/{spruce.css.js → spruce.css.cjs} +1 -1
  76. package/cjs/themes/{storm.css.js → storm.css.cjs} +1 -1
  77. package/cjs/themes/{theSixtiesUSA.css.js → theSixtiesUSA.css.cjs} +1 -1
  78. package/cjs/themes/{tokyoDark.css.js → tokyoDark.css.cjs} +1 -1
  79. package/cjs/themes/{tooSexy.css.js → tooSexy.css.cjs} +1 -1
  80. package/cjs/themes/{travel.css.js → travel.css.cjs} +1 -1
  81. package/cjs/themes/{vaporTeal.css.js → vaporTeal.css.cjs} +1 -1
  82. package/cjs/themes/{vermillion.css.js → vermillion.css.cjs} +1 -1
  83. package/cjs/themes/{violetDark.css.js → violetDark.css.cjs} +1 -1
  84. package/cjs/themes/{water.css.js → water.css.cjs} +1 -1
  85. package/cjs/themes/{win95.css.js → win95.css.cjs} +1 -1
  86. package/cjs/themes.cjs +72 -0
  87. package/esm/Alert/{Alert.css.js → Alert.css.mjs} +1 -1
  88. package/esm/Alert/{Alert.js → Alert.mjs} +3 -3
  89. package/esm/Avatar/{Avatar.css.js → Avatar.css.mjs} +1 -1
  90. package/esm/Avatar/{Avatar.js → Avatar.mjs} +2 -2
  91. package/esm/Button/Button.css.mjs +5 -0
  92. package/esm/Button/{Button.js → Button.mjs} +2 -2
  93. package/esm/Checkbox/{Checkbox.css.js → Checkbox.css.mjs} +1 -1
  94. package/esm/Checkbox/{Checkbox.js → Checkbox.mjs} +1 -1
  95. package/esm/Cursor/Cursor.css.mjs +5 -0
  96. package/esm/Dropdown/{Dropdown.css.js → Dropdown.css.mjs} +1 -1
  97. package/esm/Dropdown/{Dropdown.js → Dropdown.mjs} +3 -3
  98. package/esm/Fieldset/{Fieldset.css.js → Fieldset.css.mjs} +1 -1
  99. package/esm/Fieldset/{Fieldset.js → Fieldset.mjs} +2 -2
  100. package/esm/Frame/{Frame.css.js → Frame.css.mjs} +1 -1
  101. package/esm/Frame/{Frame.js → Frame.mjs} +1 -1
  102. package/esm/GlobalStyle/GlobalStyle.css.mjs +2 -0
  103. package/esm/{GlobalStyle.js → GlobalStyle.mjs} +1 -1
  104. package/esm/Input/Input.css.mjs +5 -0
  105. package/esm/Input/{Input.js → Input.mjs} +2 -2
  106. package/esm/List/{List.css.js → List.css.mjs} +1 -1
  107. package/esm/List/{List.js → List.mjs} +4 -4
  108. package/esm/List/{ListDivider.js → ListDivider.mjs} +2 -2
  109. package/esm/List/{ListItem.js → ListItem.mjs} +2 -2
  110. package/esm/Modal/{Modal.css.js → Modal.css.mjs} +1 -1
  111. package/esm/Modal/{Modal.js → Modal.mjs} +7 -7
  112. package/esm/Modal/{ModalProvider.js → ModalProvider.mjs} +1 -1
  113. package/esm/ProgressBar/{ProgressBar.css.js → ProgressBar.css.mjs} +1 -1
  114. package/esm/ProgressBar/{ProgressBar.js → ProgressBar.mjs} +2 -2
  115. package/esm/RadioButton/{RadioButton.css.js → RadioButton.css.mjs} +1 -1
  116. package/esm/RadioButton/{RadioButton.js → RadioButton.mjs} +1 -1
  117. package/esm/Range/Range.css.mjs +5 -0
  118. package/esm/Range/{Range.js → Range.mjs} +2 -2
  119. package/esm/Tabs/{Tab.js → Tab.mjs} +2 -2
  120. package/esm/Tabs/{Tabs.css.js → Tabs.css.mjs} +1 -1
  121. package/esm/Tabs/{Tabs.js → Tabs.mjs} +3 -3
  122. package/esm/TaskBar/{Clock.js → Clock.mjs} +3 -3
  123. package/esm/TaskBar/{TaskBar.css.js → TaskBar.css.mjs} +1 -1
  124. package/esm/TaskBar/{TaskBar.js → TaskBar.mjs} +5 -5
  125. package/esm/TaskBar/{WindowButton.js → WindowButton.mjs} +1 -1
  126. package/esm/TextArea/{TextArea.js → TextArea.mjs} +2 -2
  127. package/esm/TitleBar/{TitleBar.css.js → TitleBar.css.mjs} +1 -1
  128. package/esm/TitleBar/{TitleBar.js → TitleBar.mjs} +3 -3
  129. package/esm/Tooltip/{Tooltip.css.js → Tooltip.css.mjs} +1 -1
  130. package/esm/Tooltip/{Tooltip.js → Tooltip.mjs} +1 -1
  131. package/esm/Tree/{Node.js → Node.mjs} +2 -2
  132. package/esm/Tree/{Tree.css.js → Tree.css.mjs} +1 -1
  133. package/esm/Tree/{Tree.js → Tree.mjs} +3 -3
  134. package/esm/Video/{Video.css.js → Video.css.mjs} +1 -1
  135. package/esm/Video/{Video.js → Video.mjs} +9 -9
  136. package/esm/index.mjs +50 -0
  137. package/esm/themes/azureOrange.css.mjs +2 -0
  138. package/esm/themes/bee.css.mjs +2 -0
  139. package/esm/themes/blackAndWhite.css.mjs +2 -0
  140. package/esm/themes/brick.css.mjs +2 -0
  141. package/esm/themes/candy.css.mjs +2 -0
  142. package/esm/themes/coldGray.css.mjs +2 -0
  143. package/esm/themes/counterStrike.css.mjs +2 -0
  144. package/esm/themes/eggplant.css.mjs +2 -0
  145. package/esm/themes/highContrast.css.mjs +2 -0
  146. package/esm/themes/lilac.css.mjs +2 -0
  147. package/esm/themes/lilacRoseDark.css.mjs +2 -0
  148. package/esm/themes/maple.css.mjs +2 -0
  149. package/esm/themes/marine.css.mjs +2 -0
  150. package/esm/themes/matrix.css.mjs +2 -0
  151. package/esm/themes/millenium.css.mjs +2 -0
  152. package/esm/themes/modernDark.css.mjs +2 -0
  153. package/esm/themes/molecule.css.mjs +2 -0
  154. package/esm/themes/ninjaTurtles.css.mjs +2 -0
  155. package/esm/themes/olive.css.mjs +2 -0
  156. package/esm/themes/pamelaAnderson.css.mjs +2 -0
  157. package/esm/themes/plum.css.mjs +2 -0
  158. package/esm/themes/rainyDay.css.mjs +2 -0
  159. package/esm/themes/rose.css.mjs +2 -0
  160. package/esm/themes/slate.css.mjs +2 -0
  161. package/esm/themes/spruce.css.mjs +2 -0
  162. package/esm/themes/storm.css.mjs +2 -0
  163. package/esm/themes/theSixtiesUSA.css.mjs +2 -0
  164. package/esm/themes/tokyoDark.css.mjs +2 -0
  165. package/esm/themes/tooSexy.css.mjs +2 -0
  166. package/esm/themes/travel.css.mjs +2 -0
  167. package/esm/themes/vaporTeal.css.mjs +2 -0
  168. package/esm/themes/vermillion.css.mjs +2 -0
  169. package/esm/themes/violetDark.css.mjs +2 -0
  170. package/esm/themes/water.css.mjs +2 -0
  171. package/esm/themes/win95.css.mjs +2 -0
  172. package/esm/themes.mjs +72 -0
  173. package/package.json +7 -6
  174. package/cjs/Cursor/Cursor.css.js +0 -5
  175. package/cjs/index.js +0 -50
  176. package/cjs/themes.js +0 -72
  177. package/esm/Button/Button.css.js +0 -5
  178. package/esm/Cursor/Cursor.css.js +0 -5
  179. package/esm/GlobalStyle/GlobalStyle.css.js +0 -2
  180. package/esm/Input/Input.css.js +0 -5
  181. package/esm/Range/Range.css.js +0 -5
  182. package/esm/index.js +0 -50
  183. package/esm/themes/azureOrange.css.js +0 -2
  184. package/esm/themes/bee.css.js +0 -2
  185. package/esm/themes/blackAndWhite.css.js +0 -2
  186. package/esm/themes/brick.css.js +0 -2
  187. package/esm/themes/candy.css.js +0 -2
  188. package/esm/themes/coldGray.css.js +0 -2
  189. package/esm/themes/counterStrike.css.js +0 -2
  190. package/esm/themes/eggplant.css.js +0 -2
  191. package/esm/themes/highContrast.css.js +0 -2
  192. package/esm/themes/lilac.css.js +0 -2
  193. package/esm/themes/lilacRoseDark.css.js +0 -2
  194. package/esm/themes/maple.css.js +0 -2
  195. package/esm/themes/marine.css.js +0 -2
  196. package/esm/themes/matrix.css.js +0 -2
  197. package/esm/themes/millenium.css.js +0 -2
  198. package/esm/themes/modernDark.css.js +0 -2
  199. package/esm/themes/molecule.css.js +0 -2
  200. package/esm/themes/ninjaTurtles.css.js +0 -2
  201. package/esm/themes/olive.css.js +0 -2
  202. package/esm/themes/pamelaAnderson.css.js +0 -2
  203. package/esm/themes/plum.css.js +0 -2
  204. package/esm/themes/rainyDay.css.js +0 -2
  205. package/esm/themes/rose.css.js +0 -2
  206. package/esm/themes/slate.css.js +0 -2
  207. package/esm/themes/spruce.css.js +0 -2
  208. package/esm/themes/storm.css.js +0 -2
  209. package/esm/themes/theSixtiesUSA.css.js +0 -2
  210. package/esm/themes/tokyoDark.css.js +0 -2
  211. package/esm/themes/tooSexy.css.js +0 -2
  212. package/esm/themes/travel.css.js +0 -2
  213. package/esm/themes/vaporTeal.css.js +0 -2
  214. package/esm/themes/vermillion.css.js +0 -2
  215. package/esm/themes/violetDark.css.js +0 -2
  216. package/esm/themes/water.css.js +0 -2
  217. package/esm/themes/win95.css.js +0 -2
  218. package/esm/themes.js +0 -72
  219. /package/cjs/Alert/assets/{chord.mp3.js → chord.mp3.cjs} +0 -0
  220. /package/cjs/Modal/{ModalContext.js → ModalContext.cjs} +0 -0
  221. /package/cjs/Modal/{close.svg.js → close.svg.cjs} +0 -0
  222. /package/cjs/Modal/{help.svg.js → help.svg.cjs} +0 -0
  223. /package/cjs/Video/buttons/{Fullscreen.js → Fullscreen.cjs} +0 -0
  224. /package/cjs/Video/buttons/{Pause.js → Pause.cjs} +0 -0
  225. /package/cjs/Video/buttons/{Play.js → Play.cjs} +0 -0
  226. /package/cjs/Video/buttons/{Stop.js → Stop.cjs} +0 -0
  227. /package/esm/Alert/assets/{chord.mp3.js → chord.mp3.mjs} +0 -0
  228. /package/esm/Modal/{ModalContext.js → ModalContext.mjs} +0 -0
  229. /package/esm/Modal/{close.svg.js → close.svg.mjs} +0 -0
  230. /package/esm/Modal/{help.svg.js → help.svg.mjs} +0 -0
  231. /package/esm/Video/buttons/{Fullscreen.js → Fullscreen.mjs} +0 -0
  232. /package/esm/Video/buttons/{Pause.js → Pause.mjs} +0 -0
  233. /package/esm/Video/buttons/{Play.js → Play.mjs} +0 -0
  234. /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.js";
4
- import { wrapper, whiteBar, container, progress } from "./ProgressBar.css.js";
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 './RadioButton.css.ts.vanilla.css';
2
- /* empty css */var field = "r95_1rnz0nz3";
2
+ /* empty css */var field = "r95_1rnz0nz3";
3
3
  var icon = "r95_1rnz0nz0";
4
4
  var label = "r95_1rnz0nz2";
5
5
  var text = "r95_1rnz0nz1";
@@ -1,5 +1,5 @@
1
1
  import React__default, { forwardRef } from "react";
2
- import { label, field, icon, text } from "./RadioButton.css.js";
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",
@@ -0,0 +1,5 @@
1
+ import './Range.css.ts.vanilla.css';
2
+ /* empty css */var range = "r95_1i4w9z20";
3
+ export {
4
+ range
5
+ };
@@ -1,6 +1,6 @@
1
1
  import * as React from "react";
2
- import { Frame } from "../Frame/Frame.js";
3
- import { range } from "./Range.css.js";
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.js";
3
- import { Frame } from "../Frame/Frame.js";
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 */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
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.js";
4
- import { navbar, navContainer } from "./Tabs.css.js";
5
- import { Frame } from "../Frame/Frame.js";
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.js";
3
- import { Tooltip } from "../Tooltip/Tooltip.js";
4
- import { tooltip } from "./TaskBar.css.js";
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 */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
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.js";
3
- import { Frame } from "../Frame/Frame.js";
4
- import { Clock } from "./Clock.js";
5
- import { WindowButton } from "./WindowButton.js";
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.js";
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.js";
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.js";
3
- import { input } from "../Input/Input.css.js";
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 */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
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.js";
3
- import { optionsBox, option, titleBarBackground, title } from "./TitleBar.css.js";
4
- import { button } from "../Button/Button.css.js";
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,5 +1,5 @@
1
1
  import './Tooltip.css.ts.vanilla.css';
2
- /* empty css */var tip = "r95_f5whxn0";
2
+ /* empty css */var tip = "r95_f5whxn0";
3
3
  var wrapper = "r95_f5whxn1";
4
4
  export {
5
5
  tip,
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import { wrapper, tip } from "./Tooltip.css.js";
2
+ import { wrapper, tip } from "./Tooltip.css.mjs";
3
3
  import cn from "classnames";
4
4
  function formatDate(date) {
5
5
  const monthNames = [
@@ -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.js";
4
- import { Frame } from "../Frame/Frame.js";
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 */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
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.js";
3
- import { tree } from "./Tree.css.js";
4
- import { Frame } from "../Frame/Frame.js";
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 */import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
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.js";
4
- import { Frame } from "../Frame/Frame.js";
5
- import { Button } from "../Button/Button.js";
6
- import { Range } from "../Range/Range.js";
7
- import { TitleBar } from "../TitleBar/TitleBar.js";
8
- import Play from "./buttons/Play.js";
9
- import Pause from "./buttons/Pause.js";
10
- import Stop from "./buttons/Stop.js";
11
- import Fullscreen from "./buttons/Fullscreen.js";
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
+ };
@@ -0,0 +1,2 @@
1
+ import './azureOrange.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './bee.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './blackAndWhite.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './brick.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './candy.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './coldGray.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './counterStrike.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './eggplant.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './highContrast.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './lilac.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './lilacRoseDark.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './maple.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './marine.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './matrix.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './millenium.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './modernDark.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './molecule.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './ninjaTurtles.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './olive.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './pamelaAnderson.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './plum.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './rainyDay.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './rose.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './slate.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './spruce.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './storm.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './theSixtiesUSA.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './tokyoDark.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './tooSexy.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './travel.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './vaporTeal.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './vermillion.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './violetDark.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './water.css.ts.vanilla.css';
2
+ /* empty css */
@@ -0,0 +1,2 @@
1
+ import './win95.css.ts.vanilla.css';
2
+ /* empty css */
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.4",
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.js",
14
+ "import": "./esm/themes/*.css.mjs",
14
15
  "require": "./cjs/themes/*.css.js"
15
16
  },
16
17
  "./GlobalStyle": {
17
- "import": "./esm/GlobalStyle.js",
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": "9500fe012c967052b5351320954efd96529f5c72",
57
+ "gitHead": "ccf949630b3bfcf5a1726e66067f769511e01d28",
57
58
  "module": "./esm",
58
59
  "private": false,
59
60
  "types": "@types"
@@ -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;