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

package/lib-esm/ui/markdown/index.js

@@ -0,0 +1,2 @@
+export * from './markdown';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,10 @@
+import React, { useMemo } from 'react';
+import cx from 'classnames';
+import snarkdown from 'snarkdown';
+import css from './markdown.module.css';
+export const Markdown = (props) => {
+    const { className = '', content = '', as: Component = 'div', ...restProps } = props;
+    const html = useMemo(() => snarkdown(content), [content]);
+    return (React.createElement(Component, { className: cx(css.root, className), ...restProps, dangerouslySetInnerHTML: { __html: html } }));
+};
+//# sourceMappingURL=markdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.js","sourceRoot":"","sources":["../../../src/ui/markdown/markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA+B,OAAO,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,SAAS,MAAM,WAAW,CAAC;AAElC,OAAO,GAAG,MAAM,uBAAuB,CAAC;AAOxC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC/C,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEpF,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAE1D,OAAO,CACL,oBAAC,SAAS,IACR,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,KAC9B,SAAS,EACb,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GACzC,CACH,CAAC;AACJ,CAAC,CAAC"}

package/lib-esm/ui/markdown/markdown.module.css

@@ -0,0 +1,7 @@
+.root code {
+  padding: 2px var(--space-xxxsmall);
+  background: var(--color-highlight);
+  outline: 1px solid var(--color-outline);
+  border-radius: var(--radius-small);
+  color: var(--color-text);
+}

package/lib-esm/ui/skeleton/skeleton.module.css

@@ -1,8 +1,9 @@
 .root {
-  background: linear-gradient(transparent 10%, currentColor 10.1%, currentColor 89.9%, transparent 90%);
-  opacity: 0.05;
+  background: var(--skeleton-inline-background);
+  opacity: var(--skeleton-opacity);
   pointer-events: none;
   min-width: 6em;
+  border-radius: var(--radius-medium);
 }
 
 /** empty char to keep the text height */
@@ -13,5 +14,5 @@
 }
 
 .block {
-  background: currentColor;
+  background: var(--skeleton-block-background);
 }

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

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

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

@@ -1,31 +1,17 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import cx from 'classnames';
 import css from './table.module.css';
-export const Table = ({ className, emptyMessage, compact, outline, children }) => {
+export const Table = (props) => {
+    const { className = '', emptyMessage = null, compact = false, outline = false, children, ...restProps } = props;
     const rootClassName = cx(css.root, className, compact && css.compact, outline && css.outline);
     if (!children) {
         return React.createElement("div", { className: cx(rootClassName, css.empty) }, emptyMessage);
     }
-    return React.createElement("table", { className: rootClassName }, children);
+    return (React.createElement("table", { className: rootClassName, ...restProps }, children));
 };
 Table.THead = 'thead';
 Table.TBody = 'tbody';
 Table.Tr = 'tr';
 Table.Th = 'th';
 Table.Td = 'td';
-Table.defaultProps = {
-    className: '',
-    emptyMessage: 'No entries found.',
-    children: null,
-    compact: false,
-    outline: false,
-};
-Table.propTypes = {
-    className: PropTypes.string,
-    emptyMessage: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
-    compact: PropTypes.bool,
-    outline: PropTypes.bool,
-    children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
-};
 //# sourceMappingURL=table.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/ui/table/table.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,GAAG,MAAM,oBAAoB,CAAC;AAErC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/E,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,IAAI,GAAG,CAAC,OAAO,EAAE,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC;IAE9F,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,6BAAK,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,GAAG,CAAC,KAAK,CAAC,IAAG,YAAY,CAAO,CAAC;KAC3E;IAED,OAAO,+BAAO,SAAS,EAAE,aAAa,IAAG,QAAQ,CAAS,CAAC;AAC7D,CAAC,CAAC;AAEF,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC;AACtB,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC;AACtB,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC;AAChB,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC;AAChB,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC;AAEhB,KAAK,CAAC,YAAY,GAAG;IACnB,SAAS,EAAE,EAAE;IACb,YAAY,EAAE,mBAAmB;IACjC,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,KAAK;IACd,OAAO,EAAE,KAAK;CACf,CAAC;AAEF,KAAK,CAAC,SAAS,GAAG;IAChB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,YAAY,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IACxE,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,OAAO,EAAE,SAAS,CAAC,IAAI;IACvB,QAAQ,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;CACnF,CAAC"}
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/ui/table/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,GAAG,MAAM,oBAAoB,CAAC;AAQrC,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAiD,EAAE,EAAE;IACzE,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,YAAY,GAAG,IAAI,EACnB,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,IAAI,GAAG,CAAC,OAAO,EAAE,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC;IAE9F,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,6BAAK,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,GAAG,CAAC,KAAK,CAAC,IAAG,YAAY,CAAO,CAAC;IAC5E,CAAC;IAED,OAAO,CACL,+BAAO,SAAS,EAAE,aAAa,KAAM,SAAS,IAC3C,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,KAAK,GAAG,OAA4B,CAAC;AAC3C,KAAK,CAAC,KAAK,GAAG,OAA4B,CAAC;AAC3C,KAAK,CAAC,EAAE,GAAG,IAAyB,CAAC;AACrC,KAAK,CAAC,EAAE,GAAG,IAAyB,CAAC;AACrC,KAAK,CAAC,EAAE,GAAG,IAAyB,CAAC"}

package/lib-esm/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-esm/ui/tabs/index.js

@@ -1,2 +1,2 @@
-export { Tabs } from './tabs';
+export * from './tabs';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/tabs/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

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

@@ -1,25 +1,13 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import cx from 'classnames';
 import css from './tabs.module.css';
-const Item = ({ isTabActive, as: Component, className, ...restProps }) => (React.createElement(Component, { className: cx(css.item, className, isTabActive && css.itemActive), ...restProps }));
-Item.defaultProps = {
-    isTabActive: false,
-    className: '',
-    as: 'span',
+export const TabItem = (props) => {
+    const { className = '', as: Component = 'button', isTabActive = false, ...restProps } = props;
+    return (React.createElement(Component, { role: "tab", className: cx(css.item, className, isTabActive && css.itemActive), ...restProps }));
 };
-Item.propTypes = {
-    isTabActive: PropTypes.bool,
-    className: PropTypes.string,
-    as: PropTypes.elementType,
+export const Tabs = (props) => {
+    const { className = '', ...restProps } = props;
+    return React.createElement("div", { role: "tablist", className: cx(css.root, className), ...restProps });
 };
-export const Tabs = ({ className, ...restProps }) => (React.createElement("nav", { className: cx(css.root, className), ...restProps }));
-Tabs.defaultProps = {
-    className: '',
-};
-Tabs.propTypes = {
-    className: PropTypes.string,
-    children: PropTypes.node.isRequired,
-};
-Tabs.Item = Item;
+Tabs.Item = TabItem;
 //# sourceMappingURL=tabs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/ui/tabs/tabs.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,GAAG,MAAM,mBAAmB,CAAC;AAEpC,MAAM,IAAI,GAAG,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAC,GAAG,SAAS,EAAE,EAAE,EAAE,CAAC,CACvE,oBAAC,SAAS,IAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,WAAW,IAAI,GAAG,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,SAAS,CAAC,IAAI;IAC3B,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,EAAE,EAAE,SAAS,CAAC,WAAW;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,EAAE,CAAC,CACnD,6BAAK,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,KAAM,SAAS,GAAI,CAC3D,CAAC;AAEF,IAAI,CAAC,YAAY,GAAG;IAClB,SAAS,EAAE,EAAE;CACd,CAAC;AAEF,IAAI,CAAC,SAAS,GAAG;IAEf,SAAS,EAAE,SAAS,CAAC,MAAM;IAG3B,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACpC,CAAC;AAEF,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC"}
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/ui/tabs/tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,GAAG,MAAM,mBAAmB,CAAC;AAOpC,MAAM,CAAC,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,oBAAC,SAAS,IACR,IAAI,EAAC,KAAK,EACV,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,WAAW,IAAI,GAAG,CAAC,UAAU,CAAC,KAC7D,SAAS,GACb,CACH,CAAC;AACJ,CAAC,CAAC;AAIF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACvC,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE/C,OAAO,6BAAK,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,KAAM,SAAS,GAAI,CAAC;AACnF,CAAC,CAAC;AAEF,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC"}

package/lib-esm/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-esm/ui/tag/index.js.map

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

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

@@ -1,36 +1,12 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import cx from 'classnames';
+import { KIND, SIZE } from '../../tokens';
 import css from './tag.module.css';
-export const KINDS = {
-    DEFAULT: 'default',
-    SUCCESS: 'success',
-    INFO: 'info',
-    WARNING: 'warning',
-    DANGER: 'danger',
-};
-export const SIZES = {
-    SMALL: 'small',
-    MEDIUM: 'medium',
-    LARGE: 'large',
-};
 export const Tag = (props) => {
-    const { className = '', as: Component = 'span', kind = KINDS.DEFAULT, size = SIZES.MEDIUM, ...restProps } = props;
+    const { className = '', as: Component = 'span', kind = KIND.DEFAULT, size = SIZE.MEDIUM, ...restProps } = props;
     const rootClassName = cx(css.root, className, css[kind], css[size]);
     return React.createElement(Component, { className: rootClassName, ...restProps });
 };
-Tag.propTypes = {
-    className: PropTypes.string,
-    as: PropTypes.elementType,
-    kind: PropTypes.oneOf(Object.values(KINDS)),
-    size: PropTypes.oneOf(Object.values(SIZES)),
-};
-Tag.defaultProps = {
-    className: '',
-    as: 'span',
-    kind: KINDS.DEFAULT,
-    size: SIZES.MEDIUM,
-};
-Tag.KINDS = KINDS;
-Tag.SIZES = SIZES;
+Tag.KINDS = KIND;
+Tag.SIZES = SIZE;
 //# sourceMappingURL=tag.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../../src/ui/tag/tag.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,GAAG,MAAM,kBAAkB,CAAC;AAEnC,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,KAAK,EAAE,EAAE;IAC3B,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,IAAI,GAAG,KAAK,CAAC,OAAO,EACpB,IAAI,GAAG,KAAK,CAAC,MAAM,EACnB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;IAEpE,OAAO,oBAAC,SAAS,IAAC,SAAS,EAAE,aAAa,KAAM,SAAS,GAAI,CAAC;AAChE,CAAC,CAAC;AAEF,GAAG,CAAC,SAAS,GAAG;IACd,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,EAAE,EAAE,SAAS,CAAC,WAAW;IACzB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3C,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;CAC5C,CAAC;AAEF,GAAG,CAAC,YAAY,GAAG;IACjB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,KAAK,CAAC,OAAO;IACnB,IAAI,EAAE,KAAK,CAAC,MAAM;CACnB,CAAC;AAEF,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC;AAClB,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC"}
+{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../../src/ui/tag/tag.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,GAAG,MAAM,kBAAkB,CAAC;AAQnC,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,EAAE;IACrC,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,IAAI,GAAG,IAAI,CAAC,OAAO,EACnB,IAAI,GAAG,IAAI,CAAC,MAAM,EAClB,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC;IAEpE,OAAO,oBAAC,SAAS,IAAC,SAAS,EAAE,aAAa,KAAM,SAAS,GAAI,CAAC;AAChE,CAAC,CAAC;AAEF,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC;AACjB,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC"}

package/lib-esm/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-esm/ui/textarea/index.js

@@ -0,0 +1,2 @@
+export * from './textarea';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import cx from 'classnames';
+import css from './textarea.module.css';
+export const Textarea = (props) => {
+    const { className = '', size = '', ...restProps } = props;
+    const rootClassName = cx(css.root, size && css[size], className);
+    return React.createElement("textarea", { className: rootClassName, ...restProps });
+};
+//# sourceMappingURL=textarea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/ui/textarea/textarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,GAAG,MAAM,uBAAuB,CAAC;AAMxC,MAAM,CAAC,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,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,IAAI,GAAG,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,CAAC;IAEjE,OAAO,kCAAU,SAAS,EAAE,aAAa,KAAM,SAAS,GAAI,CAAC;AAC/D,CAAC,CAAC"}

package/lib-esm/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-esm/ui/toolbar/toolbar.module.css

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

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,15 @@
 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' });
+    var _a;
+    const { className = '', tooltipClassName = '', title = '', as: Component = 'span', containerRef: ref, ...restProps } = props;
+    const tooltip = useTooltipState({ placement: 'top', timeout: 300 });
     return (React.createElement(React.Fragment, null,
-        React.createElement(UITooltipAnchor, { as: Component, className: cx(css.root, className), state: tooltip, ...(ref ? { ref } : {}), ...restProps }, children),
-        title && (React.createElement(UITooltip, { state: tooltip, className: cx(css.tooltip, tooltipClassName, darkMode && css.tooltipDarkMode) },
+        React.createElement(UITooltipAnchor, { as: Component, className: cx(css.root, className), state: tooltip, "aria-controls": tooltip.open ? (_a = tooltip.contentElement) === null || _a === void 0 ? void 0 : _a.id : '', ...(ref ? { ref } : {}), ...restProps }),
+        title && (React.createElement(UITooltip, { state: tooltip, className: cx(css.tooltip, tooltipClassName) },
             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;AAEzB,OAAO,GAAG,MAAM,sBAAsB,CAAC;AAUvC,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,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,eAAe,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;IAEpE,OAAO,CACL;QACE,oBAAC,eAAe,IACd,EAAE,EAAE,SAA8B,EAClC,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,EAClC,KAAK,EAAE,OAAO,mBACC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,MAAA,OAAO,CAAC,cAAc,0CAAE,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,oBAAC,SAAS,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,gBAAgB,CAAC;YACrE,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/lib-esm/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-esm/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-esm/utils/colors.js

@@ -0,0 +1,15 @@
+import chunk from 'lodash/chunk';
+import COLORS from '../chart-colors.json';
+export function getColors(count = 2) {
+    const chunks = chunk(COLORS, Math.round(COLORS.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-esm/utils/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/utils/colors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,cAAc,CAAC;AAEjC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAE1C,MAAM,UAAU,SAAS,CAAC,KAAK,GAAG,CAAC;IACjC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,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-esm/utils/components.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import cx from 'classnames';
+export const getRenderChildWithClassName = (className) => (child) => {
+    if (child === null || child === '') {
+        return null;
+    }
+    const { props } = child;
+    if (!props) {
+        return React.createElement("div", { className: className }, child);
+    }
+    return React.cloneElement(child, {
+        ...props,
+        className: cx(className, props.className),
+    });
+};
+//# sourceMappingURL=components.js.map

package/lib-esm/utils/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/utils/components.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,MAAM,CAAC,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,6BAAK,SAAS,EAAE,SAAS,IAAG,KAAK,CAAO,CAAC;IAClD,CAAC;IAED,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;QAC/B,GAAG,KAAK;QACR,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;KAC1C,CAAC,CAAC;AACL,CAAC,CAAC"}

package/lib-esm/utils/index.js

@@ -0,0 +1,4 @@
+export * from './colors';
+export * from './jobs';
+export * from './components';
+//# sourceMappingURL=index.js.map

package/lib-esm/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}

package/lib-esm/utils/jobs.js

@@ -0,0 +1,11 @@
+import uniqBy from 'lodash/uniqBy';
+export function getJobsChunksData(jobs) {
+    const jobChunks = jobs.map((job) => { var _a, _b; return ((_b = (_a = job === null || job === void 0 ? void 0 : job.meta) === null || _a === void 0 ? void 0 : _a.webpack) === null || _b === void 0 ? void 0 : _b.chunks) || []; });
+    const chunks = uniqBy(jobChunks.flat(), ({ id }) => id);
+    const chunkIds = chunks === null || chunks === void 0 ? void 0 : chunks.map(({ id }) => id);
+    return {
+        chunks,
+        chunkIds,
+    };
+}
+//# sourceMappingURL=jobs.js.map

package/lib-esm/utils/jobs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jobs.js","sourceRoot":"","sources":["../../src/utils/jobs.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,eAAe,CAAC;AAYnC,MAAM,UAAU,iBAAiB,CAAC,IAAgB;IAChD,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,eAAC,OAAA,CAAA,MAAA,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,0CAAE,OAAO,0CAAE,MAAM,KAAI,EAAE,CAAA,EAAA,CAAC,CAAC;IACtE,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC;IACxD,MAAM,QAAQ,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC;IAE7C,OAAO;QACL,MAAM;QACN,QAAQ;KACT,CAAC;AACJ,CAAC"}