@bundle-stats/ui 4.2.4 → 4.2.5-beta.0

package/lib/constants.js

@@ -1,29 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.METRICS_WEBPACK_PACKAGES = exports.METRICS_WEBPACK_MODULES = exports.METRICS_WEBPACK_ASSETS = exports.METRICS_WEBPACK_GENERAL = exports.ASSETS_SIZES_FILE_TYPE_MAP = exports.SECTION_URLS = exports.URLS = exports.SPACES = exports.SPACE_XXXLARGE = exports.SPACE_XXLARGE = exports.SPACE_XLARGE = exports.SPACE_LARGE = exports.SPACE_MEDIUM = exports.SPACE_SMALL = exports.SPACE_XSMALL = exports.SPACE_XXSMALL = exports.SPACE_XXXSMALL = exports.NO_SPACE = void 0;
+exports.METRICS_WEBPACK_PACKAGES = exports.METRICS_WEBPACK_MODULES = exports.METRICS_WEBPACK_ASSETS = exports.METRICS_WEBPACK_GENERAL = exports.ASSETS_SIZES_FILE_TYPE_MAP = exports.SECTION_URLS = exports.URLS = void 0;
 const utils_1 = require("@bundle-stats/utils");
-exports.NO_SPACE = 'no-space';
-exports.SPACE_XXXSMALL = 'xxxsmall';
-exports.SPACE_XXSMALL = 'xxsmall';
-exports.SPACE_XSMALL = 'xsmall';
-exports.SPACE_SMALL = 'small';
-exports.SPACE_MEDIUM = 'medium';
-exports.SPACE_LARGE = 'large';
-exports.SPACE_XLARGE = 'xlarge';
-exports.SPACE_XXLARGE = 'xxlarge';
-exports.SPACE_XXXLARGE = 'xxxlarge';
-exports.SPACES = [
-    exports.NO_SPACE,
-    exports.SPACE_XXXSMALL,
-    exports.SPACE_XXSMALL,
-    exports.SPACE_XSMALL,
-    exports.SPACE_SMALL,
-    exports.SPACE_MEDIUM,
-    exports.SPACE_LARGE,
-    exports.SPACE_XLARGE,
-    exports.SPACE_XXLARGE,
-    exports.SPACE_XXXLARGE,
-];
 exports.URLS = {
     OVERVIEW: '/',
     ASSETS: '/assets',

package/lib/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.js"],"names":[],"mappings":";;;AAAA,+CAA2D;AAE9C,QAAA,QAAQ,GAAG,UAAU,CAAC;AACtB,QAAA,cAAc,GAAG,UAAU,CAAC;AAC5B,QAAA,aAAa,GAAG,SAAS,CAAC;AAC1B,QAAA,YAAY,GAAG,QAAQ,CAAC;AACxB,QAAA,WAAW,GAAG,OAAO,CAAC;AACtB,QAAA,YAAY,GAAG,QAAQ,CAAC;AACxB,QAAA,WAAW,GAAG,OAAO,CAAC;AACtB,QAAA,YAAY,GAAG,QAAQ,CAAC;AACxB,QAAA,aAAa,GAAG,SAAS,CAAC;AAC1B,QAAA,cAAc,GAAG,UAAU,CAAC;AAE5B,QAAA,MAAM,GAAG;IACpB,gBAAQ;IACR,sBAAc;IACd,qBAAa;IACb,oBAAY;IACZ,mBAAW;IACX,oBAAY;IACZ,mBAAW;IACX,oBAAY;IACZ,qBAAa;IACb,sBAAc;CACf,CAAC;AAEW,QAAA,IAAI,GAAG;IAClB,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,WAAW;CACtB,CAAC;AAEW,QAAA,YAAY,GAAG;IAC1B,CAAC,gBAAQ,CAAC,MAAM,CAAC,EAAE,YAAI,CAAC,QAAQ;IAChC,CAAC,gBAAQ,CAAC,MAAM,CAAC,EAAE,YAAI,CAAC,MAAM;IAC9B,CAAC,gBAAQ,CAAC,OAAO,CAAC,EAAE,YAAI,CAAC,OAAO;IAChC,CAAC,gBAAQ,CAAC,QAAQ,CAAC,EAAE,YAAI,CAAC,QAAQ;CACnC,CAAC;AAEW,QAAA,0BAA0B,GAAG,kBAAU,CAAC,MAAM,CACzD,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;IAClB,GAAG,GAAG;IACN,CAAC,gCAAgC,QAAQ,EAAE,CAAC,EAAE,QAAQ;CACvD,CAAC,EACF,EAAE,CACH,CAAC;AAEW,QAAA,uBAAuB,GAAG;IACrC,4BAA4B;IAC5B,4BAA4B;IAC5B,6BAA6B;IAC7B,2BAA2B;CAC5B,CAAC;AACW,QAAA,sBAAsB,GAAG,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;AACtE,QAAA,uBAAuB,GAAG;IACrC,qBAAqB;IACrB,+BAA+B;IAC/B,uBAAuB;CACxB,CAAC;AACW,QAAA,wBAAwB,GAAG,CAAC,sBAAsB,EAAE,gCAAgC,CAAC,CAAC"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.js"],"names":[],"mappings":";;;AAAA,+CAA2D;AAE9C,QAAA,IAAI,GAAG;IAClB,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,WAAW;CACtB,CAAC;AAEW,QAAA,YAAY,GAAG;IAC1B,CAAC,gBAAQ,CAAC,MAAM,CAAC,EAAE,YAAI,CAAC,QAAQ;IAChC,CAAC,gBAAQ,CAAC,MAAM,CAAC,EAAE,YAAI,CAAC,MAAM;IAC9B,CAAC,gBAAQ,CAAC,OAAO,CAAC,EAAE,YAAI,CAAC,OAAO;IAChC,CAAC,gBAAQ,CAAC,QAAQ,CAAC,EAAE,YAAI,CAAC,QAAQ;CACnC,CAAC;AAEW,QAAA,0BAA0B,GAAG,kBAAU,CAAC,MAAM,CACzD,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;IAClB,GAAG,GAAG;IACN,CAAC,gCAAgC,QAAQ,EAAE,CAAC,EAAE,QAAQ;CACvD,CAAC,EACF,EAAE,CACH,CAAC;AAEW,QAAA,uBAAuB,GAAG;IACrC,4BAA4B;IAC5B,4BAA4B;IAC5B,6BAA6B;IAC7B,2BAA2B;CAC5B,CAAC;AACW,QAAA,sBAAsB,GAAG,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;AACtE,QAAA,uBAAuB,GAAG;IACrC,qBAAqB;IACrB,+BAA+B;IAC/B,uBAAuB;CACxB,CAAC;AACW,QAAA,wBAAwB,GAAG,CAAC,sBAAsB,EAAE,gCAAgC,CAAC,CAAC"}

package/lib/layout/box/box.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Box = void 0;
 const react_1 = __importDefault(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const constants_1 = require("../../constants");
+const tokens_1 = require("../../tokens");
 const box_module_css_1 = __importDefault(require("./box.module.css"));
 const Box = (props) => {
-    const { className = '', as: Component = 'div', padding = constants_1.NO_SPACE, horizontalPadding = '', verticalPadding = '', outline = false, outlineHover = false, ...restProps } = props;
+    const { className = '', as: Component = 'div', padding = tokens_1.NO_SPACE, horizontalPadding = '', verticalPadding = '', outline = false, outlineHover = false, ...restProps } = props;
     const [resolvedPadding, resolvedVerticalPadding, resolvedHorizontalPadding] = Array.isArray(padding)
         ? [null, ...padding]
         : [padding, verticalPadding, horizontalPadding];

package/lib/layout/box/box.js.map

@@ -1 +1 @@
-{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/layout/box/box.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,+CAAmD;AAEnD,sEAAmC;AAW5B,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,EAAE;IACrC,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,OAAO,GAAG,oBAAQ,EAClB,iBAAiB,GAAG,EAAE,EACtB,eAAe,GAAG,EAAE,EACpB,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,KAAK,EACpB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,eAAe,EAAE,uBAAuB,EAAE,yBAAyB,CAAC,GAAG,KAAK,CAAC,OAAO,CACzF,OAAO,CACR;QACC,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,OAAO,CAAC;QACpB,CAAC,CAAC,CAAC,OAAO,EAAE,eAAe,EAAE,iBAAiB,CAAC,CAAC;IAElD,MAAM,aAAa,GAAG,IAAA,oBAAE,EACtB,wBAAG,CAAC,IAAI,EACR,SAAS,EACT,eAAe,IAAI,wBAAG,CAAC,WAAW,eAAe,EAAE,CAAC,EACpD,uBAAuB,IAAI,wBAAG,CAAC,oBAAoB,uBAAuB,EAAE,CAAC,EAC7E,yBAAyB,IAAI,wBAAG,CAAC,sBAAsB,yBAAyB,EAAE,CAAC,EACnF,OAAO,IAAI,wBAAG,CAAC,OAAO,EACtB,YAAY,IAAI,wBAAG,CAAC,YAAY,CACjC,CAAC;IAEF,OAAO,8BAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,GAAI,CAAC;AAChE,CAAC,CAAC;AA7BW,QAAA,GAAG,OA6Bd"}
+{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/layout/box/box.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,yCAAgD;AAEhD,sEAAmC;AAa5B,MAAM,GAAG,GAAG,CACjB,KAAqE,EACrE,EAAE;IACF,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,OAAO,GAAG,iBAAQ,EAClB,iBAAiB,GAAG,EAAE,EACtB,eAAe,GAAG,EAAE,EACpB,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,KAAK,EACpB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,eAAe,EAAE,uBAAuB,EAAE,yBAAyB,CAAC,GAAG,KAAK,CAAC,OAAO,CACzF,OAAO,CACR;QACC,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,OAAO,CAAC;QACpB,CAAC,CAAC,CAAC,OAAO,EAAE,eAAe,EAAE,iBAAiB,CAAC,CAAC;IAElD,MAAM,aAAa,GAAG,IAAA,oBAAE,EACtB,wBAAG,CAAC,IAAI,EACR,SAAS,EACT,eAAe,IAAI,wBAAG,CAAC,WAAW,eAAe,EAAE,CAAC,EACpD,uBAAuB,IAAI,wBAAG,CAAC,oBAAoB,uBAAuB,EAAE,CAAC,EAC7E,yBAAyB,IAAI,wBAAG,CAAC,sBAAsB,yBAAyB,EAAE,CAAC,EACnF,OAAO,IAAI,wBAAG,CAAC,OAAO,EACtB,YAAY,IAAI,wBAAG,CAAC,YAAY,CACjC,CAAC;IAEF,OAAO,8BAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,GAAI,CAAC;AAChE,CAAC,CAAC;AA/BW,QAAA,GAAG,OA+Bd"}

package/lib/layout/flex-stack/flex-stack.js

@@ -5,30 +5,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FlexStack = void 0;
 const react_1 = __importDefault(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
 const classnames_1 = __importDefault(require("classnames"));
-const constants_1 = require("../../constants");
+const tokens_1 = require("../../tokens");
 const utils_1 = require("../../utils");
 const flex_stack_module_css_1 = __importDefault(require("./flex-stack.module.css"));
-const FlexStack = ({ as: Component = 'div', className = '', space = '', inline = false, children = null, alignItems = '', ...restProps }) => {
+const FlexStack = (props) => {
+    const { as: Component = 'div', className = '', space = tokens_1.NO_SPACE, inline = false, children = null, alignItems = '', ...restProps } = props;
     const rootClassName = (0, classnames_1.default)(className, flex_stack_module_css_1.default.root, flex_stack_module_css_1.default[`space--${space}`], flex_stack_module_css_1.default[`align-items--${alignItems}`], inline && flex_stack_module_css_1.default.inline);
     return (react_1.default.createElement(Component, { ...restProps, className: rootClassName }, react_1.default.Children.map(children, (0, utils_1.getRenderChildWithClassName)(flex_stack_module_css_1.default.item))));
 };
 exports.FlexStack = FlexStack;
-exports.FlexStack.defaultProps = {
-    as: 'div',
-    className: '',
-    children: null,
-    space: constants_1.NO_SPACE,
-    alignItems: undefined,
-    inline: false,
-};
-exports.FlexStack.propTypes = {
-    as: prop_types_1.default.elementType,
-    className: prop_types_1.default.string,
-    children: prop_types_1.default.node,
-    space: prop_types_1.default.oneOf(constants_1.SPACES),
-    alignItems: prop_types_1.default.oneOf(['stretch', 'center', 'flex-start', 'flex-end', 'baseline']),
-    inline: prop_types_1.default.bool,
-};
 //# sourceMappingURL=flex-stack.js.map

package/lib/layout/flex-stack/flex-stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"flex-stack.js","sourceRoot":"","sources":["../../../src/layout/flex-stack/flex-stack.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,+CAAmD;AACnD,uCAA0D;AAC1D,oFAA0C;AAEnC,MAAM,SAAS,GAAG,CAAC,EACxB,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,EAAE,EACf,GAAG,SAAS,EACb,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,IAAA,oBAAE,EACtB,SAAS,EACT,+BAAG,CAAC,IAAI,EACR,+BAAG,CAAC,UAAU,KAAK,EAAE,CAAC,EACtB,+BAAG,CAAC,gBAAgB,UAAU,EAAE,CAAC,EACjC,MAAM,IAAI,+BAAG,CAAC,MAAM,CACrB,CAAC;IAEF,OAAO,CACL,8BAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,IAC/C,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAA,mCAA2B,EAAC,+BAAG,CAAC,IAAI,CAAC,CAAC,CAC1D,CACb,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,SAAS,aAsBpB;AAEF,iBAAS,CAAC,YAAY,GAAG;IACvB,EAAE,EAAE,KAAK;IACT,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,oBAAQ;IACf,UAAU,EAAE,SAAS;IACrB,MAAM,EAAE,KAAK;CACd,CAAC;AAEF,iBAAS,CAAC,SAAS,GAAG;IACpB,EAAE,EAAE,oBAAS,CAAC,WAAW;IACzB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,QAAQ,EAAE,oBAAS,CAAC,IAAI;IACxB,KAAK,EAAE,oBAAS,CAAC,KAAK,CAAC,kBAAM,CAAC;IAC9B,UAAU,EAAE,oBAAS,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;IACxF,MAAM,EAAE,oBAAS,CAAC,IAAI;CACvB,CAAC"}
+{"version":3,"file":"flex-stack.js","sourceRoot":"","sources":["../../../src/layout/flex-stack/flex-stack.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,yCAAgD;AAChD,uCAA0D;AAE1D,oFAA0C;AAWnC,MAAM,SAAS,GAAG,CACvB,KAAiF,EACjF,EAAE;IACF,MAAM,EACJ,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,iBAAQ,EAChB,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,EAAE,EACf,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,IAAA,oBAAE,EACtB,SAAS,EACT,+BAAG,CAAC,IAAI,EACR,+BAAG,CAAC,UAAU,KAAK,EAAE,CAAC,EACtB,+BAAG,CAAC,gBAAgB,UAAU,EAAE,CAAC,EACjC,MAAM,IAAI,+BAAG,CAAC,MAAM,CACrB,CAAC;IAEF,OAAO,CACL,8BAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,IAC/C,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAA,mCAA2B,EAAC,+BAAG,CAAC,IAAI,CAAC,CAAC,CAC1D,CACb,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,SAAS,aA0BpB"}

package/lib/layout/flex-stack/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/flex-stack/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/flex-stack/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA6B"}

package/lib/layout/stack/stack.js

@@ -7,7 +7,7 @@ exports.Stack = void 0;
 const react_1 = __importDefault(require("react"));
 const prop_types_1 = __importDefault(require("prop-types"));
 const classnames_1 = __importDefault(require("classnames"));
-const constants_1 = require("../../constants");
+const tokens_1 = require("../../tokens");
 const utils_1 = require("../../utils");
 const stack_module_css_1 = __importDefault(require("./stack.module.css"));
 const Stack = (props) => {
@@ -20,12 +20,12 @@ exports.Stack.defaultProps = {
     as: 'div',
     className: '',
     children: null,
-    space: constants_1.NO_SPACE,
+    space: tokens_1.NO_SPACE,
 };
 exports.Stack.propTypes = {
     as: prop_types_1.default.elementType,
     className: prop_types_1.default.string,
     children: prop_types_1.default.node,
-    space: prop_types_1.default.oneOf(constants_1.SPACES),
+    space: prop_types_1.default.oneOf(tokens_1.SPACES),
 };
 //# sourceMappingURL=stack.js.map

package/lib/layout/stack/stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"stack.js","sourceRoot":"","sources":["../../../src/layout/stack/stack.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,+CAAmD;AACnD,uCAA0D;AAC1D,0EAAqC;AAE9B,MAAM,KAAK,GAAG,CAAC,KAAK,EAAE,EAAE;IAC7B,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAC1E,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,SAAS,EAAE,0BAAG,CAAC,IAAI,EAAE,0BAAG,CAAC,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC;IAEtE,OAAO,CACL,8BAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,IAC/C,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAA,mCAA2B,EAAC,0BAAG,CAAC,IAAI,CAAC,CAAC,CAC1D,CACb,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,KAAK,SAShB;AAEF,aAAK,CAAC,YAAY,GAAG;IACnB,EAAE,EAAE,KAAK;IACT,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,oBAAQ;CAChB,CAAC;AAEF,aAAK,CAAC,SAAS,GAAG;IAChB,EAAE,EAAE,oBAAS,CAAC,WAAW;IACzB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,QAAQ,EAAE,oBAAS,CAAC,IAAI;IACxB,KAAK,EAAE,oBAAS,CAAC,KAAK,CAAC,kBAAM,CAAC;CAC/B,CAAC"}
+{"version":3,"file":"stack.js","sourceRoot":"","sources":["../../../src/layout/stack/stack.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,yCAAgD;AAChD,uCAA0D;AAC1D,0EAAqC;AAE9B,MAAM,KAAK,GAAG,CAAC,KAAK,EAAE,EAAE;IAC7B,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAC1E,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,SAAS,EAAE,0BAAG,CAAC,IAAI,EAAE,0BAAG,CAAC,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC;IAEtE,OAAO,CACL,8BAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,IAC/C,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAA,mCAA2B,EAAC,0BAAG,CAAC,IAAI,CAAC,CAAC,CAC1D,CACb,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,KAAK,SAShB;AAEF,aAAK,CAAC,YAAY,GAAG;IACnB,EAAE,EAAE,KAAK;IACT,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,iBAAQ;CAChB,CAAC;AAEF,aAAK,CAAC,SAAS,GAAG;IAChB,EAAE,EAAE,oBAAS,CAAC,WAAW;IACzB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,QAAQ,EAAE,oBAAS,CAAC,IAAI;IACxB,KAAK,EAAE,oBAAS,CAAC,KAAK,CAAC,eAAM,CAAC;CAC/B,CAAC"}

package/lib/tokens.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SPACES = exports.SPACE_XXXLARGE = exports.SPACE_XXLARGE = exports.SPACE_XLARGE = exports.SPACE_LARGE = exports.SPACE_MEDIUM = exports.SPACE_SMALL = exports.SPACE_XSMALL = exports.SPACE_XXSMALL = exports.SPACE_XXXSMALL = exports.NO_SPACE = void 0;
+exports.NO_SPACE = 'no-space';
+exports.SPACE_XXXSMALL = 'xxxsmall';
+exports.SPACE_XXSMALL = 'xxsmall';
+exports.SPACE_XSMALL = 'xsmall';
+exports.SPACE_SMALL = 'small';
+exports.SPACE_MEDIUM = 'medium';
+exports.SPACE_LARGE = 'large';
+exports.SPACE_XLARGE = 'xlarge';
+exports.SPACE_XXLARGE = 'xxlarge';
+exports.SPACE_XXXLARGE = 'xxxlarge';
+exports.SPACES = [
+    exports.NO_SPACE,
+    exports.SPACE_XXXSMALL,
+    exports.SPACE_XXSMALL,
+    exports.SPACE_XSMALL,
+    exports.SPACE_SMALL,
+    exports.SPACE_MEDIUM,
+    exports.SPACE_LARGE,
+    exports.SPACE_XLARGE,
+    exports.SPACE_XXLARGE,
+    exports.SPACE_XXXLARGE,
+];
+//# sourceMappingURL=tokens.js.map

package/lib/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":";;;AAAa,QAAA,QAAQ,GAAG,UAAU,CAAC;AACtB,QAAA,cAAc,GAAG,UAAU,CAAC;AAC5B,QAAA,aAAa,GAAG,SAAS,CAAC;AAC1B,QAAA,YAAY,GAAG,QAAQ,CAAC;AACxB,QAAA,WAAW,GAAG,OAAO,CAAC;AACtB,QAAA,YAAY,GAAG,QAAQ,CAAC;AACxB,QAAA,WAAW,GAAG,OAAO,CAAC;AACtB,QAAA,YAAY,GAAG,QAAQ,CAAC;AACxB,QAAA,aAAa,GAAG,SAAS,CAAC;AAC1B,QAAA,cAAc,GAAG,UAAU,CAAC;AAE5B,QAAA,MAAM,GAAG;IACpB,gBAAQ;IACR,sBAAc;IACd,qBAAa;IACb,oBAAY;IACZ,mBAAW;IACX,oBAAY;IACZ,mBAAW;IACX,oBAAY;IACZ,qBAAa;IACb,sBAAc;CACN,CAAC"}

package/lib/ui/tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/tooltip/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/tooltip/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B"}

package/lib/ui/tooltip/tooltip.js

@@ -5,37 +5,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tooltip = void 0;
 const react_1 = __importDefault(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
 const classnames_1 = __importDefault(require("classnames"));
 const tooltip_1 = require("ariakit/tooltip");
 const tooltip_module_css_1 = __importDefault(require("./tooltip.module.css"));
 const Tooltip = (props) => {
-    const { className, tooltipClassName, title, children, as: Component, containerRef: ref, darkMode, ...restProps } = props;
+    const { className = '', tooltipClassName = '', title = '', as: Component = 'span', containerRef: ref, darkMode = true, ...restProps } = props;
     const tooltip = (0, tooltip_1.useTooltipState)({ placement: 'top' });
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(tooltip_1.TooltipAnchor, { as: Component, className: (0, classnames_1.default)(tooltip_module_css_1.default.root, className), state: tooltip, ...(ref ? { ref } : {}), ...restProps }, children),
+        react_1.default.createElement(tooltip_1.TooltipAnchor, { as: Component, className: (0, classnames_1.default)(tooltip_module_css_1.default.root, className), state: tooltip, ...(ref ? { ref } : {}), ...restProps }),
         title && (react_1.default.createElement(tooltip_1.Tooltip, { state: tooltip, className: (0, classnames_1.default)(tooltip_module_css_1.default.tooltip, tooltipClassName, darkMode && tooltip_module_css_1.default.tooltipDarkMode) },
             react_1.default.createElement(tooltip_1.TooltipArrow, { state: tooltip, className: tooltip_module_css_1.default.arrow, size: 12 }),
             title))));
 };
 exports.Tooltip = Tooltip;
-exports.Tooltip.defaultProps = {
-    className: '',
-    tooltipClassName: '',
-    title: '',
-    as: 'span',
-    containerRef: null,
-    darkMode: true,
-};
-exports.Tooltip.propTypes = {
-    className: prop_types_1.default.string,
-    tooltipClassName: prop_types_1.default.string,
-    title: prop_types_1.default.node,
-    children: prop_types_1.default.node.isRequired,
-    as: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.element, prop_types_1.default.func]),
-    containerRef: prop_types_1.default.shape({
-        current: prop_types_1.default.object,
-    }),
-    darkMode: prop_types_1.default.bool,
-};
 //# sourceMappingURL=tooltip.js.map

package/lib/ui/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/ui/tooltip/tooltip.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAC5B,6CAKyB;AAEzB,8EAAuC;AAEhC,MAAM,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE;IAC/B,MAAM,EACJ,SAAS,EACT,gBAAgB,EAChB,KAAK,EACL,QAAQ,EACR,EAAE,EAAE,SAAS,EACb,YAAY,EAAE,GAAG,EACjB,QAAQ,EACR,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,IAAA,yBAAe,EAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;IAEtD,OAAO,CACL;QACE,8BAAC,uBAAe,IACd,EAAE,EAAE,SAAS,EACb,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAAG,CAAC,IAAI,EAAE,SAAS,CAAC,EAClC,KAAK,EAAE,OAAO,KACV,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACpB,SAAS,IAEZ,QAAQ,CACO;QACjB,KAAK,IAAI,CACR,8BAAC,iBAAS,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAAG,CAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,IAAI,4BAAG,CAAC,eAAe,CAAC;YACtG,8BAAC,sBAAc,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,4BAAG,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,GAAI;YACjE,KAAK,CACI,CACb,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,OAAO,WAiClB;AAEF,eAAO,CAAC,YAAY,GAAG;IACrB,SAAS,EAAE,EAAE;IACb,gBAAgB,EAAE,EAAE;IACpB,KAAK,EAAE,EAAE;IACT,EAAE,EAAE,MAAM;IACV,YAAY,EAAE,IAAI;IAClB,QAAQ,EAAE,IAAI;CACf,CAAC;AAEF,eAAO,CAAC,SAAS,GAAG;IAClB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,gBAAgB,EAAE,oBAAS,CAAC,MAAM;IAClC,KAAK,EAAE,oBAAS,CAAC,IAAI;IACrB,QAAQ,EAAE,oBAAS,CAAC,IAAI,CAAC,UAAU;IACnC,EAAE,EAAE,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,MAAM,EAAE,oBAAS,CAAC,OAAO,EAAE,oBAAS,CAAC,IAAI,CAAC,CAAC;IAC9E,YAAY,EAAE,oBAAS,CAAC,KAAK,CAAC;QAC5B,OAAO,EAAE,oBAAS,CAAC,MAAM;KAC1B,CAAC;IACF,QAAQ,EAAE,oBAAS,CAAC,IAAI;CACzB,CAAC"}
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/ui/tooltip/tooltip.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAC5B,6CAKyB;AAGzB,8EAAuC;AAWhC,MAAM,OAAO,GAAG,CACrB,KAA6E,EAC7E,EAAE;IACF,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,gBAAgB,GAAG,EAAE,EACrB,KAAK,GAAG,EAAE,EACV,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,YAAY,EAAE,GAAG,EACjB,QAAQ,GAAG,IAAI,EACf,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,IAAA,yBAAe,EAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;IAEtD,OAAO,CACL;QACE,8BAAC,uBAAe,IACd,EAAE,EAAE,SAA8B,EAClC,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAAG,CAAC,IAAI,EAAE,SAAS,CAAC,EAClC,KAAK,EAAE,OAAO,KACV,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACpB,SAAS,GACb;QACD,KAAK,IAAI,CACR,8BAAC,iBAAS,IACR,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAAG,CAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,IAAI,4BAAG,CAAC,eAAe,CAAC;YAE7E,8BAAC,sBAAc,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,4BAAG,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,GAAI;YACjE,KAAK,CACI,CACb,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAnCW,QAAA,OAAO,WAmClB"}

package/lib-esm/constants.js

@@ -1,26 +1,4 @@
 import { FILE_TYPES, SECTIONS } from '@bundle-stats/utils';
-export const NO_SPACE = 'no-space';
-export const SPACE_XXXSMALL = 'xxxsmall';
-export const SPACE_XXSMALL = 'xxsmall';
-export const SPACE_XSMALL = 'xsmall';
-export const SPACE_SMALL = 'small';
-export const SPACE_MEDIUM = 'medium';
-export const SPACE_LARGE = 'large';
-export const SPACE_XLARGE = 'xlarge';
-export const SPACE_XXLARGE = 'xxlarge';
-export const SPACE_XXXLARGE = 'xxxlarge';
-export const SPACES = [
-    NO_SPACE,
-    SPACE_XXXSMALL,
-    SPACE_XXSMALL,
-    SPACE_XSMALL,
-    SPACE_SMALL,
-    SPACE_MEDIUM,
-    SPACE_LARGE,
-    SPACE_XLARGE,
-    SPACE_XXLARGE,
-    SPACE_XXXLARGE,
-];
 export const URLS = {
     OVERVIEW: '/',
     ASSETS: '/assets',

package/lib-esm/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE3D,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC;AACnC,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC;AACzC,MAAM,CAAC,MAAM,aAAa,GAAG,SAAS,CAAC;AACvC,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC;AACrC,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAC;AACnC,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC;AACrC,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAC;AACnC,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC;AACrC,MAAM,CAAC,MAAM,aAAa,GAAG,SAAS,CAAC;AACvC,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ;IACR,cAAc;IACd,aAAa;IACb,YAAY;IACZ,WAAW;IACX,YAAY;IACZ,WAAW;IACX,YAAY;IACZ,aAAa;IACb,cAAc;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,WAAW;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,QAAQ;IAChC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,MAAM;IAC9B,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,OAAO;IAChC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,UAAU,CAAC,MAAM,CACzD,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;IAClB,GAAG,GAAG;IACN,CAAC,gCAAgC,QAAQ,EAAE,CAAC,EAAE,QAAQ;CACvD,CAAC,EACF,EAAE,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,4BAA4B;IAC5B,4BAA4B;IAC5B,6BAA6B;IAC7B,2BAA2B;CAC5B,CAAC;AACF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;AACnF,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,qBAAqB;IACrB,+BAA+B;IAC/B,uBAAuB;CACxB,CAAC;AACF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,sBAAsB,EAAE,gCAAgC,CAAC,CAAC"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE3D,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,WAAW;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,QAAQ;IAChC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,MAAM;IAC9B,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,OAAO;IAChC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,UAAU,CAAC,MAAM,CACzD,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;IAClB,GAAG,GAAG;IACN,CAAC,gCAAgC,QAAQ,EAAE,CAAC,EAAE,QAAQ;CACvD,CAAC,EACF,EAAE,CACH,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,4BAA4B;IAC5B,4BAA4B;IAC5B,6BAA6B;IAC7B,2BAA2B;CAC5B,CAAC;AACF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;AACnF,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,qBAAqB;IACrB,+BAA+B;IAC/B,uBAAuB;CACxB,CAAC;AACF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,sBAAsB,EAAE,gCAAgC,CAAC,CAAC"}

package/lib-esm/layout/box/box.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import cx from 'classnames';
-import { NO_SPACE } from '../../constants';
+import { NO_SPACE } from '../../tokens';
 import css from './box.module.css';
 export const Box = (props) => {
     const { className = '', as: Component = 'div', padding = NO_SPACE, horizontalPadding = '', verticalPadding = '', outline = false, outlineHover = false, ...restProps } = props;

package/lib-esm/layout/box/box.js.map

@@ -1 +1 @@
-{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/layout/box/box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,QAAQ,EAAU,MAAM,iBAAiB,CAAC;AAEnD,OAAO,GAAG,MAAM,kBAAkB,CAAC;AAWnC,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,EAAE;IACrC,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,OAAO,GAAG,QAAQ,EAClB,iBAAiB,GAAG,EAAE,EACtB,eAAe,GAAG,EAAE,EACpB,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,KAAK,EACpB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,eAAe,EAAE,uBAAuB,EAAE,yBAAyB,CAAC,GAAG,KAAK,CAAC,OAAO,CACzF,OAAO,CACR;QACC,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,OAAO,CAAC;QACpB,CAAC,CAAC,CAAC,OAAO,EAAE,eAAe,EAAE,iBAAiB,CAAC,CAAC;IAElD,MAAM,aAAa,GAAG,EAAE,CACtB,GAAG,CAAC,IAAI,EACR,SAAS,EACT,eAAe,IAAI,GAAG,CAAC,WAAW,eAAe,EAAE,CAAC,EACpD,uBAAuB,IAAI,GAAG,CAAC,oBAAoB,uBAAuB,EAAE,CAAC,EAC7E,yBAAyB,IAAI,GAAG,CAAC,sBAAsB,yBAAyB,EAAE,CAAC,EACnF,OAAO,IAAI,GAAG,CAAC,OAAO,EACtB,YAAY,IAAI,GAAG,CAAC,YAAY,CACjC,CAAC;IAEF,OAAO,oBAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,GAAI,CAAC;AAChE,CAAC,CAAC"}
+{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/layout/box/box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,QAAQ,EAAU,MAAM,cAAc,CAAC;AAEhD,OAAO,GAAG,MAAM,kBAAkB,CAAC;AAanC,MAAM,CAAC,MAAM,GAAG,GAAG,CACjB,KAAqE,EACrE,EAAE;IACF,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,OAAO,GAAG,QAAQ,EAClB,iBAAiB,GAAG,EAAE,EACtB,eAAe,GAAG,EAAE,EACpB,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,KAAK,EACpB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,eAAe,EAAE,uBAAuB,EAAE,yBAAyB,CAAC,GAAG,KAAK,CAAC,OAAO,CACzF,OAAO,CACR;QACC,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,OAAO,CAAC;QACpB,CAAC,CAAC,CAAC,OAAO,EAAE,eAAe,EAAE,iBAAiB,CAAC,CAAC;IAElD,MAAM,aAAa,GAAG,EAAE,CACtB,GAAG,CAAC,IAAI,EACR,SAAS,EACT,eAAe,IAAI,GAAG,CAAC,WAAW,eAAe,EAAE,CAAC,EACpD,uBAAuB,IAAI,GAAG,CAAC,oBAAoB,uBAAuB,EAAE,CAAC,EAC7E,yBAAyB,IAAI,GAAG,CAAC,sBAAsB,yBAAyB,EAAE,CAAC,EACnF,OAAO,IAAI,GAAG,CAAC,OAAO,EACtB,YAAY,IAAI,GAAG,CAAC,YAAY,CACjC,CAAC;IAEF,OAAO,oBAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,GAAI,CAAC;AAChE,CAAC,CAAC"}

package/lib-esm/layout/flex-stack/flex-stack.js

@@ -1,27 +1,11 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import cx from 'classnames';
-import { NO_SPACE, SPACES } from '../../constants';
+import { NO_SPACE } from '../../tokens';
 import { getRenderChildWithClassName } from '../../utils';
 import css from './flex-stack.module.css';
-export const FlexStack = ({ as: Component = 'div', className = '', space = '', inline = false, children = null, alignItems = '', ...restProps }) => {
+export const FlexStack = (props) => {
+    const { as: Component = 'div', className = '', space = NO_SPACE, inline = false, children = null, alignItems = '', ...restProps } = props;
     const rootClassName = cx(className, css.root, css[`space--${space}`], css[`align-items--${alignItems}`], inline && css.inline);
     return (React.createElement(Component, { ...restProps, className: rootClassName }, React.Children.map(children, getRenderChildWithClassName(css.item))));
 };
-FlexStack.defaultProps = {
-    as: 'div',
-    className: '',
-    children: null,
-    space: NO_SPACE,
-    alignItems: undefined,
-    inline: false,
-};
-FlexStack.propTypes = {
-    as: PropTypes.elementType,
-    className: PropTypes.string,
-    children: PropTypes.node,
-    space: PropTypes.oneOf(SPACES),
-    alignItems: PropTypes.oneOf(['stretch', 'center', 'flex-start', 'flex-end', 'baseline']),
-    inline: PropTypes.bool,
-};
 //# sourceMappingURL=flex-stack.js.map

package/lib-esm/layout/flex-stack/flex-stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"flex-stack.js","sourceRoot":"","sources":["../../../src/layout/flex-stack/flex-stack.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,GAAG,MAAM,yBAAyB,CAAC;AAE1C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,EAAE,EACf,GAAG,SAAS,EACb,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,EAAE,CACtB,SAAS,EACT,GAAG,CAAC,IAAI,EACR,GAAG,CAAC,UAAU,KAAK,EAAE,CAAC,EACtB,GAAG,CAAC,gBAAgB,UAAU,EAAE,CAAC,EACjC,MAAM,IAAI,GAAG,CAAC,MAAM,CACrB,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,IAC/C,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,2BAA2B,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAC1D,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG;IACvB,EAAE,EAAE,KAAK;IACT,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,QAAQ;IACf,UAAU,EAAE,SAAS;IACrB,MAAM,EAAE,KAAK;CACd,CAAC;AAEF,SAAS,CAAC,SAAS,GAAG;IACpB,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;IAC9B,UAAU,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC;IACxF,MAAM,EAAE,SAAS,CAAC,IAAI;CACvB,CAAC"}
+{"version":3,"file":"flex-stack.js","sourceRoot":"","sources":["../../../src/layout/flex-stack/flex-stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,QAAQ,EAAU,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAE1D,OAAO,GAAG,MAAM,yBAAyB,CAAC;AAW1C,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,KAAiF,EACjF,EAAE;IACF,MAAM,EACJ,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,QAAQ,EAChB,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,EAAE,EACf,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,EAAE,CACtB,SAAS,EACT,GAAG,CAAC,IAAI,EACR,GAAG,CAAC,UAAU,KAAK,EAAE,CAAC,EACtB,GAAG,CAAC,gBAAgB,UAAU,EAAE,CAAC,EACjC,MAAM,IAAI,GAAG,CAAC,MAAM,CACrB,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,IAC/C,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,2BAA2B,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAC1D,CACb,CAAC;AACJ,CAAC,CAAC"}

package/lib-esm/layout/flex-stack/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/flex-stack/index.js"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/flex-stack/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/lib-esm/layout/stack/stack.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
-import { NO_SPACE, SPACES } from '../../constants';
+import { NO_SPACE, SPACES } from '../../tokens';
 import { getRenderChildWithClassName } from '../../utils';
 import css from './stack.module.css';
 export const Stack = (props) => {

package/lib-esm/layout/stack/stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"stack.js","sourceRoot":"","sources":["../../../src/layout/stack/stack.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,GAAG,MAAM,oBAAoB,CAAC;AAErC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAK,EAAE,EAAE;IAC7B,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAC1E,MAAM,aAAa,GAAG,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC;IAEtE,OAAO,CACL,oBAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,IAC/C,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,2BAA2B,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAC1D,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,YAAY,GAAG;IACnB,EAAE,EAAE,KAAK;IACT,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,QAAQ;CAChB,CAAC;AAEF,KAAK,CAAC,SAAS,GAAG;IAChB,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;CAC/B,CAAC"}
+{"version":3,"file":"stack.js","sourceRoot":"","sources":["../../../src/layout/stack/stack.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,GAAG,MAAM,oBAAoB,CAAC;AAErC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAK,EAAE,EAAE;IAC7B,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAC1E,MAAM,aAAa,GAAG,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC;IAEtE,OAAO,CACL,oBAAC,SAAS,OAAK,SAAS,EAAE,SAAS,EAAE,aAAa,IAC/C,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,2BAA2B,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAC1D,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,YAAY,GAAG;IACnB,EAAE,EAAE,KAAK;IACT,SAAS,EAAE,EAAE;IACb,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,QAAQ;CAChB,CAAC;AAEF,KAAK,CAAC,SAAS,GAAG;IAChB,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,QAAQ,EAAE,SAAS,CAAC,IAAI;IACxB,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC;CAC/B,CAAC"}

package/lib-esm/tokens.js

@@ -0,0 +1,23 @@
+export const NO_SPACE = 'no-space';
+export const SPACE_XXXSMALL = 'xxxsmall';
+export const SPACE_XXSMALL = 'xxsmall';
+export const SPACE_XSMALL = 'xsmall';
+export const SPACE_SMALL = 'small';
+export const SPACE_MEDIUM = 'medium';
+export const SPACE_LARGE = 'large';
+export const SPACE_XLARGE = 'xlarge';
+export const SPACE_XXLARGE = 'xxlarge';
+export const SPACE_XXXLARGE = 'xxxlarge';
+export const SPACES = [
+    NO_SPACE,
+    SPACE_XXXSMALL,
+    SPACE_XXSMALL,
+    SPACE_XSMALL,
+    SPACE_SMALL,
+    SPACE_MEDIUM,
+    SPACE_LARGE,
+    SPACE_XLARGE,
+    SPACE_XXLARGE,
+    SPACE_XXXLARGE,
+];
+//# sourceMappingURL=tokens.js.map

package/lib-esm/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC;AACnC,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC;AACzC,MAAM,CAAC,MAAM,aAAa,GAAG,SAAS,CAAC;AACvC,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC;AACrC,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAC;AACnC,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC;AACrC,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAC;AACnC,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC;AACrC,MAAM,CAAC,MAAM,aAAa,GAAG,SAAS,CAAC;AACvC,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ;IACR,cAAc;IACd,aAAa;IACb,YAAY;IACZ,WAAW;IACX,YAAY;IACZ,WAAW;IACX,YAAY;IACZ,aAAa;IACb,cAAc;CACN,CAAC"}

package/lib-esm/ui/tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/tooltip/index.js"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/lib-esm/ui/tooltip/tooltip.js

@@ -1,34 +1,14 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { Tooltip as UITooltip, TooltipAnchor as UITooltipAnchor, TooltipArrow as UITooltipArrow, useTooltipState, } from 'ariakit/tooltip';
 import css from './tooltip.module.css';
 export const Tooltip = (props) => {
-    const { className, tooltipClassName, title, children, as: Component, containerRef: ref, darkMode, ...restProps } = props;
+    const { className = '', tooltipClassName = '', title = '', as: Component = 'span', containerRef: ref, darkMode = true, ...restProps } = props;
     const tooltip = useTooltipState({ placement: 'top' });
     return (React.createElement(React.Fragment, null,
-        React.createElement(UITooltipAnchor, { as: Component, className: cx(css.root, className), state: tooltip, ...(ref ? { ref } : {}), ...restProps }, children),
+        React.createElement(UITooltipAnchor, { as: Component, className: cx(css.root, className), state: tooltip, ...(ref ? { ref } : {}), ...restProps }),
         title && (React.createElement(UITooltip, { state: tooltip, className: cx(css.tooltip, tooltipClassName, darkMode && css.tooltipDarkMode) },
             React.createElement(UITooltipArrow, { state: tooltip, className: css.arrow, size: 12 }),
             title))));
 };
-Tooltip.defaultProps = {
-    className: '',
-    tooltipClassName: '',
-    title: '',
-    as: 'span',
-    containerRef: null,
-    darkMode: true,
-};
-Tooltip.propTypes = {
-    className: PropTypes.string,
-    tooltipClassName: PropTypes.string,
-    title: PropTypes.node,
-    children: PropTypes.node.isRequired,
-    as: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.func]),
-    containerRef: PropTypes.shape({
-        current: PropTypes.object,
-    }),
-    darkMode: PropTypes.bool,
-};
 //# sourceMappingURL=tooltip.js.map

package/lib-esm/ui/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/ui/tooltip/tooltip.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,aAAa,IAAI,eAAe,EAChC,YAAY,IAAI,cAAc,EAC9B,eAAe,GAChB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,GAAG,MAAM,sBAAsB,CAAC;AAEvC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE;IAC/B,MAAM,EACJ,SAAS,EACT,gBAAgB,EAChB,KAAK,EACL,QAAQ,EACR,EAAE,EAAE,SAAS,EACb,YAAY,EAAE,GAAG,EACjB,QAAQ,EACR,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,eAAe,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;IAEtD,OAAO,CACL;QACE,oBAAC,eAAe,IACd,EAAE,EAAE,SAAS,EACb,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,EAClC,KAAK,EAAE,OAAO,KACV,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACpB,SAAS,IAEZ,QAAQ,CACO;QACjB,KAAK,IAAI,CACR,oBAAC,SAAS,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,IAAI,GAAG,CAAC,eAAe,CAAC;YACtG,oBAAC,cAAc,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,GAAI;YACjE,KAAK,CACI,CACb,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,YAAY,GAAG;IACrB,SAAS,EAAE,EAAE;IACb,gBAAgB,EAAE,EAAE;IACpB,KAAK,EAAE,EAAE;IACT,EAAE,EAAE,MAAM;IACV,YAAY,EAAE,IAAI;IAClB,QAAQ,EAAE,IAAI;CACf,CAAC;AAEF,OAAO,CAAC,SAAS,GAAG;IAClB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,gBAAgB,EAAE,SAAS,CAAC,MAAM;IAClC,KAAK,EAAE,SAAS,CAAC,IAAI;IACrB,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,EAAE,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAC9E,YAAY,EAAE,SAAS,CAAC,KAAK,CAAC;QAC5B,OAAO,EAAE,SAAS,CAAC,MAAM;KAC1B,CAAC;IACF,QAAQ,EAAE,SAAS,CAAC,IAAI;CACzB,CAAC"}
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/ui/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,aAAa,IAAI,eAAe,EAChC,YAAY,IAAI,cAAc,EAC9B,eAAe,GAChB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,GAAG,MAAM,sBAAsB,CAAC;AAWvC,MAAM,CAAC,MAAM,OAAO,GAAG,CACrB,KAA6E,EAC7E,EAAE;IACF,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,gBAAgB,GAAG,EAAE,EACrB,KAAK,GAAG,EAAE,EACV,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,YAAY,EAAE,GAAG,EACjB,QAAQ,GAAG,IAAI,EACf,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,eAAe,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;IAEtD,OAAO,CACL;QACE,oBAAC,eAAe,IACd,EAAE,EAAE,SAA8B,EAClC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,EAClC,KAAK,EAAE,OAAO,KACV,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACpB,SAAS,GACb;QACD,KAAK,IAAI,CACR,oBAAC,SAAS,IACR,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,IAAI,GAAG,CAAC,eAAe,CAAC;YAE7E,oBAAC,cAAc,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,GAAI;YACjE,KAAK,CACI,CACb,CACA,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bundle-stats/ui",
-  "version": "4.2.4",
+  "version": "4.2.5-beta.0",
   "description": "UI components for BundleStats projects.",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -80,11 +80,11 @@
     "react-router-dom": "^5.0.0"
   },
   "dependencies": {
-    "@bundle-stats/utils": "^4.2.4",
+    "@bundle-stats/utils": "^4.2.5-beta.0",
     "ariakit": "2.0.0-next.43",
     "modern-css-reset": "1.4.0",
     "query-string": "7.1.3",
     "use-query-params": "2.2.0"
   },
-  "gitHead": "98824e4d058484dd86c259c8df3c7560aa3a413b"
+  "gitHead": "051b8f79042511fe5bb8bcb8fc37f2fd34793371"
 }

package/src/constants.js

@@ -1,29 +1,5 @@
 import { FILE_TYPES, SECTIONS } from '@bundle-stats/utils';
 
-export const NO_SPACE = 'no-space';
-export const SPACE_XXXSMALL = 'xxxsmall';
-export const SPACE_XXSMALL = 'xxsmall';
-export const SPACE_XSMALL = 'xsmall';
-export const SPACE_SMALL = 'small';
-export const SPACE_MEDIUM = 'medium';
-export const SPACE_LARGE = 'large';
-export const SPACE_XLARGE = 'xlarge';
-export const SPACE_XXLARGE = 'xxlarge';
-export const SPACE_XXXLARGE = 'xxxlarge';
-
-export const SPACES = [
-  NO_SPACE,
-  SPACE_XXXSMALL,
-  SPACE_XXSMALL,
-  SPACE_XSMALL,
-  SPACE_SMALL,
-  SPACE_MEDIUM,
-  SPACE_LARGE,
-  SPACE_XLARGE,
-  SPACE_XXLARGE,
-  SPACE_XXXLARGE,
-];
-
 export const URLS = {
   OVERVIEW: '/',
   ASSETS: '/assets',

package/src/layout/box/box.tsx

@@ -1,20 +1,24 @@
 import React from 'react';
 import cx from 'classnames';
 
-import { NO_SPACE, SPACES } from '../../constants';
+import { NO_SPACE, SPACES } from '../../tokens';
 // @ts-ignore
 import css from './box.module.css';
 
-interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
-  as?: React.ElementType;
-  padding?: typeof SPACES | Array<typeof SPACES>;
-  horizontalPadding?: string;
-  verticalPadding?: string;
+type SpaceValue = (typeof SPACES)[number];
+
+interface BoxProps<T extends React.ElementType> {
+  as?: T;
+  padding?: SpaceValue | [SpaceValue, SpaceValue];
+  horizontalPadding?: SpaceValue;
+  verticalPadding?: SpaceValue;
   outline?: boolean;
   outlineHover?: boolean;
 }
 
-export const Box = (props: BoxProps) => {
+export const Box = <T extends React.ElementType = 'div'>(
+  props: BoxProps<T> & Omit<React.ComponentProps<T>, keyof BoxProps<T>>,
+) => {
   const {
     className = '',
     as: Component = 'div',

package/src/layout/flex-stack/flex-stack.stories.tsx

@@ -0,0 +1,59 @@
+import React from 'react';
+
+import { getWrapperDecorator } from '../../stories';
+import { Box } from '../box';
+import { FlexStack } from '.';
+
+export default {
+  title: 'Layout/FlexStack',
+  component: FlexStack,
+  decorators: [getWrapperDecorator()],
+};
+
+export const Default = () => (
+  <FlexStack>
+    <Box outline>Lorem ipsum 1</Box>
+    <Box outline>Lorem ipsum 2</Box>
+    {null}
+    Lorem ipsum 3
+  </FlexStack>
+);
+
+export const withCustomWrapper = () => (
+  <FlexStack as="main" className="wrapper">
+    <Box outline>Lorem ipsum 1</Box>
+    <Box outline>Lorem ipsum 2</Box>
+  </FlexStack>
+);
+
+export const withLargeSpace = () => (
+  <FlexStack space="large">
+    <Box outline>Lorem ipsum 1</Box>
+    <Box outline>Lorem ipsum 2</Box>
+    <Box outline>Lorem ipsum 3</Box>
+  </FlexStack>
+);
+
+export const withNestedStack = () => (
+  <FlexStack space="large">
+    <Box outline>Lorem ipsum 1</Box>
+    <Box outline>Lorem ipsum 2</Box>
+    <FlexStack space="small">
+      <Box outline>Lorem ipsum 3.1</Box>
+      <Box outline>Lorem ipsum 3.2</Box>
+    </FlexStack>
+  </FlexStack>
+);
+
+export const singleItem = () => (
+  <FlexStack>
+    <Box outline>Lorem ipsum</Box>
+  </FlexStack>
+);
+
+export const withAlignItems = () => (
+  <FlexStack alignItems="center" space="medium">
+    <h1>Title</h1>
+    <a href="#test">Option 1</a>
+  </FlexStack>
+);

package/src/layout/flex-stack/flex-stack.tsx

@@ -0,0 +1,44 @@
+import React from 'react';
+import cx from 'classnames';
+
+import { NO_SPACE, SPACES } from '../../tokens';
+import { getRenderChildWithClassName } from '../../utils';
+// @ts-ignore
+import css from './flex-stack.module.css';
+
+type SpaceValue = (typeof SPACES)[number];
+
+interface FlexStackProps<T extends React.ElementType> {
+  as?: T;
+  space?: typeof SPACES[number];
+  inline?: boolean;
+  alignItems?: 'top' | 'center' | 'bottom';
+}
+
+export const FlexStack = <T extends React.ElementType = 'div'>(
+  props: FlexStackProps<T> & Omit<React.ComponentProps<T>, keyof FlexStackProps<T>>,
+) => {
+  const {
+    as: Component = 'div',
+    className = '',
+    space = NO_SPACE,
+    inline = false,
+    children = null,
+    alignItems = '',
+    ...restProps
+  } = props;
+
+  const rootClassName = cx(
+    className,
+    css.root,
+    css[`space--${space}`],
+    css[`align-items--${alignItems}`],
+    inline && css.inline,
+  );
+
+  return (
+    <Component {...restProps} className={rootClassName}>
+      {React.Children.map(children, getRenderChildWithClassName(css.item))}
+    </Component>
+  );
+};

package/src/layout/stack/stack.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 
-import { NO_SPACE, SPACES } from '../../constants';
+import { NO_SPACE, SPACES } from '../../tokens';
 import { getRenderChildWithClassName } from '../../utils';
 import css from './stack.module.css';
 

package/src/tokens.ts

@@ -0,0 +1,23 @@
+export const NO_SPACE = 'no-space';
+export const SPACE_XXXSMALL = 'xxxsmall';
+export const SPACE_XXSMALL = 'xxsmall';
+export const SPACE_XSMALL = 'xsmall';
+export const SPACE_SMALL = 'small';
+export const SPACE_MEDIUM = 'medium';
+export const SPACE_LARGE = 'large';
+export const SPACE_XLARGE = 'xlarge';
+export const SPACE_XXLARGE = 'xxlarge';
+export const SPACE_XXXLARGE = 'xxxlarge';
+
+export const SPACES = [
+  NO_SPACE,
+  SPACE_XXXSMALL,
+  SPACE_XXSMALL,
+  SPACE_XSMALL,
+  SPACE_SMALL,
+  SPACE_MEDIUM,
+  SPACE_LARGE,
+  SPACE_XLARGE,
+  SPACE_XXLARGE,
+  SPACE_XXXLARGE,
+] as const;

package/src/ui/tooltip/tooltip.stories.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import { Story } from '@storybook/react'; // eslint-disable-line
+
+import { getWrapperDecorator } from '../../stories';
+import { Tooltip } from '.';
+
+export default {
+  title: 'UI/Tooltip',
+  component: Tooltip,
+  decorators: [getWrapperDecorator({ padding: '100px', textAlign: 'center' })],
+  args: {
+    title: 'View job #123',
+  },
+};
+
+const Template = (props: any) => <Tooltip {...props}>Job #123</Tooltip>;
+
+export const Default: Story = Template.bind({});
+
+export const LongTooltip: Story = Template.bind({});
+
+LongTooltip.args = {
+  title: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam molestie neque id lectus mollis, et imperdiet libero porta.',
+};
+
+export const DarkModeFalse: Story = Template.bind({});
+
+DarkModeFalse.args = {
+  darkMode: false,
+};

package/src/ui/tooltip/tooltip.tsx

@@ -0,0 +1,57 @@
+import React from 'react';
+import cx from 'classnames';
+import {
+  Tooltip as UITooltip,
+  TooltipAnchor as UITooltipAnchor,
+  TooltipArrow as UITooltipArrow,
+  useTooltipState,
+} from 'ariakit/tooltip';
+
+// @ts-ignore
+import css from './tooltip.module.css';
+
+interface TooltipProps<T extends React.ElementType> {
+  className?: string;
+  tooltipClassName?: string;
+  title?: React.ReactNode;
+  as?: T;
+  containerRef?: React.RefObject<HTMLElement>;
+  darkMode?: boolean;
+}
+
+export const Tooltip = <T extends React.ElementType = 'span'>(
+  props: TooltipProps<T> & Omit<React.ComponentProps<T>, keyof TooltipProps<T>>,
+) => {
+  const {
+    className = '',
+    tooltipClassName = '',
+    title = '',
+    as: Component = 'span',
+    containerRef: ref,
+    darkMode = true,
+    ...restProps
+  } = props;
+
+  const tooltip = useTooltipState({ placement: 'top' });
+
+  return (
+    <>
+      <UITooltipAnchor
+        as={Component as React.ElementType}
+        className={cx(css.root, className)}
+        state={tooltip}
+        {...(ref ? { ref } : {})}
+        {...restProps}
+      />
+      {title && (
+        <UITooltip
+          state={tooltip}
+          className={cx(css.tooltip, tooltipClassName, darkMode && css.tooltipDarkMode)}
+        >
+          <UITooltipArrow state={tooltip} className={css.arrow} size={12} />
+          {title}
+        </UITooltip>
+      )}
+    </>
+  );
+};

package/types/constants.d.ts

@@ -1,14 +1,3 @@
-export const NO_SPACE: "no-space";
-export const SPACE_XXXSMALL: "xxxsmall";
-export const SPACE_XXSMALL: "xxsmall";
-export const SPACE_XSMALL: "xsmall";
-export const SPACE_SMALL: "small";
-export const SPACE_MEDIUM: "medium";
-export const SPACE_LARGE: "large";
-export const SPACE_XLARGE: "xlarge";
-export const SPACE_XXLARGE: "xxlarge";
-export const SPACE_XXXLARGE: "xxxlarge";
-export const SPACES: string[];
 export namespace URLS {
     const OVERVIEW: string;
     const ASSETS: string;

package/types/layout/box/box.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
-import { SPACES } from '../../constants';
-interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
-    as?: React.ElementType;
-    padding?: typeof SPACES | Array<typeof SPACES>;
-    horizontalPadding?: string;
-    verticalPadding?: string;
+import { SPACES } from '../../tokens';
+type SpaceValue = (typeof SPACES)[number];
+interface BoxProps<T extends React.ElementType> {
+    as?: T;
+    padding?: SpaceValue | [SpaceValue, SpaceValue];
+    horizontalPadding?: SpaceValue;
+    verticalPadding?: SpaceValue;
     outline?: boolean;
     outlineHover?: boolean;
 }
-export declare const Box: (props: BoxProps) => JSX.Element;
+export declare const Box: <T extends React.ElementType<any> = "div">(props: BoxProps<T> & Omit<React.ComponentProps<T>, keyof BoxProps<T>>) => JSX.Element;
 export {};

package/types/layout/flex-stack/flex-stack.d.ts

@@ -1,34 +1,10 @@
-export function FlexStack({ as: Component, className, space, inline, children, alignItems, ...restProps }: {
-    [x: string]: any;
-    as?: string | undefined;
-    className?: string | undefined;
-    space?: string | undefined;
-    inline?: boolean | undefined;
-    children?: null | undefined;
-    alignItems?: string | undefined;
-}): JSX.Element;
-export namespace FlexStack {
-    namespace defaultProps {
-        export const as: string;
-        export const className: string;
-        export const children: null;
-        export { NO_SPACE as space };
-        export const alignItems: undefined;
-        export const inline: boolean;
-    }
-    namespace propTypes {
-        const as_1: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        export { as_1 as as };
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        const children_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export { children_1 as children };
-        export const space: PropTypes.Requireable<string>;
-        const alignItems_1: PropTypes.Requireable<string>;
-        export { alignItems_1 as alignItems };
-        const inline_1: PropTypes.Requireable<boolean>;
-        export { inline_1 as inline };
-    }
+import React from 'react';
+import { SPACES } from '../../tokens';
+interface FlexStackProps<T extends React.ElementType> {
+    as?: T;
+    space?: typeof SPACES[number];
+    inline?: boolean;
+    alignItems?: 'top' | 'center' | 'bottom';
 }
-import { NO_SPACE } from "../../constants";
-import PropTypes from "prop-types";
+export declare const FlexStack: <T extends React.ElementType<any> = "div">(props: FlexStackProps<T> & Omit<React.ComponentProps<T>, keyof FlexStackProps<T>>) => JSX.Element;
+export {};

package/types/layout/flex-stack/index.d.ts

@@ -1 +1 @@
-export * from "./flex-stack";
+export * from './flex-stack';

package/types/layout/stack/stack.d.ts

@@ -13,8 +13,8 @@ export namespace Stack {
         export { className_1 as className };
         const children_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         export { children_1 as children };
-        export const space: PropTypes.Requireable<string>;
+        export const space: PropTypes.Requireable<"no-space" | "xxxsmall" | "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge" | "xxxlarge">;
     }
 }
-import { NO_SPACE } from "../../constants";
+import { NO_SPACE } from "../../tokens";
 import PropTypes from "prop-types";

package/types/tokens.d.ts

@@ -0,0 +1,11 @@
+export declare const NO_SPACE = "no-space";
+export declare const SPACE_XXXSMALL = "xxxsmall";
+export declare const SPACE_XXSMALL = "xxsmall";
+export declare const SPACE_XSMALL = "xsmall";
+export declare const SPACE_SMALL = "small";
+export declare const SPACE_MEDIUM = "medium";
+export declare const SPACE_LARGE = "large";
+export declare const SPACE_XLARGE = "xlarge";
+export declare const SPACE_XXLARGE = "xxlarge";
+export declare const SPACE_XXXLARGE = "xxxlarge";
+export declare const SPACES: readonly ["no-space", "xxxsmall", "xxsmall", "xsmall", "small", "medium", "large", "xlarge", "xxlarge", "xxxlarge"];

package/types/ui/tooltip/index.d.ts

@@ -1 +1 @@
-export * from "./tooltip";
+export * from './tooltip';

package/types/ui/tooltip/tooltip.d.ts

@@ -1,29 +1,11 @@
-export function Tooltip(props: any): JSX.Element;
-export namespace Tooltip {
-    namespace defaultProps {
-        const className: string;
-        const tooltipClassName: string;
-        const title: string;
-        const as: string;
-        const containerRef: null;
-        const darkMode: boolean;
-    }
-    namespace propTypes {
-        const className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        const tooltipClassName_1: PropTypes.Requireable<string>;
-        export { tooltipClassName_1 as tooltipClassName };
-        const title_1: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        export { title_1 as title };
-        export const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        const as_1: PropTypes.Requireable<NonNullable<string | PropTypes.ReactElementLike | ((...args: any[]) => any) | null | undefined>>;
-        export { as_1 as as };
-        const containerRef_1: PropTypes.Requireable<PropTypes.InferProps<{
-            current: PropTypes.Requireable<object>;
-        }>>;
-        export { containerRef_1 as containerRef };
-        const darkMode_1: PropTypes.Requireable<boolean>;
-        export { darkMode_1 as darkMode };
-    }
+import React from 'react';
+interface TooltipProps<T extends React.ElementType> {
+    className?: string;
+    tooltipClassName?: string;
+    title?: React.ReactNode;
+    as?: T;
+    containerRef?: React.RefObject<HTMLElement>;
+    darkMode?: boolean;
 }
-import PropTypes from "prop-types";
+export declare const Tooltip: <T extends React.ElementType<any> = "span">(props: TooltipProps<T> & Omit<React.ComponentProps<T>, keyof TooltipProps<T>>) => JSX.Element;
+export {};

package/src/layout/flex-stack/flex-stack.jsx

@@ -1,49 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-
-import { NO_SPACE, SPACES } from '../../constants';
-import { getRenderChildWithClassName } from '../../utils';
-import css from './flex-stack.module.css';
-
-export const FlexStack = ({
-  as: Component = 'div',
-  className = '',
-  space = '',
-  inline = false,
-  children = null,
-  alignItems = '',
-  ...restProps
-}) => {
-  const rootClassName = cx(
-    className,
-    css.root,
-    css[`space--${space}`],
-    css[`align-items--${alignItems}`],
-    inline && css.inline,
-  );
-
-  return (
-    <Component {...restProps} className={rootClassName}>
-      {React.Children.map(children, getRenderChildWithClassName(css.item))}
-    </Component>
-  );
-};
-
-FlexStack.defaultProps = {
-  as: 'div',
-  className: '',
-  children: null,
-  space: NO_SPACE,
-  alignItems: undefined,
-  inline: false,
-};
-
-FlexStack.propTypes = {
-  as: PropTypes.elementType,
-  className: PropTypes.string,
-  children: PropTypes.node,
-  space: PropTypes.oneOf(SPACES),
-  alignItems: PropTypes.oneOf(['stretch', 'center', 'flex-start', 'flex-end', 'baseline']),
-  inline: PropTypes.bool,
-};

package/src/ui/tooltip/tooltip.jsx

@@ -1,67 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import {
-  Tooltip as UITooltip,
-  TooltipAnchor as UITooltipAnchor,
-  TooltipArrow as UITooltipArrow,
-  useTooltipState,
-} from 'ariakit/tooltip';
-
-import css from './tooltip.module.css';
-
-export const Tooltip = (props) => {
-  const {
-    className,
-    tooltipClassName,
-    title,
-    children,
-    as: Component,
-    containerRef: ref,
-    darkMode,
-    ...restProps
-  } = props;
-
-  const tooltip = useTooltipState({ placement: 'top' });
-
-  return (
-    <>
-      <UITooltipAnchor
-        as={Component}
-        className={cx(css.root, className)}
-        state={tooltip}
-        {...(ref ? { ref } : {})}
-        {...restProps}
-      >
-        {children}
-      </UITooltipAnchor>
-      {title && (
-        <UITooltip state={tooltip} className={cx(css.tooltip, tooltipClassName, darkMode && css.tooltipDarkMode)}>
-          <UITooltipArrow state={tooltip} className={css.arrow} size={12} />
-          {title}
-        </UITooltip>
-      )}
-    </>
-  );
-};
-
-Tooltip.defaultProps = {
-  className: '',
-  tooltipClassName: '',
-  title: '',
-  as: 'span',
-  containerRef: null,
-  darkMode: true,
-};
-
-Tooltip.propTypes = {
-  className: PropTypes.string,
-  tooltipClassName: PropTypes.string,
-  title: PropTypes.node,
-  children: PropTypes.node.isRequired,
-  as: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.func]),
-  containerRef: PropTypes.shape({
-    current: PropTypes.object, // eslint-disable-line react/forbid-prop-types
-  }),
-  darkMode: PropTypes.bool,
-};