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

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

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export type TProps = {
+    width?: string;
+};
+export declare const InvoiceboxLoader: FC<TProps>;

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

@@ -0,0 +1,878 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InvoiceboxLoader = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _lottieReact = _interopRequireDefault(require("lottie-react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var animation = {
+  v: "5.5.7",
+  meta: {
+    g: "LottieFiles AE 0.1.20",
+    a: "",
+    k: "",
+    d: "",
+    tc: ""
+  },
+  fr: 30,
+  ip: 0,
+  op: 90,
+  w: 1000,
+  h: 1000,
+  nm: "Invoicebox-Sign-Color",
+  ddd: 0,
+  assets: [],
+  layers: [{
+    ddd: 0,
+    ind: 1,
+    ty: 4,
+    nm: "Glas L",
+    sr: 1,
+    ks: {
+      o: {
+        a: 0,
+        k: 100,
+        ix: 11
+      },
+      r: {
+        a: 1,
+        k: [{
+          i: {
+            x: [0.667],
+            y: [1]
+          },
+          o: {
+            x: [0.333],
+            y: [0]
+          },
+          t: 0,
+          s: [-279]
+        }, {
+          i: {
+            x: [0.667],
+            y: [1]
+          },
+          o: {
+            x: [0.167],
+            y: [0]
+          },
+          t: 21,
+          s: [0]
+        }, {
+          i: {
+            x: [0.667],
+            y: [1]
+          },
+          o: {
+            x: [0.333],
+            y: [0]
+          },
+          t: 60,
+          s: [0]
+        }, {
+          t: 80,
+          s: [279]
+        }],
+        ix: 10
+      },
+      p: {
+        a: 0,
+        k: [500.5, 499.5, 0],
+        ix: 2
+      },
+      a: {
+        a: 0,
+        k: [500.5, 499.5, 0],
+        ix: 1
+      },
+      s: {
+        a: 1,
+        k: [{
+          i: {
+            x: [0.667, 0.667, 0.667],
+            y: [1, 1, 1]
+          },
+          o: {
+            x: [0.333, 0.333, 0.333],
+            y: [0, 0, 0]
+          },
+          t: 0,
+          s: [0, 0, 100]
+        }, {
+          i: {
+            x: [0.667, 0.667, 0.667],
+            y: [1, 1, 1]
+          },
+          o: {
+            x: [0.167, 0.167, 0.167],
+            y: [0, 0, 0]
+          },
+          t: 21,
+          s: [100, 100, 100]
+        }, {
+          i: {
+            x: [0.667, 0.667, 0.667],
+            y: [1, 1, 1]
+          },
+          o: {
+            x: [0.333, 0.333, 0.333],
+            y: [0, 0, 0]
+          },
+          t: 60,
+          s: [100, 100, 100]
+        }, {
+          t: 80,
+          s: [0, 0, 100]
+        }],
+        ix: 6
+      }
+    },
+    ao: 0,
+    shapes: [{
+      ty: "gr",
+      it: [{
+        ind: 0,
+        ty: "sh",
+        ix: 1,
+        ks: {
+          a: 1,
+          k: [{
+            i: {
+              x: 0.667,
+              y: 1
+            },
+            o: {
+              x: 0.333,
+              y: 0
+            },
+            t: 39,
+            s: [{
+              i: [[30.868, 0], [23.552, -23.547], [-47.105, -47.105], [-30.87, 0], [-23.553, 23.547], [47.107, 47.105]],
+              o: [[-30.87, 0], [-47.105, 47.105], [23.552, 23.547], [30.868, 0], [47.107, -47.105], [-23.553, -23.547]],
+              v: [[0, -120.624], [-85.292, -85.292], [-85.292, 85.293], [0, 120.624], [85.29, 85.293], [85.29, -85.292]],
+              c: true
+            }]
+          }, {
+            i: {
+              x: 0.667,
+              y: 1
+            },
+            o: {
+              x: 0.333,
+              y: 0
+            },
+            t: 43,
+            s: [{
+              i: [[30.864, 0.731], [23.659, -9.648], [-46.879, -21.523], [-30.866, -0.731], [-23.66, 9.648], [46.881, 21.523]],
+              o: [[-30.866, -0.731], [-47.32, 19.296], [23.439, 10.761], [30.864, 0.731], [47.322, -19.296], [-23.44, -10.761]],
+              v: [[0.536, -41.244], [-84.91, -27.955], [-85.71, 45.963], [-0.595, 63.293], [84.85, 50.004], [85.65, -23.914]],
+              c: true
+            }]
+          }, {
+            t: 47,
+            s: [{
+              i: [[30.868, 0], [23.552, -23.547], [-47.105, -47.105], [-30.87, 0], [-23.553, 23.547], [47.107, 47.105]],
+              o: [[-30.87, 0], [-47.105, 47.105], [23.552, 23.547], [30.868, 0], [47.107, -47.105], [-23.553, -23.547]],
+              v: [[0, -120.624], [-85.292, -85.292], [-85.292, 85.293], [0, 120.624], [85.29, 85.293], [85.29, -85.292]],
+              c: true
+            }]
+          }],
+          ix: 2
+        },
+        nm: "Path 1",
+        mn: "ADBE Vector Shape - Group",
+        hd: false
+      }, {
+        ind: 1,
+        ty: "sh",
+        ix: 2,
+        ks: {
+          a: 1,
+          k: [{
+            i: {
+              x: 0.667,
+              y: 1
+            },
+            o: {
+              x: 0.333,
+              y: 0
+            },
+            t: 39,
+            s: [{
+              i: [[-15.306, 0], [-10.826, -10.828], [0, -15.307], [10.825, -10.827], [15.303, 0], [10.823, 10.818], [0, 15.305], [-10.823, 10.827]],
+              o: [[15.303, 0], [10.823, 10.818], [0, 15.305], [-10.824, 10.818], [-15.306, 0], [-10.823, -10.827], [0, -15.307], [10.823, -10.819]],
+              v: [[0, -57.305], [40.518, -40.513], [57.301, 0.001], [40.516, 40.522], [0, 57.306], [-40.518, 40.522], [-57.303, 0.001], [-40.518, -40.522]],
+              c: true
+            }]
+          }, {
+            i: {
+              x: 0.667,
+              y: 1
+            },
+            o: {
+              x: 0.333,
+              y: 0
+            },
+            t: 43,
+            s: [{
+              i: [[-15.306, 0], [-10.826, 0], [0, 0], [10.825, 0], [15.303, 0], [10.823, 0], [0, 0], [-10.823, 0]],
+              o: [[15.303, 0], [10.823, 0], [0, 0], [-10.824, 0], [-15.306, 0], [-10.823, 0], [0, 0], [10.823, 0]],
+              v: [[-1, 10.024], [39.518, 10.024], [56.301, 10.024], [39.516, 10.024], [-1, 10.024], [-41.518, 10.024], [-58.303, 10.024], [-41.518, 10.024]],
+              c: true
+            }]
+          }, {
+            t: 47,
+            s: [{
+              i: [[-15.306, 0], [-10.826, -10.828], [0, -15.307], [10.825, -10.827], [15.303, 0], [10.823, 10.818], [0, 15.305], [-10.823, 10.827]],
+              o: [[15.303, 0], [10.823, 10.818], [0, 15.305], [-10.824, 10.818], [-15.306, 0], [-10.823, -10.827], [0, -15.307], [10.823, -10.819]],
+              v: [[0, -57.305], [40.518, -40.513], [57.301, 0.001], [40.516, 40.522], [0, 57.306], [-40.518, 40.522], [-57.303, 0.001], [-40.518, -40.522]],
+              c: true
+            }]
+          }],
+          ix: 2
+        },
+        nm: "Path 2",
+        mn: "ADBE Vector Shape - Group",
+        hd: false
+      }, {
+        ty: "mm",
+        mm: 1,
+        nm: "Merge Paths 1",
+        mn: "ADBE Vector Filter - Merge",
+        hd: false
+      }, {
+        ty: "fl",
+        c: {
+          a: 0,
+          k: [0.134852106431, 0.138380791159, 0.184372441909, 1],
+          ix: 4
+        },
+        o: {
+          a: 0,
+          k: 100,
+          ix: 5
+        },
+        r: 1,
+        bm: 0,
+        nm: "Fill 1",
+        mn: "ADBE Vector Graphic - Fill",
+        hd: false
+      }, {
+        ty: "tr",
+        p: {
+          a: 0,
+          k: [254.653, 489.476],
+          ix: 2
+        },
+        a: {
+          a: 1,
+          k: [{
+            i: {
+              x: 0.667,
+              y: 1
+            },
+            o: {
+              x: 0.333,
+              y: 0
+            },
+            t: 0,
+            s: [780, 0],
+            to: [-130, 0],
+            ti: [130, 0]
+          }, {
+            i: {
+              x: 0.667,
+              y: 0.667
+            },
+            o: {
+              x: 0.333,
+              y: 0.333
+            },
+            t: 21,
+            s: [0, 0],
+            to: [0, 0],
+            ti: [0, 0]
+          }, {
+            i: {
+              x: 0.667,
+              y: 1
+            },
+            o: {
+              x: 0.333,
+              y: 0
+            },
+            t: 60,
+            s: [0, 0],
+            to: [130, 0],
+            ti: [-130, 0]
+          }, {
+            t: 80,
+            s: [780, 0]
+          }],
+          ix: 1
+        },
+        s: {
+          a: 0,
+          k: [100, 100],
+          ix: 3
+        },
+        r: {
+          a: 0,
+          k: 0,
+          ix: 6
+        },
+        o: {
+          a: 0,
+          k: 100,
+          ix: 7
+        },
+        sk: {
+          a: 0,
+          k: 0,
+          ix: 4
+        },
+        sa: {
+          a: 0,
+          k: 0,
+          ix: 5
+        },
+        nm: "Transform"
+      }],
+      nm: "Group 2",
+      np: 4,
+      cix: 2,
+      bm: 0,
+      ix: 1,
+      mn: "ADBE Vector Group",
+      hd: false
+    }],
+    ip: 0,
+    op: 450,
+    st: 0,
+    bm: 0
+  }, {
+    ddd: 0,
+    ind: 2,
+    ty: 4,
+    nm: "smil",
+    sr: 1,
+    ks: {
+      o: {
+        a: 0,
+        k: 100,
+        ix: 11
+      },
+      r: {
+        a: 1,
+        k: [{
+          i: {
+            x: [0.667],
+            y: [1]
+          },
+          o: {
+            x: [0.333],
+            y: [0]
+          },
+          t: 4,
+          s: [-279]
+        }, {
+          i: {
+            x: [0.667],
+            y: [1]
+          },
+          o: {
+            x: [0.167],
+            y: [0]
+          },
+          t: 30,
+          s: [0]
+        }, {
+          i: {
+            x: [0.667],
+            y: [1]
+          },
+          o: {
+            x: [0.333],
+            y: [0]
+          },
+          t: 39,
+          s: [0]
+        }, {
+          i: {
+            x: [0.667],
+            y: [1]
+          },
+          o: {
+            x: [0.333],
+            y: [0]
+          },
+          t: 43,
+          s: [19]
+        }, {
+          i: {
+            x: [0.667],
+            y: [1]
+          },
+          o: {
+            x: [0.333],
+            y: [0]
+          },
+          t: 47,
+          s: [0]
+        }, {
+          i: {
+            x: [0.667],
+            y: [1]
+          },
+          o: {
+            x: [0.333],
+            y: [0]
+          },
+          t: 63,
+          s: [0]
+        }, {
+          t: 83,
+          s: [279]
+        }],
+        ix: 10
+      },
+      p: {
+        a: 0,
+        k: [500.5, 499.5, 0],
+        ix: 2
+      },
+      a: {
+        a: 0,
+        k: [500.5, 499.5, 0],
+        ix: 1
+      },
+      s: {
+        a: 1,
+        k: [{
+          i: {
+            x: [0.667, 0.667, 0.667],
+            y: [1, 1, 1]
+          },
+          o: {
+            x: [0.333, 0.333, 0.333],
+            y: [0, 0, 0]
+          },
+          t: 4,
+          s: [0, 0, 100]
+        }, {
+          i: {
+            x: [0.667, 0.667, 0.667],
+            y: [1, 1, 1]
+          },
+          o: {
+            x: [0.167, 0.167, 0.167],
+            y: [0, 0, 0]
+          },
+          t: 30,
+          s: [100, 100, 100]
+        }, {
+          i: {
+            x: [0.667, 0.667, 0.667],
+            y: [1, 1, 1]
+          },
+          o: {
+            x: [0.333, 0.333, 0.333],
+            y: [0, 0, 0]
+          },
+          t: 63,
+          s: [100, 100, 100]
+        }, {
+          t: 83,
+          s: [0, 0, 100]
+        }],
+        ix: 6
+      }
+    },
+    ao: 0,
+    shapes: [{
+      ty: "gr",
+      it: [{
+        ind: 0,
+        ty: "sh",
+        ix: 1,
+        ks: {
+          a: 0,
+          k: {
+            i: [[0, 0], [32.06, 4.125], [19.359, 22.884], [-8.376, 7.095], [-7.2, -4.858], [0, 0], [-17.873, 3.06], [-9.496, 12.608], [-17.776, -13.382], [13.395, -17.77], [3.166, -2.298]],
+            o: [[-28.296, 20.312], [-32.214, -3.754], [-7.084, -8.386], [6.968, -5.884], [0, 0], [17.062, 11.533], [18.047, -2.893], [13.375, -17.771], [17.758, 13.383], [-2.47, 3.289], [0, 0]],
+            v: [[78.769, 26.144], [-16.734, 50.82], [-97.664, 7.972], [-95.329, -20.055], [-71.356, -21.365], [-70.623, -20.868], [-15.576, -8.461], [27.003, -33.617], [83.42, -41.563], [91.353, 14.845], [82.841, 23.234]],
+            c: true
+          },
+          ix: 2
+        },
+        nm: "Path 1",
+        mn: "ADBE Vector Shape - Group",
+        hd: false
+      }, {
+        ty: "fl",
+        c: {
+          a: 0,
+          k: [0.989351519416, 0.838442574295, 0.020511326135, 1],
+          ix: 4
+        },
+        o: {
+          a: 0,
+          k: 100,
+          ix: 5
+        },
+        r: 1,
+        bm: 0,
+        nm: "Fill 1",
+        mn: "ADBE Vector Graphic - Fill",
+        hd: false
+      }, {
+        ty: "tr",
+        p: {
+          a: 0,
+          k: [456.162, 628.048],
+          ix: 2
+        },
+        a: {
+          a: 1,
+          k: [{
+            i: {
+              x: 0.667,
+              y: 1
+            },
+            o: {
+              x: 0.333,
+              y: 0
+            },
+            t: 4,
+            s: [780, 0],
+            to: [-130, 0],
+            ti: [130, 0]
+          }, {
+            i: {
+              x: 0.667,
+              y: 0.667
+            },
+            o: {
+              x: 0.333,
+              y: 0.333
+            },
+            t: 30,
+            s: [0, 0],
+            to: [0, 0],
+            ti: [0, 0]
+          }, {
+            i: {
+              x: 0.667,
+              y: 1
+            },
+            o: {
+              x: 0.333,
+              y: 0
+            },
+            t: 63,
+            s: [0, 0],
+            to: [130, 0],
+            ti: [-130, 0]
+          }, {
+            t: 83,
+            s: [780, 0]
+          }],
+          ix: 1
+        },
+        s: {
+          a: 0,
+          k: [100, 100],
+          ix: 3
+        },
+        r: {
+          a: 0,
+          k: 0,
+          ix: 6
+        },
+        o: {
+          a: 0,
+          k: 100,
+          ix: 7
+        },
+        sk: {
+          a: 0,
+          k: 0,
+          ix: 4
+        },
+        sa: {
+          a: 0,
+          k: 0,
+          ix: 5
+        },
+        nm: "Transform"
+      }],
+      nm: "Group 1",
+      np: 2,
+      cix: 2,
+      bm: 0,
+      ix: 1,
+      mn: "ADBE Vector Group",
+      hd: false
+    }],
+    ip: 4,
+    op: 454,
+    st: 4,
+    bm: 0
+  }, {
+    ddd: 0,
+    ind: 3,
+    ty: 4,
+    nm: "Invoicebox-Sign-Color Outlines",
+    sr: 1,
+    ks: {
+      o: {
+        a: 0,
+        k: 100,
+        ix: 11
+      },
+      r: {
+        a: 1,
+        k: [{
+          i: {
+            x: [0.667],
+            y: [1]
+          },
+          o: {
+            x: [0.333],
+            y: [0]
+          },
+          t: 2,
+          s: [-279]
+        }, {
+          t: 28,
+          s: [0],
+          h: 1
+        }, {
+          i: {
+            x: [0.667],
+            y: [1]
+          },
+          o: {
+            x: [0.333],
+            y: [0]
+          },
+          t: 67,
+          s: [0]
+        }, {
+          t: 87,
+          s: [279]
+        }],
+        ix: 10
+      },
+      p: {
+        a: 0,
+        k: [500.5, 499.5, 0],
+        ix: 2
+      },
+      a: {
+        a: 0,
+        k: [500.5, 499.5, 0],
+        ix: 1
+      },
+      s: {
+        a: 1,
+        k: [{
+          i: {
+            x: [0.667, 0.667, 0.667],
+            y: [1, 1, 1]
+          },
+          o: {
+            x: [0.333, 0.333, 0.333],
+            y: [0, 0, 0]
+          },
+          t: 2,
+          s: [0, 0, 100]
+        }, {
+          i: {
+            x: [0.667, 0.667, 0.667],
+            y: [1, 1, 1]
+          },
+          o: {
+            x: [0.167, 0.167, 0.167],
+            y: [0, 0, 0]
+          },
+          t: 28,
+          s: [100, 100, 100]
+        }, {
+          i: {
+            x: [0.667, 0.667, 0.667],
+            y: [1, 1, 1]
+          },
+          o: {
+            x: [0.333, 0.333, 0.333],
+            y: [0, 0, 0]
+          },
+          t: 67,
+          s: [100, 100, 100]
+        }, {
+          t: 87,
+          s: [0, 0, 100]
+        }],
+        ix: 6
+      }
+    },
+    ao: 0,
+    shapes: [{
+      ty: "gr",
+      it: [{
+        ind: 0,
+        ty: "sh",
+        ix: 1,
+        ks: {
+          a: 0,
+          k: {
+            i: [[86.983, 0], [0, -86.981], [-86.983, 0], [0, 86.991]],
+            o: [[-86.983, 0], [0, 86.991], [86.983, 0], [0, -86.981]],
+            v: [[0.001, -157.493], [-157.497, -0.005], [0.001, 157.493], [157.497, -0.005]],
+            c: true
+          },
+          ix: 2
+        },
+        nm: "Path 1",
+        mn: "ADBE Vector Shape - Group",
+        hd: false
+      }, {
+        ind: 1,
+        ty: "sh",
+        ix: 2,
+        ks: {
+          a: 0,
+          k: {
+            i: [[-45.481, 0], [0, -45.473], [45.481, 0], [0, 45.484]],
+            o: [[45.481, 0], [0, 45.484], [-45.481, 0], [0, -45.473]],
+            v: [[0.001, -82.479], [82.482, -0.005], [0.001, 82.479], [-82.483, -0.005]],
+            c: true
+          },
+          ix: 2
+        },
+        nm: "Path 2",
+        mn: "ADBE Vector Shape - Group",
+        hd: false
+      }, {
+        ty: "mm",
+        mm: 1,
+        nm: "Merge Paths 1",
+        mn: "ADBE Vector Filter - Merge",
+        hd: false
+      }, {
+        ty: "fl",
+        c: {
+          a: 0,
+          k: [0.989351519416, 0.838442574295, 0.020511326135, 1],
+          ix: 4
+        },
+        o: {
+          a: 0,
+          k: 100,
+          ix: 5
+        },
+        r: 1,
+        bm: 0,
+        nm: "Fill 1",
+        mn: "ADBE Vector Graphic - Fill",
+        hd: false
+      }, {
+        ty: "tr",
+        p: {
+          a: 0,
+          k: [708.471, 477.61],
+          ix: 2
+        },
+        a: {
+          a: 1,
+          k: [{
+            i: {
+              x: 0.667,
+              y: 1
+            },
+            o: {
+              x: 0.333,
+              y: 0
+            },
+            t: 2,
+            s: [1409.904, 0],
+            to: [-207.106, 0],
+            ti: [94.769, 0]
+          }, {
+            t: 28,
+            s: [0, 0],
+            h: 1
+          }, {
+            i: {
+              x: 0.667,
+              y: 1
+            },
+            o: {
+              x: 0.333,
+              y: 0
+            },
+            t: 67,
+            s: [0, 0],
+            to: [0, 0],
+            ti: [76.992, 0]
+          }, {
+            t: 87,
+            s: [1409.904, 0]
+          }],
+          ix: 1
+        },
+        s: {
+          a: 0,
+          k: [100, 100],
+          ix: 3
+        },
+        r: {
+          a: 0,
+          k: 0,
+          ix: 6
+        },
+        o: {
+          a: 0,
+          k: 100,
+          ix: 7
+        },
+        sk: {
+          a: 0,
+          k: 0,
+          ix: 4
+        },
+        sa: {
+          a: 0,
+          k: 0,
+          ix: 5
+        },
+        nm: "Transform"
+      }],
+      nm: "Group 3",
+      np: 4,
+      cix: 2,
+      bm: 0,
+      ix: 1,
+      mn: "ADBE Vector Group",
+      hd: false
+    }],
+    ip: 2,
+    op: 452,
+    st: 2,
+    bm: 0
+  }],
+  markers: []
+};
+var InvoiceboxLoader = exports.InvoiceboxLoader = function InvoiceboxLoader(_ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? '100%' : _ref$width;
+  return /*#__PURE__*/_react["default"].createElement(_lottieReact["default"], {
+    style: {
+      width: width
+    },
+    loop: true,
+    animationData: animation
+  });
+};

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

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { InvoiceboxLoader } from '.';
+declare const meta: Meta<typeof InvoiceboxLoader>;
+export default meta;
+export declare const Default: StoryObj<typeof InvoiceboxLoader>;

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _ = require(".");
+var meta = {
+  title: 'common/InvoiceboxLoader',
+  component: _.InvoiceboxLoader,
+  tags: ['autodocs']
+};
+var _default = exports["default"] = meta;
+var Default = exports.Default = {
+  args: {
+    width: '120px'
+  }
+};

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

@@ -1,2 +1,6 @@
 import { FC } from 'react';
-export declare const Skeleton: FC;
+export type TProps = {
+    width?: string;
+    height?: string;
+};
+export declare const Skeleton: FC<TProps>;

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

@@ -10,6 +10,13 @@ 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));
+var Skeleton = exports.Skeleton = function Skeleton(_ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? '100%' : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? '100%' : _ref$height;
+  return /*#__PURE__*/_react["default"].createElement(S.Wrapper, {
+    $width: width,
+    $height: height
+  }, /*#__PURE__*/_react["default"].createElement(S.Inner, null));
 };

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

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

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

@@ -3,25 +3,27 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Primary = void 0;
+exports["default"] = exports.ByOwnSize = exports.ByContainer = void 0;
 var _ = require(".");
 var meta = {
-  title: 'Common/Skeleton',
+  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) {
+var ByContainer = exports.ByContainer = {
+  render: function render(props) {
     return /*#__PURE__*/React.createElement("div", {
       style: {
-        width: args.width,
-        height: args.height
+        width: 200,
+        height: 100
       }
-    }, /*#__PURE__*/React.createElement(_.Skeleton, null));
+    }, /*#__PURE__*/React.createElement(_.Skeleton, props));
+  }
+};
+var ByOwnSize = exports.ByOwnSize = {
+  args: {
+    width: '200px',
+    height: '100px'
   }
 };

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

@@ -1,3 +1,6 @@
 /// <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 Wrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $width: string;
+    $height: string;
+}>>;
 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

@@ -12,7 +12,13 @@ var shine = (0, _styledComponents.keyframes)(["0%{left:calc(0% - 200px);}100%{le
 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;"]);
+})(["width:", ";height:", ";border-radius:10px;overflow:hidden;position:relative;background:#f1f2f6;"], function (_ref) {
+  var $width = _ref.$width;
+  return $width;
+}, function (_ref2) {
+  var $height = _ref2.$height;
+  return $height;
+});
 var Inner = exports.Inner = _styledComponents["default"].div.withConfig({
   displayName: "styles__Inner",
   componentId: "sc-mb3gd0-1"

package/dist/index.d.ts

@@ -1 +1,2 @@
 export { Skeleton } from './components/common/Skeleton';
+export { InvoiceboxLoader } from './components/common/InvoiceboxLoader';

package/dist/index.js

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

package/package.json

@@ -1,12 +1,12 @@
 {
     "name": "@invoicebox/ui",
-    "version": "0.1.0-alpha.11",
+    "version": "0.1.0-alpha.13",
     "description": "Invoicebox UI",
-    "license": "ISC",
+    "license": "Apache License 2.0",
     "scripts": {
         "storybook": "storybook dev -p 6006",
         "build-storybook": "storybook build",
-        "build": "babel src --extensions .ts,.tsx --out-dir dist && tsc --project tsconfig.json",
+        "build": "rm -rf dist && babel src --extensions .ts,.tsx --out-dir dist && tsc --project tsconfig.json",
         "release": "git checkout develop && npm run build && npm version $VERSION && git push && git push --tags && git checkout main && git merge develop && git push && npm publish && git checkout develop"
     },
     "bugs": {
@@ -35,6 +35,7 @@
         "@storybook/test": "^7.6.13",
         "@typescript-eslint/eslint-plugin": "^5.62.0",
         "@typescript-eslint/parser": "^5.62.0",
+        "babel-plugin-inline-json-import": "^0.3.2",
         "babel-plugin-styled-components": "^2.1.4",
         "eslint": "^8.56.0",
         "eslint-config-prettier": "^9.1.0",
@@ -43,14 +44,16 @@
         "prettier": "^3.2.5",
         "prop-types": "^15.8.1",
         "storybook": "^7.6.13",
-        "styled-components": "^6.1.8",
         "typescript": "^4.9.5",
         "webpack": "^5.90.1"
     },
-    "peerDependencies": {
-        "react": "^18.2.0",
+    "dependencies": {
+        "lottie-react": "^2.4.0",
         "styled-components": "^6.1.8"
     },
+    "peerDependencies": {
+        "react": "^18.2.0"
+    },
     "engines": {
         "node": "^16.17.1"
     },

package/dist/stories/Button.d.ts

@@ -1,26 +0,0 @@
-export interface ButtonProps {
-    /**
-     * Is this the principal call to action on the page?
-     */
-    primary?: boolean;
-    /**
-     * What background color to use
-     */
-    backgroundColor?: string;
-    /**
-     * How large should the button be?
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Button contents
-     */
-    label: string;
-    /**
-     * Optional click handler
-     */
-    onClick?: () => void;
-}
-/**
- * Primary UI component for user interaction
- */
-export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/Button.js

@@ -1,46 +0,0 @@
-"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.Button = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styles = _interopRequireWildcard(require("./styles"));
-var S = _styles;
-var _excluded = ["primary", "size", "backgroundColor", "label"];
-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 }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-/**
- * Primary UI component for user interaction
- */
-var Button = exports.Button = function Button(_ref) {
-  var _ref$primary = _ref.primary,
-    primary = _ref$primary === void 0 ? false : _ref$primary,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
-    backgroundColor = _ref.backgroundColor,
-    label = _ref.label,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var modeStyles = primary ? _styles.primaryStyles : _styles.secondaryStyles;
-  var sizeStyles = {
-    small: _styles.smallStyles,
-    medium: _styles.mediumStyles,
-    large: _styles.largeStyles
-  }[size];
-  return /*#__PURE__*/_react["default"].createElement(S.Wrapper, _extends({
-    type: "button",
-    style: _objectSpread(_objectSpread(_objectSpread({}, modeStyles), sizeStyles), backgroundColor ? {
-      backgroundColor: backgroundColor
-    } : {})
-  }, props), label);
-};

package/dist/stories/Button.stories.d.ts

@@ -1,21 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import { ButtonProps } from './Button';
-declare const meta: {
-    title: string;
-    component: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {
-        backgroundColor: {
-            control: string;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const Large: Story;
-export declare const Small: Story;

package/dist/stories/Button.stories.js

@@ -1,49 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Small = exports.Secondary = exports.Primary = exports.Large = void 0;
-var _Button = 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.Button,
-  parameters: {
-    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
-    layout: 'centered'
-  },
-  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
-  tags: ['autodocs'],
-  // More on argTypes: https://storybook.js.org/docs/api/argtypes
-  argTypes: {
-    backgroundColor: {
-      control: 'color'
-    }
-  }
-};
-var _default = exports["default"] = meta;
-// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
-var Primary = exports.Primary = {
-  args: {
-    primary: true,
-    label: 'Button'
-  }
-};
-var Secondary = exports.Secondary = {
-  args: {
-    label: 'Button'
-  }
-};
-var Large = exports.Large = {
-  args: {
-    size: 'large',
-    label: 'Button'
-  }
-};
-var Small = exports.Small = {
-  args: {
-    size: 'small',
-    label: 'Button'
-  }
-};

package/dist/stories/styles.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-export declare const Wrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>;
-export declare const primaryStyles: {
-    color: string;
-    backgroundColor: string;
-};
-export declare const secondaryStyles: {
-    color: string;
-    backgroundColor: string;
-    boxShadow: string;
-};
-export declare const smallStyles: {
-    fontSize: string;
-    padding: string;
-};
-export declare const mediumStyles: {
-    fontSize: string;
-    padding: string;
-};
-export declare const largeStyles: {
-    fontSize: string;
-    padding: string;
-};

package/dist/stories/styles.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.smallStyles = exports.secondaryStyles = exports.primaryStyles = exports.mediumStyles = exports.largeStyles = exports.Wrapper = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var Wrapper = exports.Wrapper = _styledComponents["default"].button.withConfig({
-  displayName: "styles__Wrapper",
-  componentId: "sc-11ohbjf-0"
-})(["font-family:'Nunito Sans','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:700;border:0;border-radius:3em;cursor:pointer;display:inline-block;line-height:1;"]);
-var primaryStyles = exports.primaryStyles = {
-  color: 'white',
-  backgroundColor: '#1ea7fd'
-};
-var secondaryStyles = exports.secondaryStyles = {
-  color: '#333',
-  backgroundColor: 'transparent',
-  boxShadow: 'rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset'
-};
-var smallStyles = exports.smallStyles = {
-  fontSize: '12px',
-  padding: '10px 16px'
-};
-var mediumStyles = exports.mediumStyles = {
-  fontSize: '14px',
-  padding: '11px 20px'
-};
-var largeStyles = exports.largeStyles = {
-  fontSize: '16px',
-  padding: '12px 24px'
-};