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

package/lib/ui/hover-card/hover-card.js

@@ -15,26 +15,35 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HoverCard = void 0;
 const react_1 = __importStar(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
 const classnames_1 = __importDefault(require("classnames"));
 const hovercard_1 = require("ariakit/hovercard");
 const hover_card_module_css_1 = __importDefault(require("./hover-card.module.css"));
 const HoverCard = (props) => {
-    const { className, anchorClassName, hoverCardClassName, href, as, label, children } = props;
-    const state = (0, hovercard_1.useHovercardState)({ gutter: 8, timeout: 700 });
+    const { className = '', anchorClassName = '', hoverCardClassName = '', href = '', as = null, label, children, } = props;
+    const state = (0, hovercard_1.useHovercardState)({ gutter: 8, timeout: 300, placement: 'top' });
     const hovercardProps = (0, hovercard_1.useHovercard)({ state, portal: true });
     const Component = (0, react_1.useMemo)(() => {
         if (as) {
@@ -46,27 +55,10 @@ const HoverCard = (props) => {
         return 'span';
     }, [as, href]);
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)(hover_card_module_css_1.default.root, className) },
-        react_1.default.createElement(hovercard_1.HovercardAnchor, { state: state, href: href, className: (0, classnames_1.default)(hover_card_module_css_1.default.anchor, anchorClassName), as: Component }, label),
-        react_1.default.createElement(hovercard_1.Hovercard, { ...hovercardProps, state: state, className: (0, classnames_1.default)(hover_card_module_css_1.default.hoverCard, hoverCardClassName), style: { zIndex: 10000 } },
+        react_1.default.createElement(hovercard_1.HovercardAnchor, { state: state, href: href, className: (0, classnames_1.default)(hover_card_module_css_1.default.anchor, anchorClassName), as: Component, "aria-controls": state.open ? hovercardProps.id : '' }, label),
+        react_1.default.createElement(hovercard_1.Hovercard, { ...hovercardProps, state: state, className: (0, classnames_1.default)(hover_card_module_css_1.default.hoverCard, hoverCardClassName) },
             react_1.default.createElement(hovercard_1.HovercardArrow, { size: 24 }),
             typeof children === 'function' ? children({ close: state.hide }) : children)));
 };
 exports.HoverCard = HoverCard;
-exports.HoverCard.propTypes = {
-    className: prop_types_1.default.string,
-    hoverCardClassName: prop_types_1.default.string,
-    anchorClassName: prop_types_1.default.string,
-    label: prop_types_1.default.node,
-    href: prop_types_1.default.string,
-    as: prop_types_1.default.elementType,
-    children: prop_types_1.default.oneOfType([prop_types_1.default.node, prop_types_1.default.func]).isRequired,
-};
-exports.HoverCard.defaultProps = {
-    className: '',
-    hoverCardClassName: '',
-    anchorClassName: '',
-    label: '',
-    as: '',
-    href: '',
-};
 //# sourceMappingURL=hover-card.js.map

package/lib/ui/hover-card/hover-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"hover-card.js","sourceRoot":"","sources":["../../../src/ui/hover-card/hover-card.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4DAAmC;AACnC,4DAA4B;AAC5B,iDAM2B;AAE3B,oFAA0C;AAEnC,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,EAAE;IACjC,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,kBAAkB,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE5F,MAAM,KAAK,GAAG,IAAA,6BAAiB,EAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;IAC7D,MAAM,cAAc,GAAG,IAAA,wBAAY,EAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAG7D,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC7B,IAAI,EAAE,EAAE;YACN,OAAO,EAAE,CAAC;SACX;QAED,IAAI,IAAI,EAAE;YACR,OAAO,GAAG,CAAC;SACZ;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,+BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;QACrC,8BAAC,2BAAe,IACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,oBAAE,EAAC,+BAAG,CAAC,MAAM,EAAE,eAAe,CAAC,EAC1C,EAAE,EAAE,SAAS,IAEZ,KAAK,CACU;QAClB,8BAAC,qBAAS,OACJ,cAAc,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,oBAAE,EAAC,+BAAG,CAAC,SAAS,EAAE,kBAAkB,CAAC,EAChD,KAAK,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;YAExB,8BAAC,0BAAc,IAAC,IAAI,EAAE,EAAE,GAAI;YAC3B,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAClE,CACR,CACP,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,SAAS,aAwCpB;AAEF,iBAAS,CAAC,SAAS,GAAG;IAEpB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAE3B,kBAAkB,EAAE,oBAAS,CAAC,MAAM;IAEpC,eAAe,EAAE,oBAAS,CAAC,MAAM;IAEjC,KAAK,EAAE,oBAAS,CAAC,IAAI;IAErB,IAAI,EAAE,oBAAS,CAAC,MAAM;IAEtB,EAAE,EAAE,oBAAS,CAAC,WAAW;IAEzB,QAAQ,EAAE,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,IAAI,EAAE,oBAAS,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU;CAC3E,CAAC;AAEF,iBAAS,CAAC,YAAY,GAAG;IACvB,SAAS,EAAE,EAAE;IACb,kBAAkB,EAAE,EAAE;IACtB,eAAe,EAAE,EAAE;IACnB,KAAK,EAAE,EAAE;IACT,EAAE,EAAE,EAAE;IACN,IAAI,EAAE,EAAE;CACT,CAAC"}
+{"version":3,"file":"hover-card.js","sourceRoot":"","sources":["../../../src/ui/hover-card/hover-card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4DAA4B;AAC5B,iDAM2B;AAE3B,oFAA0C;AAYnC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,eAAe,GAAG,EAAE,EACpB,kBAAkB,GAAG,EAAE,EACvB,IAAI,GAAG,EAAE,EACT,EAAE,GAAG,IAAI,EACT,KAAK,EACL,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,IAAA,6BAAiB,EAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,CAAC;IAC/E,MAAM,cAAc,GAAG,IAAA,wBAAY,EAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IAG7D,MAAM,SAAS,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC7B,IAAI,EAAE,EAAE,CAAC;YACP,OAAO,EAAE,CAAC;QACZ,CAAC;QAED,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,GAAG,CAAC;QACb,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,+BAAG,CAAC,IAAI,EAAE,SAAS,CAAC;QACrC,8BAAC,2BAAe,IACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,oBAAE,EAAC,+BAAG,CAAC,MAAM,EAAE,eAAe,CAAC,EAC1C,EAAE,EAAE,SAAS,mBACE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAEjD,KAAK,CACU;QAClB,8BAAC,qBAAS,OACJ,cAAc,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,oBAAE,EAAC,+BAAG,CAAC,SAAS,EAAE,kBAAkB,CAAC;YAEhD,8BAAC,0BAAc,IAAC,IAAI,EAAE,EAAE,GAAI;YAC3B,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAClE,CACR,CACP,CAAC;AACJ,CAAC,CAAC;AAhDW,QAAA,SAAS,aAgDpB"}

package/lib/ui/hover-card/hover-card.module.css

@@ -17,7 +17,8 @@
 }
 
 .hoverCard {
-  padding: var(--space-xsmall) var(--space-small);
+  z-index: var(--layer-xxhigh);
+  padding: var(--space-small);
   border-radius: var(--radius-medium);
   width: calc(100vw - 2 * var(--space-small));
   max-width: 340px;

package/lib/ui/hover-card/index.js.map

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

package/lib/ui/icon/icon.js

@@ -5,45 +5,49 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = void 0;
 const react_1 = __importDefault(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
 const classnames_1 = __importDefault(require("classnames"));
 const icon_module_css_1 = __importDefault(require("./icon.module.css"));
 const ICONS = {
     ARROW: 'arrow',
-    ARROW_RIGHT_CIRLCE: 'arrow-right-circle',
-    CANCEL: 'cancel',
+    ARROW_RIGHT_CIRCLE: 'arrow-right-circle',
+    CANCEL: 'close',
+    CHEVRON_DOWN: 'chevron-down',
+    CHEVRON_UP: 'chevron-up',
+    CHECK: 'check',
     CLOSE: 'close',
     CLOCK: 'clock',
     COMMIT: 'commit',
+    CLIPBOARD: 'clipboard',
+    CLIPBOARD_CHECK: 'clipboard-check',
+    DOWNLOAD: 'download',
     ERROR: 'error',
+    EXTERNAL_LINK: 'external-link',
     FILTER: 'filter',
+    GITHUB: 'github',
     INFO: 'info',
     HELP: 'help',
+    TABLE: 'table',
+    TREEMAP: 'treemap',
     MENU: 'menu',
+    MORE_VERTICAL: 'more-vertical',
     SORT: 'sort',
     WARNING: 'warning',
 };
+const SIZE = {
+    SMALL: 'small',
+    MEDIUM: 'medium',
+    LARGE: 'large',
+};
 const Icon = (props) => {
-    const { className, glyph, as: Component, size, ...restProps } = props;
+    const { className = '', glyph, as: Component = 'span', size = SIZE.MEDIUM, ...restProps } = props;
     return (react_1.default.createElement(Component, { className: (0, classnames_1.default)(icon_module_css_1.default.root, className, icon_module_css_1.default[size]), ...restProps },
         react_1.default.createElement("svg", { className: icon_module_css_1.default.icon },
             react_1.default.createElement("use", { xlinkHref: `#${glyph}` }))));
 };
 exports.Icon = Icon;
 exports.Icon.ICONS = ICONS;
-exports.Icon.SIZE_SMALL = 'small';
-exports.Icon.SIZE_MEDIUM = 'medium';
-exports.Icon.SIZE_LARGE = 'large';
-exports.Icon.SIZES = [exports.Icon.SIZE_SMALL, exports.Icon.SIZE_MEDIUM, exports.Icon.SIZE_LARGE];
-exports.Icon.defaultProps = {
-    className: '',
-    as: 'span',
-    size: exports.Icon.SIZE_MEDIUM,
-};
-exports.Icon.propTypes = {
-    className: prop_types_1.default.string,
-    glyph: prop_types_1.default.oneOfType([prop_types_1.default.oneOf(Object.values(ICONS)), prop_types_1.default.node]).isRequired,
-    as: prop_types_1.default.node,
-    size: prop_types_1.default.oneOf(exports.Icon.SIZES),
-};
+exports.Icon.SIZE_SMALL = SIZE.SMALL;
+exports.Icon.SIZE_MEDIUM = SIZE.MEDIUM;
+exports.Icon.SIZE_LARGE = SIZE.LARGE;
+exports.Icon.SIZES = Object.values(SIZE);
 //# sourceMappingURL=icon.js.map

package/lib/ui/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/ui/icon/icon.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,wEAAoC;AAEpC,MAAM,KAAK,GAAG;IACZ,KAAK,EAAE,OAAO;IACd,kBAAkB,EAAE,oBAAoB;IACxC,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;CACnB,CAAC;AAEK,MAAM,IAAI,GAAG,CAAC,KAAK,EAAE,EAAE;IAC5B,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEtE,OAAO,CACL,8BAAC,SAAS,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,yBAAG,CAAC,IAAI,EAAE,SAAS,EAAE,yBAAG,CAAC,IAAI,CAAC,CAAC,KAAM,SAAS;QACrE,uCAAK,SAAS,EAAE,yBAAG,CAAC,IAAI;YACtB,uCAAK,SAAS,EAAE,IAAI,KAAK,EAAE,GAAI,CAC3B,CACI,CACb,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,IAAI,QAUf;AAEF,YAAI,CAAC,KAAK,GAAG,KAAK,CAAC;AAEnB,YAAI,CAAC,UAAU,GAAG,OAAO,CAAC;AAC1B,YAAI,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC5B,YAAI,CAAC,UAAU,GAAG,OAAO,CAAC;AAC1B,YAAI,CAAC,KAAK,GAAG,CAAC,YAAI,CAAC,UAAU,EAAE,YAAI,CAAC,WAAW,EAAE,YAAI,CAAC,UAAU,CAAC,CAAC;AAElE,YAAI,CAAC,YAAY,GAAG;IAClB,SAAS,EAAE,EAAE;IACb,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,YAAI,CAAC,WAAW;CACvB,CAAC;AAEF,YAAI,CAAC,SAAS,GAAG;IACf,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,KAAK,EAAE,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,oBAAS,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU;IAC9F,EAAE,EAAE,oBAAS,CAAC,IAAI;IAClB,IAAI,EAAE,oBAAS,CAAC,KAAK,CAAC,YAAI,CAAC,KAAK,CAAC;CAClC,CAAC"}
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/ui/icon/icon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,wEAAoC;AAEpC,MAAM,KAAK,GAAG;IACZ,KAAK,EAAE,OAAO;IACd,kBAAkB,EAAE,oBAAoB;IACxC,MAAM,EAAE,OAAO;IACf,YAAY,EAAE,cAAc;IAC5B,UAAU,EAAE,YAAY;IACxB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,SAAS,EAAE,WAAW;IACtB,eAAe,EAAE,iBAAiB;IAClC,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,eAAe;IAC9B,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,MAAM;IACZ,aAAa,EAAE,eAAe;IAC9B,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;CACV,CAAC;AAEX,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACN,CAAC;AAUJ,MAAM,IAAI,GAAG,CAAC,KAA+C,EAAE,EAAE;IACtE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,GAAG,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAElG,OAAO,CACL,8BAAC,SAAS,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,yBAAG,CAAC,IAAI,EAAE,SAAS,EAAE,yBAAG,CAAC,IAAI,CAAC,CAAC,KAAM,SAAS;QACrE,uCAAK,SAAS,EAAE,yBAAG,CAAC,IAAI;YACtB,uCAAK,SAAS,EAAE,IAAI,KAAK,EAAE,GAAI,CAC3B,CACI,CACb,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,IAAI,QAUf;AAEF,YAAI,CAAC,KAAK,GAAG,KAAK,CAAC;AAEnB,YAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC;AAC7B,YAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC;AAC/B,YAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC;AAC7B,YAAI,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC"}

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

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

package/lib/ui/index.js

@@ -1,10 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tooltip = exports.Tag = exports.Tabs = exports.Table = exports.SortDropdown = exports.Skeleton = exports.Panels = exports.Loader = exports.Input = exports.Icon = exports.HoverCard = exports.HorizontalBarChart = exports.Filters = exports.FileName = exports.EmptySet = exports.Dropdown = exports.Container = exports.Alert = void 0;
+exports.Tooltip = exports.Textarea = exports.Tag = exports.Tabs = exports.Table = exports.Skeleton = exports.Markdown = exports.Loader = exports.InputSearch = exports.Input = exports.Icon = exports.HoverCard = exports.Filters = exports.FileName = exports.EmptySet = exports.Dropdown = exports.Dialog = exports.ControlGroup = exports.Container = exports.CopyToClipboard = exports.Button = exports.Alert = void 0;
 var alert_1 = require("./alert");
 Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return alert_1.Alert; } });
+var button_1 = require("./button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return button_1.Button; } });
+var copy_to_clipboard_1 = require("./copy-to-clipboard");
+Object.defineProperty(exports, "CopyToClipboard", { enumerable: true, get: function () { return copy_to_clipboard_1.CopyToClipboard; } });
 var container_1 = require("./container");
 Object.defineProperty(exports, "Container", { enumerable: true, get: function () { return container_1.Container; } });
+var control_group_1 = require("./control-group");
+Object.defineProperty(exports, "ControlGroup", { enumerable: true, get: function () { return control_group_1.ControlGroup; } });
+var dialog_1 = require("./dialog");
+Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return dialog_1.Dialog; } });
 var dropdown_1 = require("./dropdown");
 Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return dropdown_1.Dropdown; } });
 var empty_set_1 = require("./empty-set");
@@ -13,28 +21,28 @@ var file_name_1 = require("./file-name");
 Object.defineProperty(exports, "FileName", { enumerable: true, get: function () { return file_name_1.FileName; } });
 var filters_1 = require("./filters");
 Object.defineProperty(exports, "Filters", { enumerable: true, get: function () { return filters_1.Filters; } });
-var horizontal_bar_chart_1 = require("./horizontal-bar-chart");
-Object.defineProperty(exports, "HorizontalBarChart", { enumerable: true, get: function () { return horizontal_bar_chart_1.HorizontalBarChart; } });
 var hover_card_1 = require("./hover-card");
 Object.defineProperty(exports, "HoverCard", { enumerable: true, get: function () { return hover_card_1.HoverCard; } });
 var icon_1 = require("./icon");
 Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return icon_1.Icon; } });
 var input_1 = require("./input");
 Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return input_1.Input; } });
+var input_search_1 = require("./input-search");
+Object.defineProperty(exports, "InputSearch", { enumerable: true, get: function () { return input_search_1.InputSearch; } });
 var loader_1 = require("./loader");
 Object.defineProperty(exports, "Loader", { enumerable: true, get: function () { return loader_1.Loader; } });
-var panels_1 = require("./panels");
-Object.defineProperty(exports, "Panels", { enumerable: true, get: function () { return panels_1.Panels; } });
+var markdown_1 = require("./markdown");
+Object.defineProperty(exports, "Markdown", { enumerable: true, get: function () { return markdown_1.Markdown; } });
 var skeleton_1 = require("./skeleton");
 Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return skeleton_1.Skeleton; } });
-var sort_dropdown_1 = require("./sort-dropdown");
-Object.defineProperty(exports, "SortDropdown", { enumerable: true, get: function () { return sort_dropdown_1.SortDropdown; } });
 var table_1 = require("./table");
 Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return table_1.Table; } });
 var tabs_1 = require("./tabs");
 Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return tabs_1.Tabs; } });
 var tag_1 = require("./tag");
 Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return tag_1.Tag; } });
+var textarea_1 = require("./textarea");
+Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () { return textarea_1.Textarea; } });
 var tooltip_1 = require("./tooltip");
 Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return tooltip_1.Tooltip; } });
 //# sourceMappingURL=index.js.map

package/lib/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.js"],"names":[],"mappings":";;;AAAA,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAClB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA;AACjB,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA;AACjB,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAChB,+DAA4D;AAAnD,0HAAA,kBAAkB,OAAA;AAC3B,2CAAyC;AAAhC,uGAAA,SAAS,OAAA;AAClB,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AACrB,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,6BAA4B;AAAnB,0FAAA,GAAG,OAAA;AACZ,qCAAoC;AAA3B,kGAAA,OAAO,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.js"],"names":[],"mappings":";;;AAAA,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,yDAAsD;AAA7C,oHAAA,eAAe,OAAA;AACxB,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAClB,iDAA+C;AAAtC,6GAAA,YAAY,OAAA;AACrB,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA;AACjB,yCAAuC;AAA9B,qGAAA,QAAQ,OAAA;AACjB,qCAAoC;AAA3B,kGAAA,OAAO,OAAA;AAChB,2CAAyC;AAAhC,uGAAA,SAAS,OAAA;AAClB,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,+CAA6C;AAApC,2GAAA,WAAW,OAAA;AACpB,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,6BAA4B;AAAnB,0FAAA,GAAG,OAAA;AACZ,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,qCAAoC;AAA3B,kGAAA,OAAO,OAAA"}

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

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

package/lib/ui/input/input.js

@@ -6,19 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = void 0;
 const react_1 = __importDefault(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
-const prop_types_1 = __importDefault(require("prop-types"));
 const input_module_css_1 = __importDefault(require("./input.module.css"));
-const Input = ({ className, size, ...restProps }) => {
+const Input = (props) => {
+    const { className = '', size = 'medium', ...restProps } = props;
     const rootClassName = (0, classnames_1.default)(input_module_css_1.default.root, className, input_module_css_1.default[size]);
     return react_1.default.createElement("input", { className: rootClassName, ...restProps });
 };
 exports.Input = Input;
-exports.Input.propTypes = {
-    className: prop_types_1.default.string,
-    size: prop_types_1.default.oneOf(['small', 'medium', 'large']),
-};
-exports.Input.defaultProps = {
-    className: '',
-    size: 'medium',
-};
 //# sourceMappingURL=input.js.map

package/lib/ui/input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/ui/input/input.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAC5B,4DAAmC;AAEnC,0EAAqC;AAE9B,MAAM,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,EAAE,EAAE;IACzD,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,0BAAG,CAAC,IAAI,EAAE,SAAS,EAAE,0BAAG,CAAC,IAAI,CAAC,CAAC,CAAC;IACzD,OAAO,yCAAO,SAAS,EAAE,aAAa,KAAM,SAAS,GAAI,CAAC;AAC5D,CAAC,CAAC;AAHW,QAAA,KAAK,SAGhB;AAEF,aAAK,CAAC,SAAS,GAAG;IAChB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,IAAI,EAAE,oBAAS,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;CACpD,CAAC;AAEF,aAAK,CAAC,YAAY,GAAG;IACnB,SAAS,EAAE,EAAE;IACb,IAAI,EAAE,QAAQ;CACf,CAAC"}
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/ui/input/input.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,0EAAqC;AAM9B,MAAM,KAAK,GAAG,CAAC,KAA+D,EAAE,EAAE;IACvF,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEhE,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,0BAAG,CAAC,IAAI,EAAE,SAAS,EAAE,0BAAG,CAAC,IAAI,CAAC,CAAC,CAAC;IAEzD,OAAO,yCAAO,SAAS,EAAE,aAAa,KAAM,SAAS,GAAI,CAAC;AAC5D,CAAC,CAAC;AANW,QAAA,KAAK,SAMhB"}

package/lib/ui/input/input.module.css

@@ -25,7 +25,7 @@
 }
 
 .root:focus {
-  box-shadow: var(--outline-hover);
+  border-color: var(--color-outline-dark);
   color: inherit;
   transition: var(--transition-out);
 }

package/lib/ui/input-search/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("./input-search"), exports);
+//# sourceMappingURL=index.js.map

package/lib/ui/input-search/index.js.map

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

package/lib/ui/input-search/input-search.js

@@ -0,0 +1,73 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputSearch = void 0;
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const debounce_1 = __importDefault(require("lodash/debounce"));
+const noop_1 = __importDefault(require("lodash/noop"));
+const button_1 = require("../button");
+const icon_1 = require("../icon");
+const input_1 = require("../input");
+const input_search_module_css_1 = __importDefault(require("./input-search.module.css"));
+const InputSearch = (props) => {
+    const { className = '', placeholder = 'Search', defaultValue = '', onChange = noop_1.default, debounceWait = 500, } = props;
+    const rootClassname = (0, classnames_1.default)(input_search_module_css_1.default.root, className);
+    const [value, setValue] = (0, react_1.useState)(defaultValue);
+    (0, react_1.useEffect)(() => {
+        setValue(defaultValue);
+    }, [defaultValue]);
+    const debouncedUpdateSearch = (0, react_1.useCallback)((0, debounce_1.default)(onChange, debounceWait), [onChange]);
+    const changeValue = (0, react_1.useCallback)((newValue) => {
+        if (newValue !== value) {
+            debouncedUpdateSearch(newValue);
+            setValue(newValue);
+        }
+    }, [setValue, value]);
+    const inputOnChange = (0, react_1.useCallback)((event) => {
+        changeValue(event.target.value);
+    }, [changeValue]);
+    const clearButtonOnClick = (0, react_1.useCallback)(() => {
+        changeValue('');
+    }, [changeValue]);
+    return (react_1.default.createElement("div", { className: rootClassname },
+        react_1.default.createElement(input_1.Input, { className: input_search_module_css_1.default.input, placeholder: placeholder, onChange: inputOnChange, value: value, size: "small", autoComplete: "off", autoCorrect: "off", autoCapitalize: "off" }),
+        value && (react_1.default.createElement(button_1.Button, { size: "small", radius: "circle", glyph: icon_1.Icon.ICONS.CANCEL, type: "button", onClick: clearButtonOnClick, "aria-label": "Clear search", className: input_search_module_css_1.default.cancelButton }))));
+};
+exports.InputSearch = InputSearch;
+//# sourceMappingURL=input-search.js.map

package/lib/ui/input-search/input-search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-search.js","sourceRoot":"","sources":["../../../src/ui/input-search/input-search.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgE;AAChE,4DAA4B;AAC5B,+DAAuC;AACvC,uDAA+B;AAE/B,sCAAmC;AACnC,kCAA+B;AAC/B,oCAAiC;AAEjC,wFAA4C;AASrC,MAAM,WAAW,GAAG,CACzB,KAAuE,EACvE,EAAE;IACF,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,WAAW,GAAG,QAAQ,EACtB,YAAY,GAAG,EAAE,EACjB,QAAQ,GAAG,cAAI,EACf,YAAY,GAAG,GAAG,GACnB,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,iCAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,YAAY,CAAC,CAAC;IAGjD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,YAAY,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,qBAAqB,GAAG,IAAA,mBAAW,EAAC,IAAA,kBAAQ,EAAC,QAAQ,EAAE,YAAY,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAExF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,QAAgB,EAAE,EAAE;QACnB,IAAI,QAAQ,KAAK,KAAK,EAAE,CAAC;YACvB,qBAAqB,CAAC,QAAQ,CAAC,CAAC;YAChC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,mBAAW,EAC/B,CAAC,KAA0C,EAAE,EAAE;QAC7C,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAClC,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC1C,WAAW,CAAC,EAAE,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,uCAAK,SAAS,EAAE,aAAa;QAC3B,8BAAC,aAAK,IACJ,SAAS,EAAE,iCAAG,CAAC,KAAK,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,aAAa,EACvB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,YAAY,EAAC,KAAK,EAClB,WAAW,EAAC,KAAK,EACjB,cAAc,EAAC,KAAK,GACpB;QACD,KAAK,IAAI,CACR,8BAAC,eAAM,IACL,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,QAAQ,EACf,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,MAAM,EACxB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,kBAAkB,gBAChB,cAAc,EACzB,SAAS,EAAE,iCAAG,CAAC,YAAY,GAC3B,CACH,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAnEW,QAAA,WAAW,eAmEtB"}

package/lib/ui/input-search/input-search.module.css

@@ -0,0 +1,18 @@
+.root {
+  width: 100%;
+  position: relative;
+  z-index: var(--layout-low); /** show collapsed border on focus */
+}
+
+.input {
+  height: var(--space-large);
+}
+
+.cancelButton {
+  position: absolute;
+  right: var(--space-xxxsmall);
+  top: 50%;
+  transform: translateY(-50%);
+  padding: var(--space-xxxsmall);
+  background: radial-gradient(var(--color-background) 50%, transparent);
+}

package/lib/ui/loader/loader.js

@@ -8,7 +8,7 @@ const react_1 = __importDefault(require("react"));
 const prop_types_1 = __importDefault(require("prop-types"));
 const classnames_1 = __importDefault(require("classnames"));
 const loader_module_css_1 = __importDefault(require("./loader.module.css"));
-const Loader = ({ className, size, ...restProps }) => (react_1.default.createElement("span", { className: (0, classnames_1.default)(loader_module_css_1.default.root, className, loader_module_css_1.default[size]), ...restProps }));
+const Loader = ({ className = '', size = 'medium', ...restProps }) => (react_1.default.createElement("span", { className: (0, classnames_1.default)(loader_module_css_1.default.root, className, loader_module_css_1.default[size]), ...restProps }));
 exports.Loader = Loader;
 exports.Loader.SIZE_SMALL = 'small';
 exports.Loader.SIZE_MEDIUM = 'medium';

package/lib/ui/loader/loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"loader.js","sourceRoot":"","sources":["../../../src/ui/loader/loader.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,4EAAsC;AAE/B,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,EAAE,EAAE,CAAC,CAC3D,wCAAM,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,IAAI,EAAE,SAAS,EAAE,2BAAG,CAAC,IAAI,CAAC,CAAC,KAAM,SAAS,GAAI,CACvE,CAAC;AAFW,QAAA,MAAM,UAEjB;AAEF,cAAM,CAAC,UAAU,GAAG,OAAO,CAAC;AAC5B,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC9B,cAAM,CAAC,UAAU,GAAG,OAAO,CAAC;AAC5B,cAAM,CAAC,KAAK,GAAG,CAAC,cAAM,CAAC,UAAU,EAAE,cAAM,CAAC,WAAW,EAAE,cAAM,CAAC,UAAU,CAAC,CAAC;AAE1E,cAAM,CAAC,YAAY,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,IAAI,EAAE,cAAM,CAAC,WAAW;CACzB,CAAC;AAEF,cAAM,CAAC,SAAS,GAAG;IAEjB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,IAAI,EAAE,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,KAAK,CAAC;CACpC,CAAC"}
+{"version":3,"file":"loader.js","sourceRoot":"","sources":["../../../src/ui/loader/loader.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,4EAAsC;AAE/B,MAAM,MAAM,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,EAAE,CAAC,CAC3E,wCAAM,SAAS,EAAE,IAAA,oBAAE,EAAC,2BAAG,CAAC,IAAI,EAAE,SAAS,EAAE,2BAAG,CAAC,IAAI,CAAC,CAAC,KAAM,SAAS,GAAI,CACvE,CAAC;AAFW,QAAA,MAAM,UAEjB;AAEF,cAAM,CAAC,UAAU,GAAG,OAAO,CAAC;AAC5B,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAC9B,cAAM,CAAC,UAAU,GAAG,OAAO,CAAC;AAC5B,cAAM,CAAC,KAAK,GAAG,CAAC,cAAM,CAAC,UAAU,EAAE,cAAM,CAAC,WAAW,EAAE,cAAM,CAAC,UAAU,CAAC,CAAC;AAE1E,cAAM,CAAC,YAAY,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,IAAI,EAAE,cAAM,CAAC,WAAW;CACzB,CAAC;AAEF,cAAM,CAAC,SAAS,GAAG;IAEjB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAG3B,IAAI,EAAE,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,KAAK,CAAC;CACpC,CAAC"}

package/lib/ui/markdown/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("./markdown"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/lib/ui/markdown/markdown.js

@@ -0,0 +1,50 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Markdown = void 0;
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const snarkdown_1 = __importDefault(require("snarkdown"));
+const markdown_module_css_1 = __importDefault(require("./markdown.module.css"));
+const Markdown = (props) => {
+    const { className = '', content = '', as: Component = 'div', ...restProps } = props;
+    const html = (0, react_1.useMemo)(() => (0, snarkdown_1.default)(content), [content]);
+    return (react_1.default.createElement(Component, { className: (0, classnames_1.default)(markdown_module_css_1.default.root, className), ...restProps, dangerouslySetInnerHTML: { __html: html } }));
+};
+exports.Markdown = Markdown;
+//# sourceMappingURL=markdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.js","sourceRoot":"","sources":["../../../src/ui/markdown/markdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoE;AACpE,4DAA4B;AAC5B,0DAAkC;AAElC,gFAAwC;AAOjC,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,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,mBAAS,EAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAE1D,OAAO,CACL,8BAAC,SAAS,IACR,SAAS,EAAE,IAAA,oBAAE,EAAC,6BAAG,CAAC,IAAI,EAAE,SAAS,CAAC,KAC9B,SAAS,EACb,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GACzC,CACH,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,QAAQ,YAYnB"}

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

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

package/lib/ui/table/table.js

@@ -5,15 +5,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Table = void 0;
 const react_1 = __importDefault(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
 const classnames_1 = __importDefault(require("classnames"));
 const table_module_css_1 = __importDefault(require("./table.module.css"));
-const Table = ({ className, emptyMessage, compact, outline, children }) => {
+const Table = (props) => {
+    const { className = '', emptyMessage = null, compact = false, outline = false, children, ...restProps } = props;
     const rootClassName = (0, classnames_1.default)(table_module_css_1.default.root, className, compact && table_module_css_1.default.compact, outline && table_module_css_1.default.outline);
     if (!children) {
         return react_1.default.createElement("div", { className: (0, classnames_1.default)(rootClassName, table_module_css_1.default.empty) }, emptyMessage);
     }
-    return react_1.default.createElement("table", { className: rootClassName }, children);
+    return (react_1.default.createElement("table", { className: rootClassName, ...restProps }, children));
 };
 exports.Table = Table;
 exports.Table.THead = 'thead';
@@ -21,18 +21,4 @@ exports.Table.TBody = 'tbody';
 exports.Table.Tr = 'tr';
 exports.Table.Th = 'th';
 exports.Table.Td = 'td';
-exports.Table.defaultProps = {
-    className: '',
-    emptyMessage: 'No entries found.',
-    children: null,
-    compact: false,
-    outline: false,
-};
-exports.Table.propTypes = {
-    className: prop_types_1.default.string,
-    emptyMessage: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.element]),
-    compact: prop_types_1.default.bool,
-    outline: prop_types_1.default.bool,
-    children: prop_types_1.default.oneOfType([prop_types_1.default.node, prop_types_1.default.arrayOf(prop_types_1.default.node)]),
-};
 //# sourceMappingURL=table.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/ui/table/table.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AACnC,4DAA4B;AAE5B,0EAAqC;AAE9B,MAAM,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/E,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,0BAAG,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,IAAI,0BAAG,CAAC,OAAO,EAAE,OAAO,IAAI,0BAAG,CAAC,OAAO,CAAC,CAAC;IAE9F,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,aAAa,EAAE,0BAAG,CAAC,KAAK,CAAC,IAAG,YAAY,CAAO,CAAC;KAC3E;IAED,OAAO,yCAAO,SAAS,EAAE,aAAa,IAAG,QAAQ,CAAS,CAAC;AAC7D,CAAC,CAAC;AARW,QAAA,KAAK,SAQhB;AAEF,aAAK,CAAC,KAAK,GAAG,OAAO,CAAC;AACtB,aAAK,CAAC,KAAK,GAAG,OAAO,CAAC;AACtB,aAAK,CAAC,EAAE,GAAG,IAAI,CAAC;AAChB,aAAK,CAAC,EAAE,GAAG,IAAI,CAAC;AAChB,aAAK,CAAC,EAAE,GAAG,IAAI,CAAC;AAEhB,aAAK,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,aAAK,CAAC,SAAS,GAAG;IAChB,SAAS,EAAE,oBAAS,CAAC,MAAM;IAC3B,YAAY,EAAE,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,MAAM,EAAE,oBAAS,CAAC,OAAO,CAAC,CAAC;IACxE,OAAO,EAAE,oBAAS,CAAC,IAAI;IACvB,OAAO,EAAE,oBAAS,CAAC,IAAI;IACvB,QAAQ,EAAE,oBAAS,CAAC,SAAS,CAAC,CAAC,oBAAS,CAAC,IAAI,EAAE,oBAAS,CAAC,OAAO,CAAC,oBAAS,CAAC,IAAI,CAAC,CAAC,CAAC;CACnF,CAAC"}
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/ui/table/table.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAA4B;AAE5B,0EAAqC;AAQ9B,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,IAAA,oBAAE,EAAC,0BAAG,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,IAAI,0BAAG,CAAC,OAAO,EAAE,OAAO,IAAI,0BAAG,CAAC,OAAO,CAAC,CAAC;IAE9F,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,uCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,aAAa,EAAE,0BAAG,CAAC,KAAK,CAAC,IAAG,YAAY,CAAO,CAAC;IAC5E,CAAC;IAED,OAAO,CACL,yCAAO,SAAS,EAAE,aAAa,KAAM,SAAS,IAC3C,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,KAAK,SAoBhB;AAEF,aAAK,CAAC,KAAK,GAAG,OAA4B,CAAC;AAC3C,aAAK,CAAC,KAAK,GAAG,OAA4B,CAAC;AAC3C,aAAK,CAAC,EAAE,GAAG,IAAyB,CAAC;AACrC,aAAK,CAAC,EAAE,GAAG,IAAyB,CAAC;AACrC,aAAK,CAAC,EAAE,GAAG,IAAyB,CAAC"}