npm - @uxf/ui - Versions diffs - 1.0.0-beta.8 → 1.0.0-beta.9 - Mend

@uxf/ui 1.0.0-beta.8 → 1.0.0-beta.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/button/button.stories.d.ts +10 -0
package/button/button.stories.js +30 -0
package/package.json +1 -1
package/stories/button.stories.tsx +28 -14

package/button/button.stories.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Button } from "@uxf/ui/button";
+declare const _default: {
+    title: string;
+    component: typeof Button;
+};
+export default _default;
+export declare function Default(): JSX.Element;
+export declare function Disabled(): JSX.Element;
+export declare function Loading(): JSX.Element;

package/button/button.stories.js ADDED Viewed

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Loading = exports.Disabled = exports.Default = void 0;
+var react_1 = __importDefault(require("react"));
+var button_1 = require("@uxf/ui/button");
+var storybook_1 = require("@uxf/ui/storybook");
+var react_2 = require("react");
+exports.default = {
+    title: "UI/Button",
+    component: button_1.Button,
+};
+function Default() {
+    var config = (0, storybook_1.useStorybookConfig)("Button");
+    return (react_1.default.createElement("div", { className: "space-y-2" }, config.variants.map(function (variant) { return (react_1.default.createElement(react_2.Fragment, { key: variant }, config.colors.map(function (color) { return (react_1.default.createElement("div", { key: color, className: "space-x-2" }, config.sizes.map(function (size) { return (react_1.default.createElement(button_1.Button, { key: size, variant: variant, color: color, size: size }, "Button")); }))); }))); })));
+}
+exports.Default = Default;
+function Disabled() {
+    var config = (0, storybook_1.useStorybookConfig)("Button");
+    return (react_1.default.createElement("div", { className: "space-y-2" }, config.variants.map(function (variant) { return (react_1.default.createElement(react_2.Fragment, { key: variant }, config.colors.map(function (color) { return (react_1.default.createElement("div", { key: color, className: "space-x-2" }, config.sizes.map(function (size) { return (react_1.default.createElement(button_1.Button, { key: size, variant: variant, color: color, size: size, disabled: true }, "Button")); }))); }))); })));
+}
+exports.Disabled = Disabled;
+function Loading() {
+    var config = (0, storybook_1.useStorybookConfig)("Button");
+    return (react_1.default.createElement("div", { className: "space-y-2" }, config.variants.map(function (variant) { return (react_1.default.createElement(react_2.Fragment, { key: variant }, config.colors.map(function (color) { return (react_1.default.createElement("div", { key: color, className: "space-x-2" }, config.sizes.map(function (size) { return (react_1.default.createElement(button_1.Button, { key: size, variant: variant, color: color, size: size, loading: true }, "Button")); }))); }))); })));
+}
+exports.Loading = Loading;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLnN0b3JpZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvYnV0dG9uL2J1dHRvbi5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBMEI7QUFDMUIseUNBQXdDO0FBQ3hDLCtDQUF1RDtBQUN2RCwrQkFBaUM7QUFFakMsa0JBQWU7SUFDYixLQUFLLEVBQUUsV0FBVztJQUNsQixTQUFTLEVBQUUsZUFBTTtDQUNsQixDQUFDO0FBRUYsU0FBZ0IsT0FBTztJQUNyQixJQUFNLE1BQU0sR0FBRyxJQUFBLDhCQUFrQixFQUFDLFFBQVEsQ0FBQyxDQUFDO0lBRTVDLE9BQU8sQ0FDTCx1Q0FBSyxTQUFTLEVBQUMsV0FBVyxJQUN2QixNQUFNLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxVQUFDLE9BQU8sSUFBSyxPQUFBLENBQ2hDLDhCQUFDLGdCQUFRLElBQUMsR0FBRyxFQUFFLE9BQU8sSUFDbkIsTUFBTSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsVUFBQyxLQUFLLElBQUssT0FBQSxDQUM1Qix1Q0FBSyxHQUFHLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBQyxXQUFXLElBQ25DLE1BQU0sQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FDMUIsOEJBQUMsZUFBTSxJQUFDLEdBQUcsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxJQUFJLGFBRXBELENBQ1YsRUFKMkIsQ0FJM0IsQ0FBQyxDQUNFLENBQ1AsRUFSNkIsQ0FRN0IsQ0FBQyxDQUNPLENBQ1osRUFaaUMsQ0FZakMsQ0FBQyxDQUNFLENBQ1AsQ0FBQztBQUNKLENBQUM7QUFwQkQsMEJBb0JDO0FBRUQsU0FBZ0IsUUFBUTtJQUN0QixJQUFNLE1BQU0sR0FBRyxJQUFBLDhCQUFrQixFQUFDLFFBQVEsQ0FBQyxDQUFDO0lBRTVDLE9BQU8sQ0FDTCx1Q0FBSyxTQUFTLEVBQUMsV0FBVyxJQUN2QixNQUFNLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxVQUFDLE9BQU8sSUFBSyxPQUFBLENBQ2hDLDhCQUFDLGdCQUFRLElBQUMsR0FBRyxFQUFFLE9BQU8sSUFDbkIsTUFBTSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsVUFBQyxLQUFLLElBQUssT0FBQSxDQUM1Qix1Q0FBSyxHQUFHLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBQyxXQUFXLElBQ25DLE1BQU0sQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FDMUIsOEJBQUMsZUFBTSxJQUNMLEdBQUcsRUFBRSxJQUFJLEVBQ1QsT0FBTyxFQUFFLE9BQU8sRUFDaEIsS0FBSyxFQUFFLEtBQUssRUFDWixJQUFJLEVBQUUsSUFBSSxFQUNWLFFBQVEsbUJBR0QsQ0FDVixFQVYyQixDQVUzQixDQUFDLENBQ0UsQ0FDUCxFQWQ2QixDQWM3QixDQUFDLENBQ08sQ0FDWixFQWxCaUMsQ0FrQmpDLENBQUMsQ0FDRSxDQUNQLENBQUM7QUFDSixDQUFDO0FBMUJELDRCQTBCQztBQUVELFNBQWdCLE9BQU87SUFDckIsSUFBTSxNQUFNLEdBQUcsSUFBQSw4QkFBa0IsRUFBQyxRQUFRLENBQUMsQ0FBQztJQUU1QyxPQUFPLENBQ0wsdUNBQUssU0FBUyxFQUFDLFdBQVcsSUFDdkIsTUFBTSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsVUFBQyxPQUFPLElBQUssT0FBQSxDQUNoQyw4QkFBQyxnQkFBUSxJQUFDLEdBQUcsRUFBRSxPQUFPLElBQ25CLE1BQU0sQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLFVBQUMsS0FBSyxJQUFLLE9BQUEsQ0FDNUIsdUNBQUssR0FBRyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUMsV0FBVyxJQUNuQyxNQUFNLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLENBQzFCLDhCQUFDLGVBQU0sSUFDTCxHQUFHLEVBQUUsSUFBSSxFQUNULE9BQU8sRUFBRSxPQUFPLEVBQ2hCLEtBQUssRUFBRSxLQUFLLEVBQ1osSUFBSSxFQUFFLElBQUksRUFDVixPQUFPLG1CQUdBLENBQ1YsRUFWMkIsQ0FVM0IsQ0FBQyxDQUNFLENBQ1AsRUFkNkIsQ0FjN0IsQ0FBQyxDQUNPLENBQ1osRUFsQmlDLENBa0JqQyxDQUFDLENBQ0UsQ0FDUCxDQUFDO0FBQ0osQ0FBQztBQTFCRCwwQkEwQkMifQ==

package/package.json CHANGED Viewed

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

package/stories/button.stories.tsx CHANGED Viewed

@@ -1,5 +1,7 @@
-import Button from "./button";
-import { useStorybookConfig } from "@uxf/ui/storybook/storybook-config";
+import React from "react";
+import { Button } from "@uxf/ui/button";
+import { useStorybookConfig } from "@uxf/ui/storybook";
+import { Fragment } from "react";
 export default {
   title: "UI/Button",
@@ -12,17 +14,17 @@ export function Default() {
   return (
     <div className="space-y-2">
       {config.variants.map((variant) => (
-        <>
+        <Fragment key={variant}>
           {config.colors.map((color) => (
-            <div className="space-x-2">
+            <div key={color} className="space-x-2">
               {config.sizes.map((size) => (
-                <Button variant={variant} color={color} size={size}>
+                <Button key={size} variant={variant} color={color} size={size}>
                   Button
                 </Button>
               ))}
             </div>
           ))}
-        </>
+        </Fragment>
       ))}
     </div>
   );
@@ -34,17 +36,23 @@ export function Disabled() {
   return (
     <div className="space-y-2">
       {config.variants.map((variant) => (
-        <>
+        <Fragment key={variant}>
           {config.colors.map((color) => (
-            <div className="space-x-2">
+            <div key={color} className="space-x-2">
               {config.sizes.map((size) => (
-                <Button variant={variant} color={color} size={size} disabled>
+                <Button
+                  key={size}
+                  variant={variant}
+                  color={color}
+                  size={size}
+                  disabled
+                >
                   Button
                 </Button>
               ))}
             </div>
           ))}
-        </>
+        </Fragment>
       ))}
     </div>
   );
@@ -56,17 +64,23 @@ export function Loading() {
   return (
     <div className="space-y-2">
       {config.variants.map((variant) => (
-        <>
+        <Fragment key={variant}>
           {config.colors.map((color) => (
-            <div className="space-x-2">
+            <div key={color} className="space-x-2">
               {config.sizes.map((size) => (
-                <Button variant={variant} color={color} size={size} loading>
+                <Button
+                  key={size}
+                  variant={variant}
+                  color={color}
+                  size={size}
+                  loading
+                >
                   Button
                 </Button>
               ))}
             </div>
           ))}
-        </>
+        </Fragment>
       ))}
     </div>
   );