@dafaz-ui/react 2.0.0 → 2.0.1

package/dist/index.js

@@ -37,7 +37,15 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.tsx
 var src_exports = {};
 __export(src_exports, {
-  Button: () => Button
+  Button: () => Button,
+  config: () => config,
+  createTheme: () => createTheme,
+  css: () => css,
+  getCssText: () => getCssText,
+  globalCss: () => globalCss,
+  keyframes: () => keyframes,
+  styled: () => styled,
+  theme: () => theme
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -53,7 +61,8 @@ var colors = {
   dafaz200: "#52D058",
   dafaz400: "#2FC136",
   dafaz600: "#229E45",
-  dafaz800: "#2A6A2D"
+  dafaz800: "#2A6A2D",
+  teste: "#FFF"
 };
 var opacities = {
   opacity400: "0.4",
@@ -216,5 +225,13 @@ var Button = styled("button", {
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Button
+  Button,
+  config,
+  createTheme,
+  css,
+  getCssText,
+  globalCss,
+  keyframes,
+  styled,
+  theme
 });

package/dist/index.mjs

@@ -30,7 +30,8 @@ var colors = {
   dafaz200: "#52D058",
   dafaz400: "#2FC136",
   dafaz600: "#229E45",
-  dafaz800: "#2A6A2D"
+  dafaz800: "#2A6A2D",
+  teste: "#FFF"
 };
 var opacities = {
   opacity400: "0.4",
@@ -192,5 +193,13 @@ var Button = styled("button", {
   }
 });
 export {
-  Button
+  Button,
+  config,
+  createTheme,
+  css,
+  getCssText,
+  globalCss,
+  keyframes,
+  styled,
+  theme
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dafaz-ui/react",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",

package/src/components/Button.tsx

@@ -1,104 +1,104 @@
-import type { ComponentProps } from '@stitches/react'
-import { styled } from '../styles'
-import type { ElementType } from 'react'
-
-/** Primary UI component for user interaction */
-export const Button = styled('button', {
-  all: 'unset',
-  borderRadius: '$md',
-  fontSize: '$md',
-  fontWeight: '$regular',
-  fontFamily: '$app',
-  textAlign: 'center',
-  minWidth: 120,
-  boxSizing: 'border-box',
-
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  gap: '$2',
-  padding: '$2 $5',
-
-  cursor: 'pointer',
-
-  '&:disabled': {
-    cursor: 'not-allowed',
-  },
-
-  svg: {
-    width: '$4',
-    height: '$4',
-  },
-
-  variants: {
-    variant: {
-      primary: {
-        color: '$white',
-        background: '$dafaz600',
-        opacity: 0.8,
-
-        '&:not(:disabled):hover': {
-          opacity: 1,
-        },
-
-        '&:disabled': {
-          background: '$gray200',
-        },
-      },
-      secondary: {
-        fontWeight: '$medium',
-        color: '$dafaz600',
-        border: '2px solid $dafaz600',
-        opacity: 0.8,
-
-        '&:not(:disabled):hover': {
-          opacity: 1,
-        },
-
-        '&:disabled': {
-          color: '$gray200',
-          border: '2px solid $gray200',
-        },
-      },
-      tertiary: {
-        fontWeight: '$medium',
-        color: '$gray400',
-
-        '&:not(:disabled):hover': {
-          color: '$gray800',
-        },
-
-        '&:disabled': {
-          color: '$gray200',
-        },
-      },
-    },
-    size: {
-      sm: {
-        height: 38,
-      },
-      md: {
-        height: 46,
-      },
-    },
-  },
-
-  defaultVariants: {
-    variant: 'primary',
-    size: 'md',
-  },
-})
-
-export interface ButtonProps extends ComponentProps<typeof Button> {
-  as?: ElementType
-  /** How large should the button be? */
-  size?: 'sm' | 'md'
-  /** Optional click handler */
-  onClick?: () => void
-  /** Button contents */
-  label: string
-  /** Button is disable? */
-  disabled?: boolean
-  //** Button UI mode */
-  variant?: 'primary' | 'secondary' | 'tertiary'
-}
+import type { ComponentProps } from '@stitches/react'
+import { styled } from '../styles'
+import type { ElementType } from 'react'
+
+/** Primary UI component for user interaction */
+export const Button = styled('button', {
+  all: 'unset',
+  borderRadius: '$md',
+  fontSize: '$md',
+  fontWeight: '$regular',
+  fontFamily: '$app',
+  textAlign: 'center',
+  minWidth: 120,
+  boxSizing: 'border-box',
+
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  gap: '$2',
+  padding: '$2 $5',
+
+  cursor: 'pointer',
+
+  '&:disabled': {
+    cursor: 'not-allowed',
+  },
+
+  svg: {
+    width: '$4',
+    height: '$4',
+  },
+
+  variants: {
+    variant: {
+      primary: {
+        color: '$white',
+        background: '$dafaz600',
+        opacity: 0.8,
+
+        '&:not(:disabled):hover': {
+          opacity: 1,
+        },
+
+        '&:disabled': {
+          background: '$gray200',
+        },
+      },
+      secondary: {
+        fontWeight: '$medium',
+        color: '$dafaz600',
+        border: '2px solid $dafaz600',
+        opacity: 0.8,
+
+        '&:not(:disabled):hover': {
+          opacity: 1,
+        },
+
+        '&:disabled': {
+          color: '$gray200',
+          border: '2px solid $gray200',
+        },
+      },
+      tertiary: {
+        fontWeight: '$medium',
+        color: '$gray400',
+
+        '&:not(:disabled):hover': {
+          color: '$gray800',
+        },
+
+        '&:disabled': {
+          color: '$gray200',
+        },
+      },
+    },
+    size: {
+      sm: {
+        height: 38,
+      },
+      md: {
+        height: 46,
+      },
+    },
+  },
+
+  defaultVariants: {
+    variant: 'primary',
+    size: 'md',
+  },
+})
+
+export interface ButtonProps extends ComponentProps<typeof Button> {
+  as?: ElementType
+  /** How large should the button be? */
+  size?: 'sm' | 'md'
+  /** Optional click handler */
+  onClick?: () => void
+  /** Button contents */
+  label: string
+  /** Button is disable? */
+  disabled?: boolean
+  //** Button UI mode */
+  variant?: 'primary' | 'secondary' | 'tertiary'
+}

package/src/index.tsx

@@ -1 +1,3 @@
-export * from './components/Button'
+export * from './components/Button'
+
+export * from './styles'

package/src/styles/index.ts

@@ -1,38 +1,38 @@
-import {
-  colors,
-  fontSizes,
-  fontWeights,
-  fonts,
-  lineHeights,
-  opacities,
-  radii,
-  space,
-} from '@dafaz-ui/tokens'
-import { createStitches, defaultThemeMap } from '@stitches/react'
-
-export const {
-  styled,
-  css,
-  globalCss,
-  keyframes,
-  getCssText,
-  theme,
-  createTheme,
-  config,
-} = createStitches({
-  themeMap: {
-    ...defaultThemeMap,
-    height: 'space',
-    width: 'space',
-  },
-  theme: {
-    colors: colors,
-    fontSizes: fontSizes,
-    fontWeights: fontWeights,
-    fonts: fonts,
-    lineHeights: lineHeights,
-    radii: radii,
-    space: space,
-    opacities: opacities,
-  },
-})
+import {
+  colors,
+  fontSizes,
+  fontWeights,
+  fonts,
+  lineHeights,
+  opacities,
+  radii,
+  space,
+} from '@dafaz-ui/tokens'
+import { createStitches, defaultThemeMap } from '@stitches/react'
+
+export const {
+  styled,
+  css,
+  globalCss,
+  keyframes,
+  getCssText,
+  theme,
+  createTheme,
+  config,
+} = createStitches({
+  themeMap: {
+    ...defaultThemeMap,
+    height: 'space',
+    width: 'space',
+  },
+  theme: {
+    colors: colors,
+    fontSizes: fontSizes,
+    fontWeights: fontWeights,
+    fonts: fonts,
+    lineHeights: lineHeights,
+    radii: radii,
+    space: space,
+    opacities: opacities,
+  },
+})

package/tsconfig.json

@@ -1,4 +1,4 @@
-{
- "extends": "@dafaz-ui/ts-config/react.json",
- "include": ["src"],
-}
+{
+ "extends": "@dafaz-ui/ts-config/react.json",
+ "include": ["src"],
+}