@rango-dev/ui 0.1.16-next.4 → 0.1.16-next.5

package/dist/theme.d.ts

@@ -899,7 +899,119 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
     };
     zIndices: {};
     transitions: {};
-}, DefaultThemeMap, {}>; })[]) => () => string;
+}, DefaultThemeMap, {}>; })[]) => () => string, config: {
+    prefix: "";
+    media: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    theme: {
+        colors: {
+            primary: string;
+            primary100: string;
+            primary200: string;
+            primary300: string;
+            primary400: string;
+            primary500: string;
+            primary600: string;
+            primary700: string;
+            primary800: string;
+            primary900: string;
+            surface: string;
+            neutral100: string;
+            neutral200: string;
+            neutral300: string;
+            neutral400: string;
+            neutral500: string;
+            neutral600: string;
+            neutral700: string;
+            neutral800: string;
+            neutral900: string;
+            background: string;
+            foreground: string;
+            success: string;
+            success100: string;
+            success300: string;
+            success500: string;
+            success700: string;
+            warning: string;
+            warning100: string;
+            warning300: string;
+            warning500: string;
+            warning700: string;
+            error: string;
+            error100: string;
+            error300: string;
+            error500: string;
+            error700: string;
+            white: string;
+        };
+        space: {
+            2: string;
+            4: string;
+            6: string;
+            8: string;
+            10: string;
+            12: string;
+            16: string;
+            20: string;
+            24: string;
+            28: string;
+            30: string;
+            32: string;
+        };
+        fontSizes: {
+            10: string;
+            12: string;
+            14: string;
+            16: string;
+            18: string;
+            20: string;
+            24: string;
+            32: string;
+            36: string;
+            40: string;
+            48: string;
+        };
+        fonts: {};
+        fontWeights: {
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+        };
+        lineHeights: {};
+        letterSpacings: {};
+        sizes: {
+            4: string;
+            6: string;
+            8: string;
+            12: string;
+            16: string;
+            20: string;
+            24: string;
+            28: string;
+            32: string;
+            36: string;
+            40: string;
+            48: string;
+        };
+        borderWidths: {};
+        borderStyles: {};
+        radii: {
+            5: string;
+            10: string;
+        };
+        shadows: {
+            s: string;
+        };
+        zIndices: {};
+        transitions: {};
+    };
+    themeMap: DefaultThemeMap;
+    utils: {};
+};
 export declare const lightTheme: string & {
     className: string;
     selector: string;

package/dist/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AA4H/D,eAAO,MAAQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAAE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAAE,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4KAAE,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8CAW3D,CAAC;AAEH,eAAO,MAAM,UAAU;;;gEAAkB,CAAC;AAE1C,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;MAkBpB,CAAC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AA4H/D,eAAO,MAAQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAAE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAAE,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4KAAE,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWnE,CAAC;AAEH,eAAO,MAAM,UAAU;;;gEAAkB,CAAC;AAE1C,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;MAkBpB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rango-dev/ui",
-  "version": "0.1.16-next.4",
+  "version": "0.1.16-next.5",
   "license": "MIT",
   "type": "module",
   "module": "dist/index.js",

package/src/components/Alert/index.ts

@@ -1,2 +1,3 @@
 export { Alert } from './Alert';
 export { LoadingFailedAlert } from './LoadingFailedAlert';
+export { NotFoundAlert } from './NotFoundAlert';

package/src/components/Modal/Modal.tsx

@@ -1,7 +1,7 @@
-import { CSSProperties } from '@stitches/react';
+import { CSS } from '@stitches/react';
 import React, { useEffect } from 'react';
 import { createPortal } from 'react-dom';
-import { styled } from '../../theme';
+import { config, styled } from '../../theme';
 import { CloseIcon } from '../Icon/CloseIcon';
 import { Typography } from '../Typography';
 
@@ -11,7 +11,7 @@ export interface PropTypes {
   onClose: () => void;
   content: React.ReactNode;
   action?: React.ReactNode;
-  containerStyle?: CSSProperties;
+  containerStyle?: CSS<typeof config>;
 }
 
 const BackDrop = styled('div', {
@@ -25,7 +25,6 @@ const BackDrop = styled('div', {
   height: '100vh',
   backgroundColor: 'rgba(0,0,0,.1)',
   zIndex: 10,
-
 });
 
 const ModalContainer = styled('div', {
@@ -48,16 +47,8 @@ const ModalHeader = styled('div', {
   marginBottom: '$16',
 });
 
-
 export function Modal(props: PropTypes) {
-  const {
-    title,
-    content,
-    open,
-    onClose,
-    containerStyle,
-    action,
-  } = props;
+  const { title, content, open, onClose, containerStyle, action } = props;
 
   const handleBackDropClick = (event: React.MouseEvent<HTMLDivElement>) => {
     if (event.target === event.currentTarget) onClose();
@@ -71,7 +62,7 @@ export function Modal(props: PropTypes) {
       {open &&
         createPortal(
           <BackDrop onClick={handleBackDropClick}>
-            <ModalContainer style={containerStyle}>
+            <ModalContainer css={containerStyle}>
               <ModalHeader>
                 <Typography variant="h4">{title}</Typography>
                 <Row>
@@ -82,7 +73,7 @@ export function Modal(props: PropTypes) {
               {content}
             </ModalContainer>
           </BackDrop>,
-          document.body
+          document.body,
         )}
     </>
   );

package/src/theme.ts

@@ -125,7 +125,7 @@ const utils = {
 
 const typedCreateStiches = createStitches as CreateStitches;
 
-export const { styled, css, createTheme, keyframes, globalCss } = typedCreateStiches<
+export const { styled, css, createTheme, keyframes, globalCss, config } = typedCreateStiches<
   '',
   typeof media,
   typeof theme,