@uxf/ui 1.0.0-beta.3 → 1.0.0-beta.6

package/button/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Button } from "./button";
+export { default as Button } from "@uxf/ui/button/button";
 export * from "@uxf/ui/button/theme";

package/button/index.js

@@ -18,7 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
-var button_1 = require("./button");
+var button_1 = require("@uxf/ui/button/button");
 Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(button_1).default; } });
 __exportStar(require("@uxf/ui/button/theme"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvYnV0dG9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsbUNBQTZDO0FBQXBDLGlIQUFBLE9BQU8sT0FBVTtBQUMxQix1REFBcUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvYnV0dG9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsZ0RBQTBEO0FBQWpELGlIQUFBLE9BQU8sT0FBVTtBQUMxQix1REFBcUMifQ==

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/ui",
-  "version": "1.0.0-beta.3",
+  "version": "1.0.0-beta.6",
   "description": "UXF UI components",
   "main": "index.js",
   "publishConfig": {

package/stories/button.stories.tsx

@@ -0,0 +1,29 @@
+import Button from "./button";
+import { useTheme } from "@uxf/ui/theme";
+
+export default {
+  title: "UI/Button",
+  component: Button,
+};
+
+export function Default() {
+  const theme = useTheme().Button;
+
+  return (
+    <div className="space-y-2">
+      {Object.keys(theme.variant).map((variant: any) => (
+        <>
+          {Object.keys(theme.color).map((color: any) => (
+            <div className="space-x-2">
+              {Object.keys(theme.size).map((size: any) => (
+                <Button variant={variant} color={color} size={size}>
+                  Button
+                </Button>
+              ))}
+            </div>
+          ))}
+        </>
+      ))}
+    </div>
+  );
+}

package/theme/theme-context.d.ts

@@ -1,6 +1,5 @@
 import { Theme } from "./theme";
 import { ReactNode } from "react";
-export declare const theme: Theme;
 interface ThemeProviderProps {
     children: ReactNode;
     theme: Theme;

package/theme/theme-context.js

@@ -23,10 +23,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTheme = exports.ThemeProvider = exports.theme = void 0;
+exports.useTheme = exports.ThemeProvider = void 0;
 var React = __importStar(require("react"));
 var react_1 = require("react");
-exports.theme = {
+var theme = {
     Button: {
         size: {
             xs: "button--xs",
@@ -49,11 +49,11 @@ exports.theme = {
         defaultVariant: "outlined",
     },
 };
-var ThemeContext = React.createContext(exports.theme);
+var ThemeContext = React.createContext(theme);
 function ThemeProvider(props) {
-    return (React.createElement(ThemeContext.Provider, { value: exports.theme }, props.children));
+    return (React.createElement(ThemeContext.Provider, { value: props.theme }, props.children));
 }
 exports.ThemeProvider = ThemeProvider;
 var useTheme = function () { return (0, react_1.useContext)(ThemeContext); };
 exports.useTheme = useTheme;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUtY29udGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90aGVtZS90aGVtZS1jb250ZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDJDQUErQjtBQUUvQiwrQkFBOEM7QUFFakMsUUFBQSxLQUFLLEdBQVU7SUFDMUIsTUFBTSxFQUFFO1FBQ04sSUFBSSxFQUFFO1lBQ0osRUFBRSxFQUFFLFlBQVk7WUFDaEIsRUFBRSxFQUFFLFlBQVk7WUFDaEIsRUFBRSxFQUFFLFlBQVk7WUFDaEIsRUFBRSxFQUFFLFlBQVk7WUFDaEIsRUFBRSxFQUFFLFlBQVk7U0FDakI7UUFDRCxLQUFLLEVBQUU7WUFDTCxPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFNBQVMsRUFBRSxtQkFBbUI7U0FDL0I7UUFDRCxPQUFPLEVBQUU7WUFDUCxRQUFRLEVBQUUsa0JBQWtCO1lBQzVCLFNBQVMsRUFBRSxtQkFBbUI7U0FDL0I7UUFDRCxRQUFRLEVBQUUsa0JBQWtCO1FBQzVCLFlBQVksRUFBRSxTQUFTO1FBQ3ZCLFdBQVcsRUFBRSxJQUFJO1FBQ2pCLGNBQWMsRUFBRSxVQUFVO0tBQzNCO0NBQ0YsQ0FBQztBQUVGLElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxhQUFhLENBQVEsYUFBSyxDQUFDLENBQUM7QUFNdkQsU0FBZ0IsYUFBYSxDQUFDLEtBQXlCO0lBQ3JELE9BQU8sQ0FDTCxvQkFBQyxZQUFZLENBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxhQUFLLElBQ2hDLEtBQUssQ0FBQyxRQUFRLENBQ08sQ0FDekIsQ0FBQztBQUNKLENBQUM7QUFORCxzQ0FNQztBQUVNLElBQU0sUUFBUSxHQUFHLGNBQU0sT0FBQSxJQUFBLGtCQUFVLEVBQUMsWUFBWSxDQUFDLEVBQXhCLENBQXdCLENBQUM7QUFBMUMsUUFBQSxRQUFRLFlBQWtDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUtY29udGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy90aGVtZS90aGVtZS1jb250ZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDJDQUErQjtBQUUvQiwrQkFBOEM7QUFFOUMsSUFBTSxLQUFLLEdBQVU7SUFDbkIsTUFBTSxFQUFFO1FBQ04sSUFBSSxFQUFFO1lBQ0osRUFBRSxFQUFFLFlBQVk7WUFDaEIsRUFBRSxFQUFFLFlBQVk7WUFDaEIsRUFBRSxFQUFFLFlBQVk7WUFDaEIsRUFBRSxFQUFFLFlBQVk7WUFDaEIsRUFBRSxFQUFFLFlBQVk7U0FDakI7UUFDRCxLQUFLLEVBQUU7WUFDTCxPQUFPLEVBQUUsaUJBQWlCO1lBQzFCLFNBQVMsRUFBRSxtQkFBbUI7U0FDL0I7UUFDRCxPQUFPLEVBQUU7WUFDUCxRQUFRLEVBQUUsa0JBQWtCO1lBQzVCLFNBQVMsRUFBRSxtQkFBbUI7U0FDL0I7UUFDRCxRQUFRLEVBQUUsa0JBQWtCO1FBQzVCLFlBQVksRUFBRSxTQUFTO1FBQ3ZCLFdBQVcsRUFBRSxJQUFJO1FBQ2pCLGNBQWMsRUFBRSxVQUFVO0tBQzNCO0NBQ0YsQ0FBQztBQUVGLElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxhQUFhLENBQVEsS0FBSyxDQUFDLENBQUM7QUFNdkQsU0FBZ0IsYUFBYSxDQUFDLEtBQXlCO0lBQ3JELE9BQU8sQ0FDTCxvQkFBQyxZQUFZLENBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxJQUN0QyxLQUFLLENBQUMsUUFBUSxDQUNPLENBQ3pCLENBQUM7QUFDSixDQUFDO0FBTkQsc0NBTUM7QUFFTSxJQUFNLFFBQVEsR0FBRyxjQUFNLE9BQUEsSUFBQSxrQkFBVSxFQUFDLFlBQVksQ0FBQyxFQUF4QixDQUF3QixDQUFDO0FBQTFDLFFBQUEsUUFBUSxZQUFrQyJ9