@bundle-stats/ui 4.2.3-beta.0 → 4.2.3-beta.1

package/lib/ui/table/table.module.css

@@ -89,6 +89,36 @@
   border-width: 1px;
 }
 
+/** cascade border radius */
+.root thead,
+.root thead tr:first-child {
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+}
+
+.root thead tr:first-child th:first-child {
+  border-top-left-radius: inherit;
+}
+
+.root thead tr:first-child th:last-child {
+  border-top-right-radius: inherit;
+}
+
+.root tbody:last-child,
+.root tbody:last-child tr:last-child {
+  border-bottom-left-radius: inherit;
+  border-bottom-right-radius: inherit;
+}
+
+.root tbody:last-child tr:last-child th:first-child,
+.root tbody:last-child tr:last-child td:first-child {
+  border-bottom-left-radius: inherit;
+}
+
+.root tbody:last-child tr:last-child td:last-child {
+  border-bottom-right-radius: inherit;
+}
+
 /* compact variation */
 .compact td,
 .compact th {

package/lib/ui/tabs/index.js

@@ -1,6 +1,18 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tabs = void 0;
-var tabs_1 = require("./tabs");
-Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return tabs_1.Tabs; } });
+__exportStar(require("./tabs"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/tabs/index.js"],"names":[],"mappings":";;;AAAA,+BAA8B;AAArB,4FAAA,IAAI,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/tabs/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB"}

package/lib/ui/tabs/tabs.js

@@ -3,30 +3,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tabs = void 0;
+exports.Tabs = exports.TabItem = void 0;
 const react_1 = __importDefault(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
 const classnames_1 = __importDefault(require("classnames"));
 const tabs_module_css_1 = __importDefault(require("./tabs.module.css"));
-const Item = ({ isTabActive, as: Component, className, ...restProps }) => (react_1.default.createElement(Component, { className: (0, classnames_1.default)(tabs_module_css_1.default.item, className, isTabActive && tabs_module_css_1.default.itemActive), ...restProps }));
-Item.defaultProps = {
-    isTabActive: false,
-    className: '',
-    as: 'span',
+const TabItem = (props) => {
+    const { className = '', as: Component = 'button', isTabActive = false, ...restProps } = props;
+    return (react_1.default.createElement(Component, { role: "tab", className: (0, classnames_1.default)(tabs_module_css_1.default.item, className, isTabActive && tabs_module_css_1.default.itemActive), ...restProps }));
 };
-Item.propTypes = {
-    isTabActive: prop_types_1.default.bool,
-    className: prop_types_1.default.string,
-    as: prop_types_1.default.elementType,
+exports.TabItem = TabItem;
+const Tabs = (props) => {
+    const { className = '', ...restProps } = props;
+    return react_1.default.createElement("div", { role: "tablist", className: (0, classnames_1.default)(tabs_module_css_1.default.root, className), ...restProps });
 };
-const Tabs = ({ className, ...restProps }) => (react_1.default.createElement("nav", { className: (0, classnames_1.default)(tabs_module_css_1.default.root, className), ...restProps }));
 exports.Tabs = Tabs;
-exports.Tabs.defaultProps = {
-    className: '',
-};
-exports.Tabs.propTypes = {
-    className: prop_types_1.default.string,
-    children: prop_types_1.default.node.isRequired,
-};
-exports.Tabs.Item = Item;
+exports.Tabs.Item = exports.TabItem;
 //# sourceMappingURL=tabs.js.map

package/lib/ui/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/ui/tabs/tabs.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,wEAAoC;AAEpC,MAAM,IAAI,GAAG,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAC,GAAG,SAAS,EAAE,EAAE,EAAE,CAAC,CACvE,8BAAC,SAAS,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,yBAAG,CAAC,IAAI,EAAE,SAAS,EAAE,WAAW,IAAI,yBAAG,CAAC,UAAU,CAAC,KAAM,SAAS,GAAI,CAChG,CAAC;AAEF,IAAI,CAAC,YAAY,GAAG;IAClB,WAAW,EAAE,KAAK;IAClB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,MAAM;CACX,CAAC;AAEF,IAAI,CAAC,SAAS,GAAG;IACf,WAAW,EAAE,oBAAS,CAAC,IAAI;IAC3B,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,EAAE,EAAE,oBAAS,CAAC,WAAW;CAC1B,CAAC;AAEK,MAAM,IAAI,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,EAAE,CAAC,CACnD,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,yBAAG,CAAC,IAAI,EAAE,SAAS,CAAC,KAAM,SAAS,GAAI,CAC3D,CAAC;AAFW,QAAA,IAAI,QAEf;AAEF,YAAI,CAAC,YAAY,GAAG;IAClB,SAAS,EAAE,EAAE;CACd,CAAC;AAEF,YAAI,CAAC,SAAS,GAAG;IAEf,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,QAAQ,EAAE,oBAAS,CAAC,IAAI,CAAC,UAAU;CACpC,CAAC;AAEF,YAAI,CAAC,IAAI,GAAG,IAAI,CAAC"}
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/ui/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,4DAA4B;AAE5B,wEAAoC;AAO7B,MAAM,OAAO,GAAG,CAAmC,KAAsB,EAAE,EAAE;IAClF,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,GAAG,QAAQ,EAAE,WAAW,GAAG,KAAK,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE9F,OAAO,CACL,8BAAC,SAAS,IACR,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,IAAA,oBAAE,EAAC,yBAAG,CAAC,IAAI,EAAE,SAAS,EAAE,WAAW,IAAI,yBAAG,CAAC,UAAU,CAAC,KAC7D,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,OAAO,WAUlB;AAIK,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACvC,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE/C,OAAO,uCAAK,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,yBAAG,CAAC,IAAI,EAAE,SAAS,CAAC,KAAM,SAAS,GAAI,CAAC;AACnF,CAAC,CAAC;AAJW,QAAA,IAAI,QAIf;AAEF,YAAI,CAAC,IAAI,GAAG,eAAO,CAAC"}

package/lib/ui/tabs/tabs.module.css

@@ -4,12 +4,16 @@
 }
 
 .item {
+  appearance: none;
+  background: none;
+  border: 0;
   position: relative;
   display: inline-block;
   padding: var(--space-xsmall) var(--space-small);
   color: var(--color-text-ultra-light);
   font-weight: bold;
   text-decoration: none;
+  transition: var(--ui-transition-out);
 }
 
 .item::after {
@@ -26,8 +30,9 @@
 .item:hover,
 .item:active,
 .item:focus {
-  color: var(--color-primary-dark);
+  color: var(--color-primary);
   outline: none;
+  transition: var(--ui-transition-out);
 }
 
 .item:hover::after,
@@ -43,7 +48,3 @@
 .itemActive::after {
   background: currentColor;
 }
-
-.item + .item {
-  _margin-left: var(--space-medium);
-}

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

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

package/lib/ui/tag/tag.js

@@ -3,41 +3,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tag = exports.SIZES = exports.KINDS = void 0;
+exports.Tag = void 0;
 const react_1 = __importDefault(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
 const classnames_1 = __importDefault(require("classnames"));
+const tokens_1 = require("../../tokens");
 const tag_module_css_1 = __importDefault(require("./tag.module.css"));
-exports.KINDS = {
-    DEFAULT: 'default',
-    SUCCESS: 'success',
-    INFO: 'info',
-    WARNING: 'warning',
-    DANGER: 'danger',
-};
-exports.SIZES = {
-    SMALL: 'small',
-    MEDIUM: 'medium',
-    LARGE: 'large',
-};
 const Tag = (props) => {
-    const { className = '', as: Component = 'span', kind = exports.KINDS.DEFAULT, size = exports.SIZES.MEDIUM, ...restProps } = props;
+    const { className = '', as: Component = 'span', kind = tokens_1.KIND.DEFAULT, size = tokens_1.SIZE.MEDIUM, ...restProps } = props;
     const rootClassName = (0, classnames_1.default)(tag_module_css_1.default.root, className, tag_module_css_1.default[kind], tag_module_css_1.default[size]);
     return react_1.default.createElement(Component, { className: rootClassName, ...restProps });
 };
 exports.Tag = Tag;
-exports.Tag.propTypes = {
-    className: prop_types_1.default.string,
-    as: prop_types_1.default.elementType,
-    kind: prop_types_1.default.oneOf(Object.values(exports.KINDS)),
-    size: prop_types_1.default.oneOf(Object.values(exports.SIZES)),
-};
-exports.Tag.defaultProps = {
-    className: '',
-    as: 'span',
-    kind: exports.KINDS.DEFAULT,
-    size: exports.SIZES.MEDIUM,
-};
-exports.Tag.KINDS = exports.KINDS;
-exports.Tag.SIZES = exports.SIZES;
+exports.Tag.KINDS = tokens_1.KIND;
+exports.Tag.SIZES = tokens_1.SIZE;
 //# sourceMappingURL=tag.js.map

package/lib/ui/tag/tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../../src/ui/tag/tag.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,sEAAmC;AAEtB,QAAA,KAAK,GAAG;IACnB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACjB,CAAC;AAEW,QAAA,KAAK,GAAG;IACnB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACf,CAAC;AAEK,MAAM,GAAG,GAAG,CAAC,KAAK,EAAE,EAAE;IAC3B,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,IAAI,GAAG,aAAK,CAAC,OAAO,EACpB,IAAI,GAAG,aAAK,CAAC,MAAM,EACnB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,wBAAG,CAAC,IAAI,EAAE,SAAS,EAAE,wBAAG,CAAC,IAAI,CAAC,EAAE,wBAAG,CAAC,IAAI,CAAC,CAAC,CAAC;IAEpE,OAAO,8BAAC,SAAS,IAAC,SAAS,EAAE,aAAa,KAAM,SAAS,GAAI,CAAC;AAChE,CAAC,CAAC;AAXW,QAAA,GAAG,OAWd;AAEF,WAAG,CAAC,SAAS,GAAG;IACd,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,EAAE,EAAE,oBAAS,CAAC,WAAW;IACzB,IAAI,EAAE,oBAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,aAAK,CAAC,CAAC;IAC3C,IAAI,EAAE,oBAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,aAAK,CAAC,CAAC;CAC5C,CAAC;AAEF,WAAG,CAAC,YAAY,GAAG;IACjB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,aAAK,CAAC,OAAO;IACnB,IAAI,EAAE,aAAK,CAAC,MAAM;CACnB,CAAC;AAEF,WAAG,CAAC,KAAK,GAAG,aAAK,CAAC;AAClB,WAAG,CAAC,KAAK,GAAG,aAAK,CAAC"}
+{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../../src/ui/tag/tag.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,4DAA4B;AAE5B,yCAA0C;AAC1C,sEAAmC;AAQ5B,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,EAAE;IACrC,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,IAAI,GAAG,aAAI,CAAC,OAAO,EACnB,IAAI,GAAG,aAAI,CAAC,MAAM,EAClB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,wBAAG,CAAC,IAAI,EAAE,SAAS,EAAE,wBAAG,CAAC,IAAI,CAAC,EAAE,wBAAG,CAAC,IAAI,CAAC,CAAC,CAAC;IAEpE,OAAO,8BAAC,SAAS,IAAC,SAAS,EAAE,aAAa,KAAM,SAAS,GAAI,CAAC;AAChE,CAAC,CAAC;AAZW,QAAA,GAAG,OAYd;AAEF,WAAG,CAAC,KAAK,GAAG,aAAI,CAAC;AACjB,WAAG,CAAC,KAAK,GAAG,aAAI,CAAC"}

package/lib/ui/tag/tag.module.css

@@ -2,12 +2,26 @@
   display: inline-block;
   font-family: var(--font-family);
   font-weight: bold;
-  background: var(--color-text-light);
+  background: var(--color-text-ultra-light);
   color: var(--color-light);
   text-align: center;
   text-transform: uppercase;
 }
 
+a.root {
+  text-decoration: none;
+  transition: var(--transition-out);
+}
+
+a.root:hover,
+a.root:focus,
+a.root:active {
+  opacity: 0.8;
+  color: var(--color-light);
+  text-decoration: none;
+  transition: var(--transition-in);
+}
+
 /** Kind variation */
 .success {
   background: var(--color-success);
@@ -28,7 +42,7 @@
 /** Size variation */
 /** default: medium */
 .root {
-  border-radius: var(--radius-medium);
+  border-radius: var(--radius-small);
   padding: calc(var(--space-xxxsmall) / 2) var(--space-xxxsmall);
   min-width: var(--space-small);
   height: var(--space-small);
@@ -37,7 +51,7 @@
 }
 
 .small {
-  border-radius: var(--radius-small);
+  border-radius: var(--radius-xsmall);
   padding: calc(var(--space-xxxsmall) / 2);
   height: var(--space-xsmall);
   min-width: var(--space-xsmall);
@@ -46,7 +60,7 @@
 }
 
 .large {
-  border-radius: var(--radius-large);
+  border-radius: var(--radius-medium);
   padding: var(--space-xxxsmall) var(--space-xxsmall);
   min-width: var(--space-medium);
   height: var(--space-medium);

package/lib/ui/textarea/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./textarea"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/textarea/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B"}

package/lib/ui/textarea/textarea.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Textarea = void 0;
+const react_1 = __importDefault(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const textarea_module_css_1 = __importDefault(require("./textarea.module.css"));
+const Textarea = (props) => {
+    const { className = '', size = '', ...restProps } = props;
+    const rootClassName = (0, classnames_1.default)(textarea_module_css_1.default.root, size && textarea_module_css_1.default[size], className);
+    return react_1.default.createElement("textarea", { className: rootClassName, ...restProps });
+};
+exports.Textarea = Textarea;
+//# sourceMappingURL=textarea.js.map

package/lib/ui/textarea/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/ui/textarea/textarea.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,4DAA4B;AAE5B,gFAAwC;AAMjC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE1D,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,6BAAG,CAAC,IAAI,EAAE,IAAI,IAAI,6BAAG,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,CAAC;IAEjE,OAAO,4CAAU,SAAS,EAAE,aAAa,KAAM,SAAS,GAAI,CAAC;AAC/D,CAAC,CAAC;AANW,QAAA,QAAQ,YAMnB"}

package/lib/ui/textarea/textarea.module.css

@@ -0,0 +1,56 @@
+.root {
+  border: 1px solid var(--color-outline);
+  border-radius: var(--radius-small);
+  color: var(--color-text-light);
+  width: 100%;
+  resize: vertical;
+  transition: var(--transition-in);
+  appearance: none;
+  outline: none;
+}
+
+.root::-webkit-input-placeholder {
+  color: var(--color-text-light);
+}
+
+.root::-moz-placeholder {
+  color: var(--color-text-light);
+}
+
+.root:-ms-input-placeholder {
+  color: var(--color-text-light);
+}
+
+.root:-moz-placeholder {
+  color: var(--color-text-light);
+}
+
+.root:focus {
+  border-color: var(--color-outline-dark);
+  color: inherit;
+  transition: var(--transition-out);
+}
+
+.root[readonly=""] {
+  color: var(--color-text-light);
+}
+
+/** Size modifier */
+/* default - medium */
+.root {
+  padding: var(--space-xsmall);
+  font-size: var(--size-medium);
+  line-height: calc(var(--space-medium) - 2px);
+}
+
+.small {
+  padding: var(--space-xxsmall);
+  font-size: var(--size-small);
+  line-height: calc(var(--space-small) - 2px);
+}
+
+.large {
+  padding: var(--space-small);
+  font-size: var(--size-large);
+  line-height: calc(var(--space-large) - 2px);
+}

package/lib/ui/toolbar/toolbar.module.css

@@ -1,6 +1,4 @@
-.root {
-  padding: var(--space-small);
-}
+.root { }
 
 .content {}
 

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 tooltip = (0, tooltip_1.useTooltipState)({ placement: 'top' });
+    const { className = '', tooltipClassName = '', title = '', as: Component = 'span', containerRef: ref, ...restProps } = props;
+    const tooltip = (0, tooltip_1.useTooltipState)({ placement: 'top', timeout: 300 });
     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),
-        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.TooltipAnchor, { as: Component, className: (0, classnames_1.default)(tooltip_module_css_1.default.root, className), state: tooltip, "aria-controls": tooltip.open ? tooltip.contentElement?.id : '', ...(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) },
             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;AAEzB,8EAAuC;AAUhC,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,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,IAAA,yBAAe,EAAC,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;IAEpE,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,mBACC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KACzD,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KACpB,SAAS,GACb;QACD,KAAK,IAAI,CACR,8BAAC,iBAAS,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAAG,CAAC,OAAO,EAAE,gBAAgB,CAAC;YACrE,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;AAhCW,QAAA,OAAO,WAgClB"}

package/lib/ui/tooltip/tooltip.module.css

@@ -11,27 +11,19 @@
 }
 
 .tooltip {
+  z-index: var(--layer-xxhigh);
   padding: var(--space-xxxsmall) var(--space-xxsmall);
-  border-radius: var(--radius-medium);
-  background: var(--color-light);
-  max-width: 24em;
-  color: var(--color-text);
+  border-radius: var(--radius-small);
+  background: var(--color-text);
+  max-width: 28em;
+  color: var(--color-background);
+  font-size: var(--size-small);
+  text-align: center;
   filter: drop-shadow(var(--shadow-layer));
   will-change: filter;
-  font-size: var(--size-xsmall);
-  line-height: var(--space-small);
 }
 
 .arrow svg {
   display: block;
-  fill: var(--color-light);
-}
-
-.tooltipDarkMode {
-  background: var(--color-text);
-  color: var(--color-light);
-}
-
-.tooltipDarkMode .arrow svg {
   fill: var(--color-text);
 }

package/lib/ui/tooltip/tooltip.stories.module.css

@@ -0,0 +1,8 @@
+.customTooltip {
+  padding: var(--space-large);
+  color: var(--color-danger);
+  font-size: var(--size-large);
+  text-align: left;
+  width: 100vw;
+  max-width: 480px;
+}

package/lib/utils/colors.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getColors = getColors;
+const chunk_1 = __importDefault(require("lodash/chunk"));
+const chart_colors_json_1 = __importDefault(require("../chart-colors.json"));
+function getColors(count = 2) {
+    const chunks = (0, chunk_1.default)(chart_colors_json_1.default, Math.round(chart_colors_json_1.default.length / count));
+    return chunks.map((chunkColors, index) => {
+        if (index === 0) {
+            return chunkColors[0];
+        }
+        if (index === chunks.length - 1) {
+            return chunkColors[chunkColors.length - 1];
+        }
+        return chunkColors[Math.floor(chunkColors.length / 2)];
+    });
+}
+//# sourceMappingURL=colors.js.map

package/lib/utils/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/utils/colors.ts"],"names":[],"mappings":";;;;;AAIA,8BAcC;AAlBD,yDAAiC;AAEjC,6EAA0C;AAE1C,SAAgB,SAAS,CAAC,KAAK,GAAG,CAAC;IACjC,MAAM,MAAM,GAAG,IAAA,eAAK,EAAC,2BAAM,EAAE,IAAI,CAAC,KAAK,CAAC,2BAAM,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC;IAEhE,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE;QACvC,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;YAChB,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC;QACxB,CAAC;QAED,IAAI,KAAK,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAChC,OAAO,WAAW,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC7C,CAAC;QAED,OAAO,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;AACL,CAAC"}

package/lib/{utils.js → utils/components.js}

@@ -3,24 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRenderChildWithClassName = exports.getColors = void 0;
+exports.getRenderChildWithClassName = void 0;
 const react_1 = __importDefault(require("react"));
-const chunk_1 = __importDefault(require("lodash/chunk"));
 const classnames_1 = __importDefault(require("classnames"));
-const chart_colors_json_1 = __importDefault(require("./chart-colors.json"));
-const getColors = (count = 2) => {
-    const chunks = (0, chunk_1.default)(chart_colors_json_1.default, Math.round(chart_colors_json_1.default.length / count));
-    return chunks.map((chunkColors, index) => {
-        if (index === 0) {
-            return chunkColors[0];
-        }
-        if (index === chunks.length - 1) {
-            return chunkColors[chunkColors.length - 1];
-        }
-        return chunkColors[Math.floor(chunkColors.length / 2)];
-    });
-};
-exports.getColors = getColors;
 const getRenderChildWithClassName = (className) => (child) => {
     if (child === null || child === '') {
         return null;
@@ -35,4 +20,4 @@ const getRenderChildWithClassName = (className) => (child) => {
     });
 };
 exports.getRenderChildWithClassName = getRenderChildWithClassName;
-//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=components.js.map

package/lib/utils/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/utils/components.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAErB,MAAM,2BAA2B,GAAG,CAAC,SAAiB,EAAE,EAAE,CAAC,CAAC,KAAU,EAAE,EAAE;IAC/E,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,EAAE,EAAE,CAAC;QACnC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAExB,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,uCAAK,SAAS,EAAE,SAAS,IAAG,KAAK,CAAO,CAAC;IAClD,CAAC;IAED,OAAO,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE;QAC/B,GAAG,KAAK;QACR,SAAS,EAAE,IAAA,oBAAE,EAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;KAC1C,CAAC,CAAC;AACL,CAAC,CAAC;AAfW,QAAA,2BAA2B,+BAetC"}

package/lib/{components/bundle-assets-totals-table → utils}/index.js

@@ -14,5 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./bundle-assets-totals-table"), exports);
+__exportStar(require("./colors"), exports);
+__exportStar(require("./jobs"), exports);
+__exportStar(require("./components"), exports);
 //# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,yCAAuB;AACvB,+CAA6B"}

package/lib/utils/jobs.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getJobsChunksData = getJobsChunksData;
+const uniqBy_1 = __importDefault(require("lodash/uniqBy"));
+function getJobsChunksData(jobs) {
+    const jobChunks = jobs.map((job) => job?.meta?.webpack?.chunks || []);
+    const chunks = (0, uniqBy_1.default)(jobChunks.flat(), ({ id }) => id);
+    const chunkIds = chunks?.map(({ id }) => id);
+    return {
+        chunks,
+        chunkIds,
+    };
+}
+//# sourceMappingURL=jobs.js.map

package/lib/utils/jobs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jobs.js","sourceRoot":"","sources":["../../src/utils/jobs.ts"],"names":[],"mappings":";;;;;AAYA,8CASC;AArBD,2DAAmC;AAYnC,SAAgB,iBAAiB,CAAC,IAAgB;IAChD,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,IAAI,EAAE,CAAC,CAAC;IACtE,MAAM,MAAM,GAAG,IAAA,gBAAM,EAAC,SAAS,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC;IACxD,MAAM,QAAQ,GAAG,MAAM,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC;IAE7C,OAAO;QACL,MAAM;QACN,QAAQ;KACT,CAAC;AACJ,CAAC"}