@react95/core 7.0.2 → 8.0.0-alpha.0

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

@@ -1,10 +1,9 @@
 import React from 'react';
 import { TabProps } from './Tab';
-export interface TabsProps {
-    style?: React.CSSProperties;
+import { FrameProps } from '../Frame/Frame';
+export type TabsProps = {
     defaultActiveTab?: string;
     children: React.ReactElement<TabProps> | Array<React.ReactElement<TabProps>>;
     onChange?(title: string, e: React.MouseEvent): void;
-}
-declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLOListElement>>;
-export default Tabs;
+} & Omit<FrameProps<'ol'>, 'as'>;
+export declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & React.RefAttributes<HTMLOListElement>>;

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

@@ -1,3 +1,3 @@
-import Tab from './Tab';
-import Tabs from './Tabs';
+import { Tab } from './Tab';
+import { Tabs } from './Tabs';
 export { Tab, Tabs };

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

@@ -1,3 +1,2 @@
 import React from 'react';
-declare const Clock: () => React.JSX.Element;
-export default Clock;
+export declare const Clock: () => React.JSX.Element;

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

@@ -0,0 +1,21 @@
+export declare const truncate: string;
+export declare const tooltip: string;
+export declare const windowsButton: import("@vanilla-extract/recipes").RuntimeFn<{
+    small: {
+        true: {
+            paddingInline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        false: {
+            width: "100%";
+        };
+    };
+    active: {
+        true: {
+            boxShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        false: {
+            boxShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const icon: string;

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

@@ -3,5 +3,4 @@ import List from '../List';
 export type TaskBarProps = {
     list?: React.ReactElement<typeof List>;
 };
-declare const TaskBar: React.ForwardRefExoticComponent<TaskBarProps & React.RefAttributes<HTMLDivElement>>;
-export default TaskBar;
+export declare const TaskBar: React.ForwardRefExoticComponent<TaskBarProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,9 +1,10 @@
 import React from 'react';
-import { FrameProps } from '../Frame/Frame';
 import { Windows } from '../Modal/ModalContext';
 export type WindowButtonProps = {
     small?: boolean;
     active?: boolean;
-} & Pick<Windows, 'icon'> & React.HTMLAttributes<HTMLButtonElement> & FrameProps;
-declare const WindowButton: React.FC<WindowButtonProps>;
-export default WindowButton;
+} & Pick<Windows, 'icon'> & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const WindowButton: React.ForwardRefExoticComponent<{
+    small?: boolean | undefined;
+    active?: boolean | undefined;
+} & Pick<Windows, "icon"> & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

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

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

package/@types/TextArea/TextArea.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import { PaddingProps, BorderProps, ShadowProps } from 'styled-system';
-export type TextAreaProps = PaddingProps & BorderProps & ShadowProps & React.HTMLProps<HTMLTextAreaElement>;
-declare const TextArea: React.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
-export default TextArea;
+import * as React from 'react';
+import { FrameProps } from '../Frame/Frame';
+export type TextAreaProps = Omit<FrameProps<'textarea'>, 'as'>;
+export declare const TextArea: React.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;

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

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

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

@@ -0,0 +1,15 @@
+export declare const optionsBox: string;
+export declare const option: string;
+export declare const titleBarBackground: import("@vanilla-extract/recipes").RuntimeFn<{
+    active: {
+        true: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        false: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const title: string;

package/@types/TitleBar/TitleBar.d.ts

@@ -1,9 +1,7 @@
 import React from 'react';
 import { FrameProps } from '../Frame/Frame';
-declare const OptionsBox: import("styled-components").StyledComponent<"ul", import("@xstyled/system").Theme, {}, never>;
-declare const Option: import("styled-components").StyledComponent<"button", import("@xstyled/system").Theme, {
-    as: string;
-}, "as">;
+declare const OptionsBox: React.ForwardRefExoticComponent<Omit<FrameProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Option: React.ForwardRefExoticComponent<Omit<FrameProps<"button">, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export interface TitleBarBackgroundProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, FrameProps {
     active?: boolean;
     icon?: React.ReactElement;
@@ -13,7 +11,7 @@ interface TitleBarOptions {
     Option: typeof Option;
     OptionsBox: typeof OptionsBox;
 }
-export interface ITitleBarProps extends TitleBarBackgroundProps, TitleBarOptions {
+export interface TitleBarProps extends TitleBarBackgroundProps, TitleBarOptions, FrameProps {
 }
-declare const TitleBar: ITitleBarProps & React.ForwardRefRenderFunction<HTMLDivElement, TitleBarBackgroundProps>;
-export default TitleBar;
+export declare const TitleBar: TitleBarProps & React.ForwardRefRenderFunction<HTMLDivElement, TitleBarBackgroundProps>;
+export {};

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

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

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

@@ -0,0 +1,2 @@
+export declare const tip: string;
+export declare const wrapper: string;

package/@types/Tooltip/Tooltip.d.ts

@@ -3,8 +3,7 @@ export type TooltipProps = {
     text?: string;
     delay?: number;
 } & React.HTMLAttributes<HTMLDivElement>;
-declare const Tooltip: React.ForwardRefExoticComponent<{
+export declare const Tooltip: React.ForwardRefExoticComponent<{
     text?: string | undefined;
     delay?: number | undefined;
 } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export default Tooltip;

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

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

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

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { FrameProps } from '../Frame/Frame';
 export declare const icons: {
     readonly FILE_MEDIA: React.FC<import("@react95/icons").MediaCdProps>;
     readonly FILE_TEXT: React.FC<import("@react95/icons").FileTextProps>;
@@ -15,6 +16,8 @@ export type NodeProps = {
     id: number;
     children?: Array<NodeProps>;
     onClick?(event: React.MouseEvent | React.KeyboardEvent, props: NodeProps): void;
-};
+} & Omit<FrameProps, 'id' | 'children'>;
+export type NodeRootProps = Omit<NodeProps, 'children'>;
 declare const Node: React.FC<NodeProps>;
+export declare const NodeRoot: React.FC<NodeRootProps>;
 export default Node;

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

@@ -0,0 +1,16 @@
+export declare const tree: string;
+export declare const node: string;
+export declare const nodeRoot: string;
+export declare const nodeContent: string;
+export declare const label: string;
+export declare const folderStatus: string;
+export declare const iconContainer: import("@vanilla-extract/recipes").RuntimeFn<{
+    hasChildren: {
+        true: {
+            marginLeft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        false: {
+            marginLeft: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;

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

@@ -1,10 +1,12 @@
 import React from 'react';
 import { icons, NodeProps } from './Node';
+import { FrameProps } from '../Frame/Frame';
 export type TreeProps = {
     data: Array<NodeProps>;
+    root?: Omit<NodeProps, 'children'>;
 };
 type TreeComposition = React.ForwardRefExoticComponent<TreeProps & React.RefAttributes<HTMLUListElement>> & {
     icons: typeof icons;
-};
-declare const Tree: TreeComposition;
-export default Tree;
+} & Omit<FrameProps<'ul'>, 'as'>;
+export declare const Tree: TreeComposition;
+export {};

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

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

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

@@ -0,0 +1,18 @@
+export declare const videoTag: import("@vanilla-extract/recipes").RuntimeFn<{
+    visible: {
+        true: {
+            display: "block";
+        };
+        false: {
+            display: "none";
+        };
+    };
+}>;
+export declare const controls: string;
+export declare const countDownContainer: string;
+export declare const videoFont: string;
+export declare const currentTime: string;
+export declare const elapsedTime: string;
+export declare const divider: string;
+export declare const controlBtn: string;
+export declare const range: string;

package/@types/Video/Video.d.ts

@@ -3,8 +3,7 @@ import { FrameProps } from '../Frame/Frame';
 export type VideoProps = {
     name?: string;
     src: string;
-    videoProps?: React.HTMLAttributes<HTMLVideoElement>;
-    style?: React.CSSProperties;
+    videoProps?: React.HTMLProps<HTMLVideoElement>;
 } & FrameProps;
 export type VideoRefs = {
     video: React.Ref<HTMLVideoElement>;
@@ -14,10 +13,4 @@ export type VideoRefs = {
     stop: React.Ref<HTMLButtonElement>;
     fullScreen: React.Ref<HTMLButtonElement>;
 };
-declare const Video: React.ForwardRefExoticComponent<{
-    name?: string | undefined;
-    src: string;
-    videoProps?: React.HTMLAttributes<HTMLVideoElement> | undefined;
-    style?: React.CSSProperties | undefined;
-} & FrameProps & React.RefAttributes<VideoRefs>>;
-export default Video;
+export declare const Video: React.ForwardRefExoticComponent<Omit<VideoProps, "ref"> & React.RefAttributes<VideoRefs>>;

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

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

package/@types/index.d.ts

@@ -8,7 +8,7 @@ import Cursor from './Cursor';
 import Dropdown from './Dropdown';
 import Fieldset from './Fieldset';
 import Frame from './Frame';
-import GlobalStyle from './GlobalStyle';
+import * as GlobalStyle from './GlobalStyle/GlobalStyle.css';
 import Input from './Input';
 import List from './List';
 import ProgressBar from './ProgressBar';
@@ -19,6 +19,5 @@ import TextArea from './TextArea';
 import Tree from './Tree';
 import Tooltip from './Tooltip';
 import TitleBar from './TitleBar';
-import ThemeProvider from './ThemeProvider';
 import Video from './Video';
-export { Alert, Avatar, Button, Checkbox, Cursor, Dropdown, Fieldset, Frame, GlobalStyle, Input, List, Modal, ModalContext, ProgressBar, RadioButton, Range, Tab, Tabs, TaskBar, TextArea, Tree, Tooltip, TitleBar, ThemeProvider, Video, };
+export { Alert, Avatar, Button, Checkbox, Cursor, Dropdown, Fieldset, Frame, GlobalStyle, Input, List, Modal, ModalContext, ProgressBar, RadioButton, Range, Tab, Tabs, TaskBar, TextArea, Tree, Tooltip, TitleBar, Video, };

package/@types/shared/test/utils.d.ts

@@ -1,5 +1,4 @@
-import { RenderOptions, RenderResult } from '@testing-library/react';
-declare const customRender: (ui: React.ReactElement, options?: Omit<RenderOptions, 'queries'>) => RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+import { RenderOptions, RenderResult, render } from '@testing-library/react';
 declare const waitRender: (ui: React.ReactElement, options?: Omit<RenderOptions, 'queries'>) => Promise<RenderResult>;
 export * from '@testing-library/react';
-export { customRender as render, waitRender };
+export { render, waitRender };

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

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

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

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

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

@@ -0,0 +1,88 @@
+declare const colors: {
+    anchor: string;
+    anchorVisited: string;
+    borderDark: string;
+    borderDarkest: string;
+    borderLight: string;
+    borderLighter: string;
+    borderLightest: string;
+    canvas: string;
+    canvasText: string;
+    headerBackground: string;
+    headerNotActiveBackground: string;
+    headerNotActiveText: string;
+    headerText: string;
+    material: string;
+    materialText: string;
+    materialTextDisabled: string;
+    materialTextDisabledShadow: string;
+    materialTextInvert: string;
+    progress: string;
+    inputBackground: string;
+    inputBackgroundDisabled: string;
+};
+type IColors = typeof colors;
+export declare const zIndices: {
+    modal: string;
+    tooltip: string;
+    taskbar: string;
+};
+export declare const generateShadows: (colors: IColors) => {
+    out: string;
+    in: string;
+    input: string;
+};
+export declare const theme: {
+    zIndices: {
+        modal: string;
+        tooltip: string;
+        taskbar: string;
+    };
+    space: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '13': string;
+        '14': string;
+        '15': string;
+        '16': string;
+        '17': string;
+        '18': string;
+        '19': string;
+        '20': string;
+    };
+    colors: {
+        anchor: string;
+        anchorVisited: string;
+        borderDark: string;
+        borderDarkest: string;
+        borderLight: string;
+        borderLighter: string;
+        borderLightest: string;
+        canvas: string;
+        canvasText: string;
+        headerBackground: string;
+        headerNotActiveBackground: string;
+        headerNotActiveText: string;
+        headerText: string;
+        material: string;
+        materialText: string;
+        materialTextDisabled: string;
+        materialTextDisabledShadow: string;
+        materialTextInvert: string;
+        progress: string;
+        inputBackground: string;
+        inputBackgroundDisabled: string;
+    };
+};
+export {};

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,58 @@
+export declare const contract: {
+    shadows: {
+        out: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        in: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    zIndices: {
+        modal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        tooltip: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        taskbar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    space: {
+        '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    colors: {
+        anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/cjs/Alert/Alert.css.js

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