@jobber/components 2.86.1 → 2.86.3-pre.10

package/dist/DataTable/index.js

@@ -0,0 +1,190 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactTable = require('@tanstack/react-table');
+var classnames = require('classnames');
+var React = require('react');
+var styleInject_es = require('../style-inject.es-dcee06b6.js');
+var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
+var Option = require('../Option-076ef1e3.js');
+var Button = require('../Button-739af4d8.js');
+var Icon = require('../Icon-d5ad1a6d.js');
+require('../FormField-05b0b30b.js');
+require('uuid');
+require('react-hook-form');
+require('../Text-3bf41a36.js');
+require('../Typography-b9663407.js');
+require('../InputValidation-c7f91798.js');
+require('framer-motion');
+require('../Spinner-18d3dee6.js');
+require('react-router-dom');
+require('@jobber/design');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var css$1 = "._1gVnBnwO8rEyN5yXaSAnJz {\n  border: var(--border-base) solid var(--color-border);\n  border-radius: var(--radius-base);\n}\n\n._2FsiaQmYMKjm0oAa_Dm7Jv {\n  overflow: auto;\n}\n\n._2EflglZd2SRwkv61KFJrg9 {\n  width: 100%;\n  border-collapse: collapse;\n  text-align: left;\n}\n\n._2EflglZd2SRwkv61KFJrg9 thead tr th {\n  padding: var(--space-base);\n  border-bottom: var(--border-base) solid var(--color-border);\n  color: var(--color-heading);\n  white-space: nowrap;\n}\n\n._2EflglZd2SRwkv61KFJrg9 thead tr th :first-child {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n._2EflglZd2SRwkv61KFJrg9 tbody tr {\n  border-bottom: var(--border-base) solid var(--color-border);\n}\n\n._2EflglZd2SRwkv61KFJrg9 tbody tr:last-child {\n  border-bottom: none;\n}\n\n._2EflglZd2SRwkv61KFJrg9 tbody tr td {\n  padding: var(--space-base);\n}\n\n.QRm47JXl1pWi9jKv7PNPG thead tr th:first-child,\n.QRm47JXl1pWi9jKv7PNPG tbody tr td:first-child {\n  position: sticky;\n  left: 0;\n  z-index: 1;\n  height: calc(var(--space-largest) + var(--space-smaller));\n  background-color: var(--color-white);\n}\n\n.QRm47JXl1pWi9jKv7PNPG th:first-child::after,\n.QRm47JXl1pWi9jKv7PNPG td:first-child::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  top: 0;\n  right: calc(-1 * var(--space-small));\n  width: var(--space-small);\n  height: 100%;\n  background: linear-gradient(\n    90deg,\n    rgba(var(--color-black--rgb), 0.1) 0%,\n    rgba(var(--color-black--rgb), 0) 80%\n  );\n}\n\n._3VxR0m_2LtggJeSToEDE2y {\n  position: sticky;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 2;\n  box-shadow: var(--shadow-base);\n  background-color: var(--color-white);\n}\n\n._1RROVWbMjf1ZfuVpquC4OS:first-child:hover {\n  background: var(--color-surface--hover);\n  cursor: pointer;\n}\n\n._2uM74VHCeNJuZjyD_SPXR3:hover {\n  background: var(--color-surface--hover);\n  cursor: pointer;\n}\n\n._3P5HGvBjzojCSGgtBjPjJi:hover,\n._3P5HGvBjzojCSGgtBjPjJi:hover :first-child {\n  background: var(--color-surface--background);\n  cursor: pointer;\n}\n";
+var styles$1 = {"dataTableContainer":"_1gVnBnwO8rEyN5yXaSAnJz","tableContainer":"_2FsiaQmYMKjm0oAa_Dm7Jv","table":"_2EflglZd2SRwkv61KFJrg9","pinFirstColumn":"QRm47JXl1pWi9jKv7PNPG","stickyHeader":"_3VxR0m_2LtggJeSToEDE2y","pinFirstHeaderSortable":"_1RROVWbMjf1ZfuVpquC4OS","sortableColumn":"_2uM74VHCeNJuZjyD_SPXR3","clickableRow":"_3P5HGvBjzojCSGgtBjPjJi"};
+styleInject_es.styleInject(css$1);
+
+function Body(_a) {
+    var _b;
+    var table = _a.table, onRowClick = _a.onRowClick;
+    var bodyRowClasses = classnames__default["default"]((_b = {}, _b[styles$1.clickableRow] = !!onRowClick, _b));
+    var handleRowClick = React.useCallback(function (row) { return function () {
+        if (onRowClick == undefined)
+            return;
+        onRowClick(row);
+    }; }, [onRowClick]);
+    return (React__default["default"].createElement("tbody", null, table.getRowModel().rows.map(function (row) {
+        return (React__default["default"].createElement("tr", { key: row.id, onClick: handleRowClick(row), className: bodyRowClasses }, row.getVisibleCells().map(function (cell) {
+            return (React__default["default"].createElement("td", { key: cell.id }, reactTable.flexRender(cell.column.columnDef.cell, cell.getContext())));
+        })));
+    })));
+}
+
+function createTableSettings(data, columns, options) {
+    var _a;
+    var _b = getPaginationSettings(options === null || options === void 0 ? void 0 : options.pagination), paginationState = _b.state, restPaginationSettings = tslib_es6.__rest(_b, ["state"]);
+    var _c = getSortingSettings(options === null || options === void 0 ? void 0 : options.sorting), sortingState = _c.state, restSortingSettings = tslib_es6.__rest(_c, ["state"]);
+    var initialPatinationState;
+    if ((_a = options === null || options === void 0 ? void 0 : options.pagination) === null || _a === void 0 ? void 0 : _a.itemsPerPage) {
+        initialPatinationState = {
+            pageIndex: 0,
+            pageSize: options.pagination.itemsPerPage[0],
+        };
+    }
+    var tableSettings = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({ data: data,
+        columns: columns, state: tslib_es6.__assign(tslib_es6.__assign({}, paginationState), sortingState), getCoreRowModel: reactTable.getCoreRowModel() }, restPaginationSettings), restSortingSettings), { initialState: {
+            pagination: initialPatinationState,
+        } });
+    return tableSettings;
+}
+function getPaginationSettings(pagination) {
+    var paginationSettings = {};
+    if (!pagination) {
+        return paginationSettings;
+    }
+    var manualPagination = pagination.manualPagination;
+    paginationSettings.manualPagination = manualPagination;
+    if (manualPagination) {
+        var state = pagination.state, pageCount = pagination.pageCount, onPaginationChange = pagination.onPaginationChange;
+        paginationSettings.state = { pagination: state };
+        paginationSettings.pageCount = pageCount;
+        paginationSettings.onPaginationChange = onPaginationChange;
+    }
+    else {
+        paginationSettings.getPaginationRowModel = reactTable.getPaginationRowModel();
+    }
+    return paginationSettings;
+}
+function getSortingSettings(sorting) {
+    var sortingSettings = {};
+    if (!sorting)
+        return sortingSettings;
+    var manualSorting = sorting.manualSorting;
+    sortingSettings.manualSorting = manualSorting;
+    if (manualSorting) {
+        var onSortingChange = sorting.onSortingChange, state = sorting.state, enableSortingRemoval = sorting.enableSortingRemoval;
+        sortingSettings.state = { sorting: state };
+        sortingSettings.onSortingChange = onSortingChange;
+        sortingSettings.enableSortingRemoval = enableSortingRemoval !== null && enableSortingRemoval !== void 0 ? enableSortingRemoval : true;
+    }
+    else {
+        sortingSettings.getSortedRowModel = reactTable.getSortedRowModel();
+    }
+    return sortingSettings;
+}
+
+var css = ".xOgYLdnq9RzYdm2Qq5iqC {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n  min-height: calc(var(--space-smaller) + var(--space-largest));\n  padding: var(--space-small) var(--space-base);\n  border-top: var(--border-base) solid var(--color-border);\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n  grid-gap: var(--space-small);\n  grid-gap: var(--space-small);\n  gap: var(--space-small);\n}\n\n._5tzeLx9ms3KlKYLww3zz2 {\n  -ms-flex: 9999;\n      flex: 9999;\n  white-space: nowrap;\n}\n\n.A-j9vM1Jh_lwiUvFWTrJD {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n  -ms-flex-pack: justify;\n      justify-content: space-between;\n  grid-gap: var(--space-base);\n  grid-gap: var(--space-base);\n  gap: var(--space-base);\n  -ms-flex: 1;\n      flex: 1;\n  -ms-flex-wrap: wrap;\n      flex-wrap: wrap;\n  min-width: -webkit-fit-content;\n  min-width: -moz-fit-content;\n  min-width: fit-content;\n}\n\n._1NDStXNYtxDXtO-D6fhMq7 {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n      align-items: center;\n  -ms-flex-pack: center;\n      justify-content: center;\n  grid-gap: var(--space-small);\n  grid-gap: var(--space-small);\n  gap: var(--space-small);\n  min-width: calc(3 * var(--space-largest) + var(--space-small));\n}\n\n._2jptOEeMFsy02Ak4RJ2Txr {\n  min-width: calc(var(--space-extravagant) + var(--space-smaller));\n}\n\n._1hior9YLNayoFJtpVbcrzk {\n  display: -ms-flexbox;\n  display: flex;\n  grid-gap: var(--space-large);\n  grid-gap: var(--space-large);\n  gap: var(--space-large);\n  -ms-flex-align: center;\n      align-items: center;\n  -ms-flex-pack: center;\n      justify-content: center\n}\n\n@media (max-width: 639px) {\n\n._1hior9YLNayoFJtpVbcrzk {\n    grid-gap: var(--space-base);\n    grid-gap: var(--space-base);\n    gap: var(--space-base)\n}\n  }\n\n@media (max-width: 639px) {\n\n._1hior9YLNayoFJtpVbcrzk {\n    grid-gap: var(--space-base);\n    grid-gap: var(--space-base);\n    gap: var(--space-base)\n}\n  }\n\n@media (--handhelds) {\n\n._1hior9YLNayoFJtpVbcrzk {\n    grid-gap: var(--space-base);\n    grid-gap: var(--space-base);\n    gap: var(--space-base)\n}\n  }\n";
+var styles = {"pagination":"xOgYLdnq9RzYdm2Qq5iqC","paginationInfo":"_5tzeLx9ms3KlKYLww3zz2","paginationNav":"A-j9vM1Jh_lwiUvFWTrJD","paginationSelect":"_1NDStXNYtxDXtO-D6fhMq7","paginationSelectLabel":"_2jptOEeMFsy02Ak4RJ2Txr","paginationButtons":"_1hior9YLNayoFJtpVbcrzk"};
+styleInject_es.styleInject(css);
+
+function Footer(_a) {
+    var table = _a.table, itemsPerPage = _a.itemsPerPage, totalItems = _a.totalItems;
+    var _b = table.getState().pagination, pageIndex = _b.pageIndex, pageSize = _b.pageSize;
+    var totalRows = totalItems;
+    var firstPosition = pageIndex * pageSize + 1;
+    var secondPosition = Math.min(totalRows, pageSize * (pageIndex + 1));
+    var defaultItemsPerPageOptions = React.useMemo(function () { return ["10", "20", "30", "40", "50"]; }, []);
+    var itemsPerPageOptions = React.useMemo(function () { var _a; return (_a = itemsPerPage === null || itemsPerPage === void 0 ? void 0 : itemsPerPage.map(function (item) { return String(item); })) !== null && _a !== void 0 ? _a : defaultItemsPerPageOptions; }, [itemsPerPage]);
+    return (React__default["default"].createElement("div", { className: styles.pagination },
+        React__default["default"].createElement("div", { className: styles.paginationInfo }, "Showing " + firstPosition + "-" + secondPosition + " of " + totalRows + " items"),
+        React__default["default"].createElement("div", { className: styles.paginationNav },
+            React__default["default"].createElement("div", { className: styles.paginationSelect },
+                React__default["default"].createElement(Option.Select, { value: table.getState().pagination.pageSize, onChange: function (value) {
+                        table.setPageSize(Number(value));
+                    } }, itemsPerPageOptions.map(function (numOfPages) { return (React__default["default"].createElement(Option.SelectOption, { key: numOfPages, value: numOfPages }, numOfPages)); })),
+                React__default["default"].createElement("span", { className: styles.paginationSelectLabel }, "per page")),
+            React__default["default"].createElement("div", { className: styles.paginationButtons },
+                React__default["default"].createElement(Button.Button, { type: "secondary", variation: "subtle", icon: "arrowLeft", ariaLabel: "arrowLeft", onClick: function () { return table.previousPage(); }, disabled: !table.getCanPreviousPage() }),
+                React__default["default"].createElement(Button.Button, { type: "secondary", variation: "subtle", icon: "arrowRight", ariaLabel: "arrowRight", onClick: function () { return table.nextPage(); }, disabled: !table.getCanNextPage() })))));
+}
+
+function Header(_a) {
+    var _b;
+    var table = _a.table, stickyHeader = _a.stickyHeader, sorting = _a.sorting, onRowClick = _a.onRowClick;
+    var stickyClass = classnames__default["default"]((_b = {}, _b[styles$1.stickyHeader] = stickyHeader, _b));
+    return (React__default["default"].createElement("thead", { className: stickyClass }, table.getHeaderGroups().map(function (headerGroup) { return (React__default["default"].createElement("tr", { key: headerGroup.id }, headerGroup.headers.map(function (header) {
+        var _a;
+        var _b;
+        return (React__default["default"].createElement("th", { key: header.id, colSpan: header.colSpan, className: sorting && header.column.getCanSort()
+                ? classnames__default["default"](styles$1.sortableColumn, (_a = {},
+                    _a[styles$1.pinFirstHeaderSortable] = !!onRowClick,
+                    _a))
+                : "", onClick: sorting ? header.column.getToggleSortingHandler() : undefined }, header.isPlaceholder ? null : (React__default["default"].createElement("div", null,
+            reactTable.flexRender(header.column.columnDef.header, header.getContext()), (_b = {
+            asc: React__default["default"].createElement(Icon.Icon, { name: "longArrowUp", color: "green" }),
+            desc: React__default["default"].createElement(Icon.Icon, { name: "longArrowDown", color: "green" }),
+        }[header.column.getIsSorted()]) !== null && _b !== void 0 ? _b : (React__default["default"].createElement("svg", { style: {
+                width: "var(--space-large)",
+                height: "var(--space-large)",
+            } }))))));
+    }))); })));
+}
+
+function DataTable(_a) {
+    var _b;
+    var data = _a.data, columns = _a.columns, pagination = _a.pagination, sorting = _a.sorting, height = _a.height, stickyHeader = _a.stickyHeader, pinFirstColumn = _a.pinFirstColumn, onRowClick = _a.onRowClick;
+    var tableSettings = createTableSettings(data, columns, {
+        pagination: pagination,
+        sorting: sorting,
+    });
+    var tableClasses = classnames__default["default"](styles$1.table, (_b = {},
+        _b[styles$1.pinFirstColumn] = pinFirstColumn,
+        _b));
+    var table = reactTable.useReactTable(tableSettings);
+    return (React__default["default"].createElement("div", { className: styles$1.dataTableContainer },
+        React__default["default"].createElement("div", { className: styles$1.tableContainer, style: { height: height } },
+            React__default["default"].createElement("table", { className: tableClasses },
+                React__default["default"].createElement(Header, { table: table, sorting: sorting, onRowClick: onRowClick, stickyHeader: stickyHeader }),
+                React__default["default"].createElement(Body, { table: table, onRowClick: onRowClick }))),
+        pagination && (React__default["default"].createElement(Footer, { table: table, itemsPerPage: pagination.itemsPerPage, totalItems: pagination.manualPagination
+                ? pagination.totalItems
+                : table.getCoreRowModel().rows.length }))));
+}
+
+Object.defineProperty(exports, 'ColumnDef', {
+  enumerable: true,
+  get: function () { return reactTable.ColumnDef; }
+});
+Object.defineProperty(exports, 'PaginationState', {
+  enumerable: true,
+  get: function () { return reactTable.PaginationState; }
+});
+Object.defineProperty(exports, 'Row', {
+  enumerable: true,
+  get: function () { return reactTable.Row; }
+});
+Object.defineProperty(exports, 'SortingState', {
+  enumerable: true,
+  get: function () { return reactTable.SortingState; }
+});
+Object.defineProperty(exports, 'createColumnHelper', {
+  enumerable: true,
+  get: function () { return reactTable.createColumnHelper; }
+});
+exports.DataTable = DataTable;

package/dist/DataTable/test-utilities/index.d.ts

@@ -0,0 +1 @@
+export * from "./mocks";

package/dist/DataTable/test-utilities/mocks.d.ts

@@ -0,0 +1,11 @@
+import { ColumnDef } from "@tanstack/react-table";
+interface Data {
+    name: string;
+    house: string;
+    region: string;
+    sigil: string;
+    isAlive: string;
+}
+export declare const data: Data[];
+export declare const columns: ColumnDef<Data>[];
+export {};

package/dist/DataTable/types.d.ts

@@ -0,0 +1,83 @@
+import { PaginationState, SortingState } from "@tanstack/react-table";
+import { Dispatch, SetStateAction } from "react";
+export interface ManualPagination {
+    /**
+     * When manually controlled represents the current pagination state of the table.
+     *
+     * @type {PaginationState}
+     */
+    state: PaginationState;
+    /**
+     * When manually controlling pagination, you should supply a total pageCount value to the table if you know it.
+     * If you do not know how many pages there are, you can set this to -1. (Or should we error?)
+     *
+     * @type {number}
+     */
+    pageCount: number;
+    /**
+     * If this function is provided, it will be called when the pagination state changes and you will be expected
+     * to manage the state yourself. You can pass the managed state back to the table via the state option.
+     */
+    onPaginationChange: Dispatch<SetStateAction<PaginationState>>;
+    /**
+     * Enables manual pagination. If this option is set to true,
+     * the table will not automatically paginate and instead will expect you
+     * to manually paginate the rows before passing them to the table.
+     *
+     * @type {boolean}
+     */
+    manualPagination: true;
+    /**
+     * The options to control the pagination
+     *
+     * @type {number[]}
+     * @memberof Pagination
+     */
+    itemsPerPage?: number[];
+    /**
+     * When manual pagination is enable the total numbers of
+     * records in the table should be provided.
+     *
+     * @type {number}
+     * @memberof Pagination
+     */
+    totalItems: number;
+}
+export interface DefaultPagination {
+    manualPagination: false;
+    itemsPerPage?: number[];
+}
+export declare type Pagination = DefaultPagination | ManualPagination;
+export interface ManualSorting {
+    /**
+     * Represents the current sorting state of the table.
+     *
+     * @type {SortingState}
+     */
+    state: SortingState;
+    /**
+     * Enables manual sorting for the table.
+     *
+     * @type {boolean}
+     */
+    manualSorting: true;
+    /**
+     * This overrides the default internal state management,
+     * so you will need to persist the state change either fully or partially outside of the table.
+     */
+    onSortingChange: Dispatch<SetStateAction<SortingState>>;
+    /**
+     * Enables/Disables the ability to remove sorting for the table.
+     *
+     */
+    enableSortingRemoval?: boolean;
+}
+export interface DefaultSorting {
+    /**
+     * Enables manual sorting for the table.
+     *
+     * @type {boolean}
+     */
+    manualSorting: false;
+}
+export declare type Sorting = DefaultSorting | ManualSorting;

package/dist/DatePicker/index.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var DatePicker = require('../DatePicker-ad6f8630.js');
+var DatePicker = require('../DatePicker-5286c461.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('classnames');
 require('react-datepicker');
 require('@jobber/hooks');
 require('../style-inject.es-dcee06b6.js');
-require('../Typography-7e542a72.js');
-require('../Button-5b2f1636.js');
+require('../Typography-b9663407.js');
+require('../Button-739af4d8.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');

package/dist/{DatePicker-ad6f8630.js → DatePicker-5286c461.js}

@@ -6,8 +6,8 @@ var classnames = require('classnames');
 var ReactDatePicker = require('react-datepicker');
 var hooks = require('@jobber/hooks');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
-var Typography = require('./Typography-7e542a72.js');
-var Button = require('./Button-5b2f1636.js');
+var Typography = require('./Typography-b9663407.js');
+var Button = require('./Button-739af4d8.js');
 var lodash = require('lodash');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/DescriptionList/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
-var Typography = require('../Typography-7e542a72.js');
+var Typography = require('../Typography-b9663407.js');
 require('classnames');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -21,8 +21,8 @@ function DescriptionList(_a) {
     return (React__default["default"].createElement("dl", { className: styles.descriptionList }, data.map(function (_a) {
         var _b = tslib_es6.__read(_a, 2), term = _b[0], description = _b[1];
         return (React__default["default"].createElement("div", { key: term, className: styles.termGroup },
-            React__default["default"].createElement(Typography.Typography, { element: "dt", textColor: "blue", size: "base" }, term),
-            React__default["default"].createElement(Typography.Typography, { element: "dd", textColor: "greyBlueDark", size: "base" }, description)));
+            React__default["default"].createElement(Typography.Typography, { element: "dt", textColor: "heading", size: "base" }, term),
+            React__default["default"].createElement(Typography.Typography, { element: "dd", textColor: "text", size: "base" }, description)));
     })));
 }
 

package/dist/Disclosure/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
-var Heading = require('../Heading-56750113.js');
+var Heading = require('../Heading-adeda503.js');
 var Icon = require('../Icon-d5ad1a6d.js');
-require('../Typography-7e542a72.js');
+require('../Typography-b9663407.js');
 require('classnames');
 require('@jobber/design');
 

package/dist/Drawer/index.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
-var Typography = require('../Typography-7e542a72.js');
-var ButtonDismiss = require('../ButtonDismiss-4cde8f7c.js');
+var Typography = require('../Typography-b9663407.js');
+var ButtonDismiss = require('../ButtonDismiss-e7bcefbd.js');
 require('../tslib.es6-5b50eb8e.js');
-require('../Button-5b2f1636.js');
+require('../Button-739af4d8.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');

package/dist/Emphasis/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Emphasis = require('../Emphasis-fd845639.js');
+var Emphasis = require('../Emphasis-bab99882.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
-require('../Typography-7e542a72.js');
+require('../Typography-b9663407.js');
 require('classnames');
 require('../style-inject.es-dcee06b6.js');
 

package/dist/{Emphasis-fd845639.js → Emphasis-bab99882.js}

@@ -2,7 +2,7 @@
 
 var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
 var React = require('react');
-var Typography = require('./Typography-7e542a72.js');
+var Typography = require('./Typography-b9663407.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/FeatureSwitch/index.js

@@ -7,14 +7,14 @@ var React = require('react');
 var framerMotion = require('framer-motion');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
-var Heading = require('../Heading-56750113.js');
-var Text = require('../Text-9bc093e9.js');
+var Heading = require('../Heading-adeda503.js');
+var Text = require('../Text-3bf41a36.js');
 var Content = require('../Content-18de5fbb.js');
-var Switch = require('../Switch-d2bec677.js');
-var Button = require('../Button-5b2f1636.js');
-var Emphasis = require('../Emphasis-fd845639.js');
-var Markdown = require('../Markdown-69986c49.js');
-require('../Typography-7e542a72.js');
+var Switch = require('../Switch-fd6f2195.js');
+var Button = require('../Button-739af4d8.js');
+var Emphasis = require('../Emphasis-bab99882.js');
+var Markdown = require('../Markdown-a532e42a.js');
+require('../Typography-b9663407.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');

package/dist/FormField/index.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormField = require('../FormField-a92c7bac.js');
+var FormField = require('../FormField-05b0b30b.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
 require('uuid');
 require('react-hook-form');
 require('../style-inject.es-dcee06b6.js');
 require('classnames');
-require('../Button-5b2f1636.js');
+require('../Button-739af4d8.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Typography-7e542a72.js');
-require('../Text-9bc093e9.js');
-require('../InputValidation-24d3621a.js');
+require('../Typography-b9663407.js');
+require('../Text-3bf41a36.js');
+require('../InputValidation-c7f91798.js');
 require('framer-motion');
 require('../Spinner-18d3dee6.js');
 

package/dist/{FormField-a92c7bac.js → FormField-05b0b30b.js}

@@ -6,10 +6,10 @@ var uuid = require('uuid');
 var reactHookForm = require('react-hook-form');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 var classnames = require('classnames');
-var Button = require('./Button-5b2f1636.js');
+var Button = require('./Button-739af4d8.js');
 var Icon = require('./Icon-d5ad1a6d.js');
-var Text = require('./Text-9bc093e9.js');
-var InputValidation = require('./InputValidation-24d3621a.js');
+var Text = require('./Text-3bf41a36.js');
+var InputValidation = require('./InputValidation-c7f91798.js');
 var Spinner = require('./Spinner-18d3dee6.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/FormatFile/index.js

@@ -2,29 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormatFile = require('../FormatFile-5391d4cf.js');
+var FormatFile = require('../FormatFile-bd1cc3e1.js');
 require('react');
 require('classnames');
 require('filesize');
 require('../style-inject.es-dcee06b6.js');
 require('../tslib.es6-5b50eb8e.js');
-require('../Button-5b2f1636.js');
+require('../Button-739af4d8.js');
 require('react-router-dom');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
-require('../Typography-7e542a72.js');
-require('../ConfirmationModal-b7ef110f.js');
+require('../Typography-b9663407.js');
+require('../ConfirmationModal-ccef9b30.js');
 require('@jobber/hooks');
-require('../Modal-aaaaf2df.js');
+require('../Modal-28bf985d.js');
 require('react-dom');
 require('framer-motion');
-require('../ButtonDismiss-4cde8f7c.js');
+require('../ButtonDismiss-e7bcefbd.js');
 require('../Content-18de5fbb.js');
-require('../Markdown-69986c49.js');
+require('../Markdown-a532e42a.js');
 require('react-markdown');
-require('../Text-9bc093e9.js');
-require('../Emphasis-fd845639.js');
-require('../Heading-56750113.js');
+require('../Text-3bf41a36.js');
+require('../Emphasis-bab99882.js');
+require('../Heading-adeda503.js');
 require('../ProgressBar-e9a49129.js');
 
 

package/dist/{FormatFile-5391d4cf.js → FormatFile-bd1cc3e1.js}

@@ -5,11 +5,11 @@ var classnames = require('classnames');
 var getHumanReadableFileSize = require('filesize');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
-var Button = require('./Button-5b2f1636.js');
-var ConfirmationModal = require('./ConfirmationModal-b7ef110f.js');
+var Button = require('./Button-739af4d8.js');
+var ConfirmationModal = require('./ConfirmationModal-ccef9b30.js');
 var Icon = require('./Icon-d5ad1a6d.js');
-var Typography = require('./Typography-7e542a72.js');
-var Text = require('./Text-9bc093e9.js');
+var Typography = require('./Typography-b9663407.js');
+var Text = require('./Text-3bf41a36.js');
 var ProgressBar = require('./ProgressBar-e9a49129.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/Gallery/index.js

@@ -7,24 +7,24 @@ var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
 var LightBox = require('../LightBox-b893b656.js');
-var FormatFile = require('../FormatFile-5391d4cf.js');
-var Button = require('../Button-5b2f1636.js');
+var FormatFile = require('../FormatFile-bd1cc3e1.js');
+var Button = require('../Button-739af4d8.js');
 require('react-image-lightbox');
 require('react-image-lightbox/style.css');
 require('filesize');
-require('../ConfirmationModal-b7ef110f.js');
+require('../ConfirmationModal-ccef9b30.js');
 require('@jobber/hooks');
-require('../Modal-aaaaf2df.js');
+require('../Modal-28bf985d.js');
 require('react-dom');
 require('framer-motion');
-require('../Typography-7e542a72.js');
-require('../ButtonDismiss-4cde8f7c.js');
+require('../Typography-b9663407.js');
+require('../ButtonDismiss-e7bcefbd.js');
 require('../Content-18de5fbb.js');
-require('../Markdown-69986c49.js');
+require('../Markdown-a532e42a.js');
 require('react-markdown');
-require('../Text-9bc093e9.js');
-require('../Emphasis-fd845639.js');
-require('../Heading-56750113.js');
+require('../Text-3bf41a36.js');
+require('../Emphasis-bab99882.js');
+require('../Heading-adeda503.js');
 require('../Icon-d5ad1a6d.js');
 require('@jobber/design');
 require('../ProgressBar-e9a49129.js');

package/dist/Heading/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Heading = require('../Heading-56750113.js');
+var Heading = require('../Heading-adeda503.js');
 require('../tslib.es6-5b50eb8e.js');
 require('react');
-require('../Typography-7e542a72.js');
+require('../Typography-b9663407.js');
 require('classnames');
 require('../style-inject.es-dcee06b6.js');
 

package/dist/{Heading-56750113.js → Heading-adeda503.js}

@@ -2,7 +2,7 @@
 
 var tslib_es6 = require('./tslib.es6-5b50eb8e.js');
 var React = require('react');
-var Typography = require('./Typography-7e542a72.js');
+var Typography = require('./Typography-b9663407.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/InlineLabel/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
-var Typography = require('../Typography-7e542a72.js');
+var Typography = require('../Typography-b9663407.js');
 require('../tslib.es6-5b50eb8e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/InputAvatar/index.js

@@ -6,9 +6,9 @@ var tslib_es6 = require('../tslib.es6-5b50eb8e.js');
 var React = require('react');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
 var Avatar = require('../Avatar-cfd04e86.js');
-var InputFile = require('../InputFile-b5cf90c3.js');
+var InputFile = require('../InputFile-bb2848b9.js');
 var ProgressBar = require('../ProgressBar-e9a49129.js');
-var Button = require('../Button-5b2f1636.js');
+var Button = require('../Button-739af4d8.js');
 require('classnames');
 require('color');
 require('../Icon-d5ad1a6d.js');
@@ -17,7 +17,7 @@ require('react-dropzone');
 require('axios');
 require('uuid');
 require('../Content-18de5fbb.js');
-require('../Typography-7e542a72.js');
+require('../Typography-b9663407.js');
 require('react-router-dom');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }