@invoicebox/ui 0.1.0-alpha.10 → 0.1.0-alpha.11

package/dist/components/common/Skeleton/index.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const Skeleton: FC;

package/dist/components/common/Skeleton/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Skeleton = void 0;
+var _react = _interopRequireDefault(require("react"));
+var S = _interopRequireWildcard(require("./styles"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var Skeleton = exports.Skeleton = function Skeleton() {
+  return /*#__PURE__*/_react["default"].createElement(S.Wrapper, null, /*#__PURE__*/_react["default"].createElement(S.Inner, null));
+};

package/dist/components/common/Skeleton/index.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").FC<{}>;
+    tags: string[];
+};
+export default meta;
+export declare const Primary: StoryObj<{
+    width: number;
+    height: number;
+}>;

package/dist/components/common/Skeleton/index.stories.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Primary = void 0;
+var _ = require(".");
+var meta = {
+  title: 'Common/Skeleton',
+  component: _.Skeleton,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Primary = exports.Primary = {
+  args: {
+    width: 100,
+    height: 200
+  },
+  render: function render(args) {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: args.width,
+        height: args.height
+      }
+    }, /*#__PURE__*/React.createElement(_.Skeleton, null));
+  }
+};

package/dist/components/common/Skeleton/styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Wrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const Inner: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/dist/components/common/Skeleton/styles.js

@@ -0,0 +1,19 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wrapper = exports.Inner = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var shine = (0, _styledComponents.keyframes)(["0%{left:calc(0% - 200px);}100%{left:calc(100% + 200px);}"]);
+var Wrapper = exports.Wrapper = _styledComponents["default"].div.withConfig({
+  displayName: "styles__Wrapper",
+  componentId: "sc-mb3gd0-0"
+})(["width:100%;height:100%;border-radius:10px;overflow:hidden;position:relative;background:#f1f2f6;"]);
+var Inner = exports.Inner = _styledComponents["default"].div.withConfig({
+  displayName: "styles__Inner",
+  componentId: "sc-mb3gd0-1"
+})(["position:absolute;top:0;bottom:0;width:100px;background-image:linear-gradient(90deg,#f1f2f6 0px,#f9f9f9 50px,#f1f2f6 100px);animation:", " 3s infinite linear;"], shine);

package/dist/index.d.ts

@@ -1 +1 @@
-export { Button } from './stories/Button';
+export { Skeleton } from './components/common/Skeleton';

package/dist/index.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Button", {
+Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
   get: function get() {
-    return _Button.Button;
+    return _Skeleton.Skeleton;
   }
 });
-var _Button = require("./stories/Button");
+var _Skeleton = require("./components/common/Skeleton");

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@invoicebox/ui",
-    "version": "0.1.0-alpha.10",
+    "version": "0.1.0-alpha.11",
     "description": "Invoicebox UI",
     "license": "ISC",
     "scripts": {