@react95/core 7.0.1 → 8.0.0-alpha.0

package/@types/GlobalStyle/GlobalStyle.css.d.ts

@@ -0,0 +1,2 @@
+export declare const MSSansSerif = "MS Sans Serif";
+export declare const R95VideoNumbers = "React95Video-Numbers";

package/@types/GlobalStyle/utils.d.ts

@@ -0,0 +1,15 @@
+interface IBorderStyle {
+    direction?: 'extrude' | 'intrude';
+}
+interface IBorder extends IBorderStyle {
+    outerTopLeft: string;
+    innerTopLeft: string;
+    outerBottomRight: string;
+    innerBottomRight: string;
+}
+export declare const createBorder: ({ direction, outerTopLeft, innerTopLeft, outerBottomRight, innerBottomRight, }: IBorder) => {
+    border: number;
+    boxShadow: string;
+};
+export declare const createTriangleSVG: (color: string, angle?: number) => string;
+export {};

package/@types/Input/Input.css.d.ts

@@ -0,0 +1 @@
+export declare const input: string;

package/@types/Input/Input.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { PaddingProps, BorderProps, ShadowProps } from 'styled-system';
-export type InputProps = PaddingProps & BorderProps & ShadowProps & React.HTMLAttributes<HTMLInputElement>;
-declare const Input: import("styled-components").StyledComponent<"input", import("@xstyled/system").Theme, PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & React.HTMLAttributes<HTMLInputElement>, never>;
-export default Input;
+import { FrameProps } from '../Frame/Frame';
+export type InputProps = Omit<FrameProps<'input'>, 'as'>;
+export declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/@types/Input/index.d.ts

@@ -1,2 +1,2 @@
-import Input from './Input';
+import { Input } from './Input';
 export default Input;

package/@types/List/List.css.d.ts

@@ -0,0 +1,3 @@
+export declare const listItem: string;
+export declare const divider: string;
+export declare const list: string;

package/@types/List/List.d.ts

@@ -1,12 +1,12 @@
-import ListItem from './ListItem';
-import Divider from './ListDivider';
-type ListProps = {
-    width?: number;
-};
-declare const StyledList: import("styled-components").StyledComponent<"ul", import("@xstyled/system").Theme, ListProps, never>;
-export type IListProps = typeof StyledList & {
+import { ListItem } from './ListItem';
+import { Divider } from './ListDivider';
+import { FrameProps } from '../Frame/Frame';
+import React from 'react';
+export type ListProps = Omit<FrameProps<'ul'>, 'as'>;
+declare const ListRenderer: React.ForwardRefExoticComponent<Omit<ListProps, "ref"> & React.RefAttributes<HTMLUListElement>>;
+export type IListProps = typeof ListRenderer & {
     Item: typeof ListItem;
     Divider: typeof Divider;
 };
-declare const List: IListProps;
-export default List;
+export declare const List: IListProps;
+export {};

package/@types/List/ListDivider.d.ts

@@ -1,2 +1,4 @@
-declare const Divider: import("styled-components").StyledComponent<"li", import("@xstyled/system").Theme, {}, never>;
-export default Divider;
+import React from 'react';
+import { FrameProps } from '../Frame/Frame';
+export type DividerProps = Omit<FrameProps<'li'>, 'as'>;
+export declare const Divider: React.ForwardRefExoticComponent<Omit<DividerProps, "ref"> & React.RefAttributes<HTMLLIElement>>;

package/@types/List/ListItem.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 export type ListItemProps = {
     icon?: React.ReactElement;
 } & React.HtmlHTMLAttributes<HTMLLIElement>;
-declare const ListItem: React.ForwardRefExoticComponent<{
+export declare const ListItem: React.ForwardRefExoticComponent<{
     icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
 } & React.HtmlHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
-export default ListItem;

package/@types/List/index.d.ts

@@ -1,2 +1,2 @@
-import List from './List';
+import { List } from './List';
 export default List;

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

@@ -0,0 +1,18 @@
+export declare const modalWrapper: import("@vanilla-extract/recipes").RuntimeFn<{
+    active: {
+        true: {
+            zIndex: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const buttonWrapper: string;
+export declare const content: string;
+export declare const menuWrapper: string;
+export declare const menuItem: import("@vanilla-extract/recipes").RuntimeFn<{
+    active: {
+        true: {
+            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;

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

@@ -1,16 +1,8 @@
 /// <reference path="../../../../../types/draggable.d.ts" />
-import * as CSS from 'csstype';
 import * as React from 'react';
 import { DraggableProps } from 'react-draggable';
 import List from '../List';
-type WrapperProps = {
-    width?: CSS.Property.Width;
-    height?: CSS.Property.Height;
-    active?: boolean;
-};
-type ButtonWrapperProps = {
-    buttonsAlignment?: CSS.Property.JustifyContent;
-};
+import { FrameProps } from '../Frame/Frame';
 export type ModalButtons = {
     value: string;
     onClick(event: React.MouseEvent): void;
@@ -25,22 +17,14 @@ export type ModalDefaultPosition = {
 };
 export type ModalProps = {
     icon?: React.ReactElement;
-    closeModal(event: React.MouseEvent): void;
+    onClose(event: React.MouseEvent): void;
+    onHelp?(event: React.MouseEvent): void;
     title: string;
     buttons?: Array<ModalButtons>;
     menu?: Array<ModalMenu>;
     defaultPosition?: DraggableProps['defaultPosition'];
     positionOffset?: DraggableProps['positionOffset'];
     hasWindowButton?: boolean;
-} & Omit<WrapperProps, 'active'> & ButtonWrapperProps & React.HTMLAttributes<HTMLDivElement>;
-declare const Modal: React.ForwardRefExoticComponent<{
-    icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    closeModal(event: React.MouseEvent): void;
-    title: string;
-    buttons?: ModalButtons[] | undefined;
-    menu?: ModalMenu[] | undefined;
-    defaultPosition?: import("react-draggable").ControlPosition | undefined;
-    positionOffset?: import("react-draggable").PositionOffsetControlPosition | undefined;
-    hasWindowButton?: boolean | undefined;
-} & Omit<WrapperProps, "active"> & ButtonWrapperProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export default Modal;
+    buttonsAlignment?: FrameProps['justifyContent'];
+} & Omit<FrameProps, 'as'> & React.HTMLAttributes<HTMLDivElement>;
+export declare const Modal: React.ForwardRefExoticComponent<Omit<ModalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,4 +1,4 @@
-import Modal from './Modal';
+import { Modal } from './Modal';
 import ModalContext from './ModalContext';
 import ModalProvider from './ModalProvider';
 export { Modal, ModalContext, ModalProvider };

package/@types/ProgressBar/ProgressBar.css.d.ts

@@ -0,0 +1,4 @@
+export declare const wrapper: string;
+export declare const whiteBar: string;
+export declare const container: string;
+export declare const progress: string;

package/@types/ProgressBar/ProgressBar.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
+import { FrameProps } from '../Frame/Frame';
 export type ProgressBarProps = {
-    width?: number;
     percent?: number;
-};
-declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;
-export default ProgressBar;
+} & FrameProps;
+export declare const ProgressBar: React.ForwardRefExoticComponent<Omit<ProgressBarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/@types/ProgressBar/index.d.ts

@@ -1,2 +1,2 @@
-import ProgressBar from './ProgressBar';
+import { ProgressBar } from './ProgressBar';
 export default ProgressBar;

package/@types/RadioButton/RadioButton.css.d.ts

@@ -0,0 +1,4 @@
+export declare const icon: string;
+export declare const text: string;
+export declare const label: string;
+export declare const field: string;

package/@types/RadioButton/RadioButton.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
 export type RadioButtonProps = React.InputHTMLAttributes<HTMLInputElement>;
-declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;
-export default RadioButton;
+export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;

package/@types/RadioButton/index.d.ts

@@ -1,2 +1,2 @@
-import RadioButton from './RadioButton';
+import { RadioButton } from './RadioButton';
 export default RadioButton;

package/@types/Range/Range.css.d.ts

@@ -0,0 +1 @@
+export declare const range: string;

package/@types/Range/Range.d.ts

@@ -1,4 +1,4 @@
-declare const Range: import("styled-components").StyledComponent<"input", import("@xstyled/system").Theme, {
-    type: "range";
-}, "type">;
-export default Range;
+import * as React from 'react';
+import { FrameProps } from '../Frame/Frame';
+export type RangeProps = Omit<FrameProps<'input'>, 'as'>;
+export declare const Range: React.ForwardRefExoticComponent<Omit<RangeProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/@types/Range/index.d.ts

@@ -1,2 +1,2 @@
-import Range from './Range';
+import { Range } from './Range';
 export default Range;

package/@types/Tabs/Tab.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-export interface TabProps extends React.HTMLAttributes<HTMLLIElement> {
+import { FrameProps } from '../Frame/Frame';
+export type TabProps = {
     activeTab?: string;
     title: string;
     disabled?: boolean;
     onClick?(e: React.MouseEvent): void;
-}
-declare const Tab: React.ForwardRefExoticComponent<TabProps & React.RefAttributes<HTMLLIElement>>;
-export default Tab;
+} & React.HTMLProps<HTMLLIElement> & Omit<FrameProps<'li'>, 'as'>;
+export declare const Tab: React.ForwardRefExoticComponent<Omit<TabProps, "ref"> & React.RefAttributes<HTMLLIElement>>;