@invoicebox/ui 0.1.0-alpha.2 → 0.1.0-alpha.4

package/dist/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+var Button_1 = require("./stories/Button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });

package/{build → dist}/stories/Button.js

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -20,18 +21,21 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { largeStyles, mediumStyles, primaryStyles, secondaryStyles, smallStyles, wrapperStyles, } from './styles';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styles_1 = require("./styles");
 /**
  * Primary UI component for user interaction
  */
-export var Button = function (_a) {
+var Button = function (_a) {
     var _b = _a.primary, primary = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, backgroundColor = _a.backgroundColor, label = _a.label, props = __rest(_a, ["primary", "size", "backgroundColor", "label"]);
-    var modeStyles = primary ? primaryStyles : secondaryStyles;
+    var modeStyles = primary ? styles_1.primaryStyles : styles_1.secondaryStyles;
     var sizeStyles = {
-        small: smallStyles,
-        medium: mediumStyles,
-        large: largeStyles,
+        small: styles_1.smallStyles,
+        medium: styles_1.mediumStyles,
+        large: styles_1.largeStyles,
     }[size];
-    return (_jsx("button", __assign({ type: "button", style: __assign(__assign(__assign(__assign({}, wrapperStyles), modeStyles), sizeStyles), (backgroundColor ? { backgroundColor: backgroundColor } : {})) }, props, { children: label })));
+    return ((0, jsx_runtime_1.jsx)("button", __assign({ type: "button", style: __assign(__assign(__assign(__assign({}, styles_1.wrapperStyles), modeStyles), sizeStyles), (backgroundColor ? { backgroundColor: backgroundColor } : {})) }, props, { children: label })));
 };
+exports.Button = Button;

package/{build → dist}/stories/Button.stories.js

@@ -1,8 +1,11 @@
-import { Button } from './Button';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Small = exports.Large = exports.Secondary = exports.Primary = void 0;
+var Button_1 = require("./Button");
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
 var meta = {
     title: 'Example/Button',
-    component: Button,
+    component: Button_1.Button,
     parameters: {
         // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
         layout: 'centered',
@@ -14,26 +17,26 @@ var meta = {
         backgroundColor: { control: 'color' },
     },
 };
-export default meta;
+exports.default = meta;
 // More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
-export var Primary = {
+exports.Primary = {
     args: {
         primary: true,
         label: 'Button',
     },
 };
-export var Secondary = {
+exports.Secondary = {
     args: {
         label: 'Button',
     },
 };
-export var Large = {
+exports.Large = {
     args: {
         size: 'large',
         label: 'Button',
     },
 };
-export var Small = {
+exports.Small = {
     args: {
         size: 'small',
         label: 'Button',

package/{build → dist}/stories/styles.js

@@ -1,4 +1,7 @@
-export var wrapperStyles = {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.largeStyles = exports.mediumStyles = exports.smallStyles = exports.secondaryStyles = exports.primaryStyles = exports.wrapperStyles = void 0;
+exports.wrapperStyles = {
     fontFamily: "'Nunito Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif",
     fontWeight: 700,
     border: 0,
@@ -7,24 +10,24 @@ export var wrapperStyles = {
     display: 'inline-block',
     lineHeight: 1,
 };
-export var primaryStyles = {
+exports.primaryStyles = {
     color: 'white',
     backgroundColor: '#1ea7fd',
 };
-export var secondaryStyles = {
+exports.secondaryStyles = {
     color: '#333',
     backgroundColor: 'transparent',
     boxShadow: 'rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset',
 };
-export var smallStyles = {
+exports.smallStyles = {
     fontSize: '12px',
     padding: '10px 16px',
 };
-export var mediumStyles = {
+exports.mediumStyles = {
     fontSize: '14px',
     padding: '11px 20px',
 };
-export var largeStyles = {
+exports.largeStyles = {
     fontSize: '16px',
     padding: '12px 24px',
 };

package/package.json

@@ -1,12 +1,13 @@
 {
     "name": "@invoicebox/ui",
-    "version": "0.1.0-alpha.2",
+    "version": "0.1.0-alpha.4",
     "description": "Invoicebox UI",
     "license": "ISC",
     "scripts": {
         "storybook": "storybook dev -p 6006",
         "build-storybook": "storybook build",
-        "build": "tsc --project tsconfig.json"
+        "build": "tsc --project tsconfig.json",
+        "release": "git checkout main && git merge develop && git push && npm publish && git checkout develop"
     },
     "bugs": {
         "url": "https://github.com/InvoiceBox/invoicebox-ui/issues"
@@ -43,12 +44,10 @@
         "node": "^16.17.1"
     },
     "files": [
-        "build"
+        "dist"
     ],
-    "type": "module",
-    "types": "./build/index.d.ts",
-    "module": "./build/index.js",
+    "main": "./dist/index.js",
     "exports": {
-        "import": "./build/index.js"
+        "require": "./dist/index.js"
     }
 }

package/build/index.js

@@ -1 +0,0 @@
-export { Button } from './stories/Button';