@bundle-stats/ui 4.9.0-beta.0 → 4.9.1-beta.1

package/lib/ui/button/button.module.css

@@ -0,0 +1,285 @@
+.root {
+  appearance: none;
+  padding: 0;
+  border: 0;
+  background: none;
+  transition: var(--transition-out);
+  color: var(--color-text-ultra-light);
+  line-height: 1;
+}
+
+.root:hover,
+.root:active,
+.root:focus {
+  color: var(--color-text-light);
+  transition: var(--transition-in);
+}
+
+/**
+ * Kind variation
+ */
+.primary {
+  color: var(--color-primary);
+}
+
+.primary:hover,
+.primary:active,
+.primary:focus {
+  color: var(--color-primary-dark);
+}
+
+.secondary {
+  color: var(--color-secondary);
+}
+
+.secondary:hover,
+.secondary:active,
+.secondary:focus {
+  color: var(--color-secondary-dark);
+}
+
+.danger {
+  color: var(--color-danger);
+}
+
+.danger:hover,
+.danger:active,
+.danger:focus {
+  color: var(--color-danger-dark);
+}
+
+.warning {
+  color: var(--color-warning);
+}
+
+.warning:hover,
+.warning:active,
+.warning:focus {
+  color: var(--color-warning-dark);
+}
+
+.info {
+  color: var(--color-info);
+}
+
+.info:hover,
+.info:active,
+.info:focus {
+  color: var(--color-info-dark);
+}
+
+.success {
+  color: var(--color-success);
+}
+
+.success:hover,
+.success:active,
+.success:focus {
+  color: var(--color-success-dark);
+}
+
+/**
+ * Solid Kind variation
+ */
+.solid {
+  background: var(--color-text-light);
+  color: var(--color-background);
+}
+
+.solid:hover,
+.solid:active,
+.solid:focus {
+  box-shadow: var(--outline-hover);
+  background: var(--color-text);
+  color: var(--color-background);
+}
+
+.solid--primary {
+  background: var(--color-primary);
+}
+
+.solid--primary:hover,
+.solid--primary:active,
+.solid--primary:focus {
+  background: var(--color-primary-dark);
+}
+
+.solid--secondary {
+  background: var(--color-secondary);
+}
+
+.solid--secondary:hover,
+.solid--secondary:active,
+.solid--secondary:focus {
+  background: var(--color-secondary-dark);
+}
+
+.solid--danger {
+  background: var(--color-danger);
+}
+
+.solid--danger:hover,
+.solid--danger:active,
+.solid--danger:focus {
+  background: var(--color-danger-dark);
+}
+
+.solid--warning {
+  background: var(--color-warning);
+}
+
+.solid--warning:hover,
+.solid--warning:active,
+.solid--warning:focus {
+  background: var(--color-warning-dark);
+}
+
+.solid--info {
+  background: var(--color-info);
+}
+
+.solid--info:hover,
+.solid--info:active,
+.solid--info:focus {
+  background: var(--color-info-dark);
+}
+
+.solid--success {
+  background: var(--color-success);
+}
+
+.solid--success:hover,
+.solid--success:active,
+.solid--success:focus {
+  background: var(--color-success-dark);
+}
+
+/**
+ * Outline variation
+ */
+.outline {
+  border: 1px solid var(--color-outline);
+}
+
+.outline:hover,
+.outline:active,
+.outline:focus {
+  box-shadow: var(--outline-hover);
+  border-color: var(--color-outline-dark);
+}
+
+.outline--primary {
+  border-color: var(--color-outline-primary);
+}
+
+.outline--primary:hover,
+.outline--primary:active,
+.outline--primary:focus {
+  border-color: var(--color-outline-primary-dark);
+}
+
+.outline--secondary {
+  border-color: var(--color-outline-secondary);
+}
+
+.outline--secondary:hover,
+.outline--secondary:active,
+.outline--secondary:focus {
+  border-color: var(--color-outline-secondary-dark);
+}
+
+.outline--danger {
+  border-color: var(--color-outline-danger);
+}
+
+.outline--danger:hover,
+.outline--danger:active,
+.outline--danger:focus {
+  border-color: var(--color-outline-danger-dark);
+}
+
+.outline--warning {
+  border-color: var(--color-outline-warning);
+}
+
+.outline--warning:hover,
+.outline--warning:active,
+.outline--warning:focus {
+  border-color: var(--color-outline-warning-dark);
+}
+
+.outline--info {
+  border-color: var(--color-outline-info);
+}
+
+.outline--info:hover,
+.outline--info:active,
+.outline--info:focus {
+  border-color: var(--color-outline-info-dark);
+}
+
+.outline--success {
+  border-color: var(--color-outline-success);
+}
+
+.outline--success:hover,
+.outline--success:active,
+.outline--success:focus {
+  border-color: var(--color-outline-success-dark);
+}
+
+/**
+ * Size variation
+ */
+.small {
+  font-size: var(--size-small);
+}
+
+.medium {
+  font-size: var(--size-medium);
+}
+
+.large {
+  font-size: var(--size-large);
+}
+
+/**
+ * Padding variation
+ */
+.padding--small {
+  padding: var(--space-xxsmall);
+}
+
+.padding--medium {
+  padding:  var(--space-xsmall);
+}
+
+.padding--large {
+  padding: var(--space-small);
+}
+
+/**
+ * Radius variation
+ */
+.radius--small {
+  border-radius: var(--radius-small);
+}
+
+.radius--medium {
+  border-radius: var(--radius-medium);
+}
+
+.radius--large {
+  border-radius: var(--radius-large);
+}
+
+.radius--circle {
+  border-radius: 50%;
+}
+
+/**
+ * Disabled state
+ */
+.root[disabled] {
+  filter: grayscale(1);
+}

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

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

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

package/lib/ui/dropdown/dropdown.module.css

@@ -11,12 +11,11 @@
   border-radius: var(--radius-small);
   padding: calc(var(--space-xxsmall) - 1px);
 
+  appearance: none;
   background: none;
   font-size: var(--size-small);
   line-height: var(--space-small);
   white-space: nowrap;
-  appearance: none;
-  cursor: pointer;
   color: var(--color-text-light);
 }
 
@@ -48,7 +47,6 @@
 .item {
   display: block;
   appearance: none;
-  cursor: pointer;
   width: 100%;
   outline: none;
   border: 0;

package/lib/ui/empty-set/empty-set.js

@@ -6,8 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.EmptySet = void 0;
 const react_1 = __importDefault(require("react"));
 const prop_types_1 = __importDefault(require("prop-types"));
-const stack_1 = require("../../layout/stack");
 const i18n_1 = __importDefault(require("../../i18n"));
+const stack_1 = require("../../layout/stack");
+const button_1 = require("../button");
 const empty_set_module_css_1 = __importDefault(require("./empty-set.module.css"));
 const EmptySet = (props) => {
     const { resources, filtered, handleResetFilters, handleViewAll } = props;
@@ -15,12 +16,12 @@ const EmptySet = (props) => {
     const actions = [
         ...(handleResetFilters
             ? [
-                react_1.default.createElement("button", { className: empty_set_module_css_1.default.action, type: "button", onClick: handleResetFilters }, i18n_1.default.RESET_FILTERS),
+                react_1.default.createElement(button_1.Button, { kind: "primary", type: "button", onClick: handleResetFilters, className: empty_set_module_css_1.default.action }, i18n_1.default.RESET_FILTERS),
             ]
             : []),
         ...(handleViewAll
             ? [
-                react_1.default.createElement("button", { className: empty_set_module_css_1.default.action, type: "button", onClick: handleViewAll }, i18n_1.default.VIEW_ALL),
+                react_1.default.createElement(button_1.Button, { kind: "primary", type: "button", onClick: handleViewAll, className: empty_set_module_css_1.default.action }, i18n_1.default.VIEW_ALL),
             ]
             : []),
     ];

package/lib/ui/empty-set/empty-set.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty-set.js","sourceRoot":"","sources":["../../../src/ui/empty-set/empty-set.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AAEnC,8CAA2C;AAC3C,sDAA8B;AAC9B,kFAAyC;AAElC,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,EAAE;IAChC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,kBAAkB,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAEzE,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,SAAS,SAAS,CAAC,CAAC,CAAC,MAAM,SAAS,aAAa,CAAC;IACnF,MAAM,OAAO,GAAG;QACd,GAAG,CAAC,kBAAkB;YACpB,CAAC,CAAC;gBACE,0CAAQ,SAAS,EAAE,8BAAG,CAAC,MAAM,EAAE,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,kBAAkB,IACrE,cAAI,CAAC,aAAa,CACZ;aACV;YACH,CAAC,CAAC,EAAE,CAAC;QACP,GAAG,CAAC,aAAa;YACf,CAAC,CAAC;gBACE,0CAAQ,SAAS,EAAE,8BAAG,CAAC,MAAM,EAAE,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,aAAa,IAChE,cAAI,CAAC,QAAQ,CACP;aACV;YACH,CAAC,CAAC,EAAE,CAAC;KACR,CAAC;IAEF,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAE,8BAAG,CAAC,IAAI;QACzC,yCAAI,OAAO,CAAK;QACf,QAAQ;YACP,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B;gBACG,KAAK,GAAG,CAAC,IAAI,MAAM;gBACnB,MAAM,CACN,CACJ,CAAC,CACE,CACT,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,QAAQ,YAiCnB;AAEF,gBAAQ,CAAC,SAAS,GAAG;IACnB,SAAS,EAAE,oBAAS,CAAC,MAAM,CAAC,UAAU;IACtC,QAAQ,EAAE,oBAAS,CAAC,IAAI,CAAC,UAAU;IACnC,kBAAkB,EAAE,oBAAS,CAAC,IAAI;IAClC,aAAa,EAAE,oBAAS,CAAC,IAAI;CAC9B,CAAC;AAEF,gBAAQ,CAAC,YAAY,GAAG;IACtB,kBAAkB,EAAE,IAAI;IACxB,aAAa,EAAE,IAAI;CACpB,CAAC"}
+{"version":3,"file":"empty-set.js","sourceRoot":"","sources":["../../../src/ui/empty-set/empty-set.jsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4DAAmC;AAEnC,sDAA8B;AAC9B,8CAA2C;AAC3C,sCAAmC;AACnC,kFAAyC;AAElC,MAAM,QAAQ,GAAG,CAAC,KAAK,EAAE,EAAE;IAChC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,kBAAkB,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAEzE,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,SAAS,SAAS,CAAC,CAAC,CAAC,MAAM,SAAS,aAAa,CAAC;IACnF,MAAM,OAAO,GAAG;QACd,GAAG,CAAC,kBAAkB;YACpB,CAAC,CAAC;gBACE,8BAAC,eAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,8BAAG,CAAC,MAAM,IACpF,cAAI,CAAC,aAAa,CACZ;aACV;YACH,CAAC,CAAC,EAAE,CAAC;QACP,GAAG,CAAC,aAAa;YACf,CAAC,CAAC;gBACE,8BAAC,eAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,8BAAG,CAAC,MAAM,IAC/E,cAAI,CAAC,QAAQ,CACP;aACV;YACH,CAAC,CAAC,EAAE,CAAC;KACR,CAAC;IAEF,OAAO,CACL,8BAAC,aAAK,IAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAE,8BAAG,CAAC,IAAI;QACzC,yCAAI,OAAO,CAAK;QACf,QAAQ;YACP,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B;gBACG,KAAK,GAAG,CAAC,IAAI,MAAM;gBACnB,MAAM,CACN,CACJ,CAAC,CACE,CACT,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,QAAQ,YAiCnB;AAEF,gBAAQ,CAAC,SAAS,GAAG;IACnB,SAAS,EAAE,oBAAS,CAAC,MAAM,CAAC,UAAU;IACtC,QAAQ,EAAE,oBAAS,CAAC,IAAI,CAAC,UAAU;IACnC,kBAAkB,EAAE,oBAAS,CAAC,IAAI;IAClC,aAAa,EAAE,oBAAS,CAAC,IAAI;CAC9B,CAAC;AAEF,gBAAQ,CAAC,YAAY,GAAG;IACtB,kBAAkB,EAAE,IAAI;IACxB,aAAa,EAAE,IAAI;CACpB,CAAC"}

package/lib/ui/empty-set/empty-set.module.css

@@ -1,20 +1,3 @@
 .root {
   color: var(--color-text-light);
 }
-
-.action {
-  appearance: none;
-  padding: 0;
-  background: none;
-  border: none;
-  color: var(--color-primary);
-  cursor: pointer;
-  text-decoration: underline;
-}
-
-.action:focus,
-.action:active,
-.action:hover {
-  color: var(--color-primary-dark);
-  text-decoration: none;
-}

package/lib/ui/filters/filters.i18n.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CHECK = exports.CLEAR = exports.CHUNKS_SEARCH_CLEAR = exports.CHUNKS_SEARCH = exports.CHUNKS_NOT_FOUND = void 0;
-exports.CHUNKS_NOT_FOUND = 'No chunks found';
-exports.CHUNKS_SEARCH = 'Search by chunk name';
-exports.CHUNKS_SEARCH_CLEAR = 'Clear search';
+exports.ONLY = exports.CHECK = exports.CLEAR = exports.GROUP_SEARCH_CLEAR = exports.GROUP_SEARCH = exports.GROUP_NOT_FOUND = void 0;
+exports.GROUP_NOT_FOUND = 'No filters found';
+exports.GROUP_SEARCH = 'Search by filter name';
+exports.GROUP_SEARCH_CLEAR = 'Clear search';
 exports.CLEAR = 'Clear all';
 exports.CHECK = 'Check all';
+exports.ONLY = 'only';
 //# sourceMappingURL=filters.i18n.js.map

package/lib/ui/filters/filters.i18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"filters.i18n.js","sourceRoot":"","sources":["../../../src/ui/filters/filters.i18n.ts"],"names":[],"mappings":";;;AAAa,QAAA,gBAAgB,GAAG,iBAAiB,CAAC;AACrC,QAAA,aAAa,GAAG,sBAAsB,CAAC;AACvC,QAAA,mBAAmB,GAAG,cAAc,CAAC;AACrC,QAAA,KAAK,GAAG,WAAW,CAAC;AACpB,QAAA,KAAK,GAAG,WAAW,CAAC"}
+{"version":3,"file":"filters.i18n.js","sourceRoot":"","sources":["../../../src/ui/filters/filters.i18n.ts"],"names":[],"mappings":";;;AAAa,QAAA,eAAe,GAAG,kBAAkB,CAAC;AACrC,QAAA,YAAY,GAAG,uBAAuB,CAAC;AACvC,QAAA,kBAAkB,GAAG,cAAc,CAAC;AACpC,QAAA,KAAK,GAAG,WAAW,CAAC;AACpB,QAAA,KAAK,GAAG,WAAW,CAAC;AACpB,QAAA,IAAI,GAAG,MAAM,CAAC"}

package/lib/ui/filters/filters.js

@@ -31,6 +31,7 @@ const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const flex_stack_1 = require("../../layout/flex-stack");
 const stack_1 = require("../../layout/stack");
+const button_1 = require("../button");
 const dropdown_1 = require("../dropdown");
 const input_search_1 = require("../input-search");
 const I18N = __importStar(require("./filters.i18n"));
@@ -44,7 +45,7 @@ const Filter = (props) => {
         react_1.default.createElement(flex_stack_1.FlexStack, { space: "xxxsmall", alignItems: "center", as: "label", className: (0, classnames_1.default)(filters_module_css_1.default.filterCheckbox, buttonClassName) },
             react_1.default.createElement("input", { type: "checkbox", id: id, name: name, ...inputProps, className: filters_module_css_1.default.filterInput }),
             react_1.default.createElement("span", { title: label, className: filters_module_css_1.default.filterLabel }, label)),
-        getOnOnlyClick && (react_1.default.createElement("button", { type: "button", onClick: getOnOnlyClick(name), className: filters_module_css_1.default.filterOnlyButton }, "only"))));
+        getOnOnlyClick && (react_1.default.createElement(button_1.Button, { kind: "info", solid: true, size: "small", type: "button", onClick: getOnOnlyClick(name), className: filters_module_css_1.default.filterOnlyButton }, I18N.ONLY))));
 };
 const FilterGroup = (props) => {
     const { className = '', buttonClassName = '', groupKey, data, values, onCheckboxChange, toggleFilters, } = props;
@@ -78,12 +79,12 @@ const FilterGroup = (props) => {
     return (react_1.default.createElement(dropdown_1.Dropdown, { className: className, buttonClassName: buttonClassName, label: dropdownLabel, ariaLabel: `${groupLabel}: ${filterSuffix}` }, ({ MenuItem, menuItemClassName }) => {
         return (react_1.default.createElement(react_1.default.Fragment, null,
             groupItems.length > 10 && (react_1.default.createElement("div", { className: filters_module_css_1.default.filterGroupSearchWrapper },
-                react_1.default.createElement(input_search_1.InputSearch, { defaultValue: search, onChange: setSearch, placeholder: I18N.CHUNKS_SEARCH, debounceWait: 0 }))),
+                react_1.default.createElement(input_search_1.InputSearch, { defaultValue: search, onChange: setSearch, placeholder: I18N.GROUP_SEARCH, debounceWait: 0 }))),
             react_1.default.createElement("div", { className: filters_module_css_1.default.filterGroupItems },
                 filteredGroupItems.length === 0 && (react_1.default.createElement(stack_1.Stack, { className: filters_module_css_1.default.filterGroupSearchNotFound },
-                    react_1.default.createElement("p", null, I18N.CHUNKS_NOT_FOUND),
+                    react_1.default.createElement("p", null, I18N.GROUP_NOT_FOUND),
                     react_1.default.createElement("div", null,
-                        react_1.default.createElement("button", { type: "button", onClick: () => setSearch(''), className: filters_module_css_1.default.filterGroupSearchNotFoundClear }, I18N.CHUNKS_SEARCH_CLEAR)))),
+                        react_1.default.createElement(button_1.Button, { size: "small", kind: "primary", type: "button", onClick: () => setSearch(''), className: filters_module_css_1.default.filterGroupSearchNotFoundClear }, I18N.GROUP_SEARCH_CLEAR)))),
                 filteredGroupItems.map(({ key: itemKey, ...itemData }) => {
                     const id = [groupKey, itemKey].join('.');
                     const getOnOnlyClick = () => getOnGroupCheck(false, { [id]: true });

package/lib/ui/filters/filters.js.map

@@ -1 +1 @@
-{"version":3,"file":"filters.js","sourceRoot":"","sources":["../../../src/ui/filters/filters.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"filters.js","sourceRoot":"","sources":["../../../src/ui/filters/filters.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8D;AAC9D,4DAA4B;AAG5B,wDAAoD;AACpD,8CAA2C;AAC3C,sCAAmC;AACnC,0CAAuC;AACvC,kDAA8C;AAC9C,qDAAuC;AACvC,mDAAqE;AACrE,8EAAuC;AAUvC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IACpC,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,eAAe,GAAG,EAAE,EACpB,KAAK,EACL,IAAI,EACJ,cAAc,EACd,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,GAAG,UAAU,IAAI,EAAE,CAAC;IAC5B,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,4BAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAEhD,OAAO,CACL,8BAAC,SAAS,IAAC,SAAS,EAAE,aAAa;QAEjC,8BAAC,sBAAS,IACR,KAAK,EAAC,UAAU,EAChB,UAAU,EAAC,QAAQ,EACnB,EAAE,EAAC,OAAO,EACV,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAAG,CAAC,cAAc,EAAE,eAAe,CAAC;YAGlD,yCAAO,IAAI,EAAC,UAAU,EAAC,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,KAAM,UAAU,EAAE,SAAS,EAAE,4BAAG,CAAC,WAAW,GAAI;YACzF,wCAAM,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,4BAAG,CAAC,WAAW,IAC3C,KAAK,CACD,CACG;QAEX,cAAc,IAAI,CACjB,8BAAC,eAAM,IACL,IAAI,EAAC,MAAM,EACX,KAAK,QACL,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,EAC7B,SAAS,EAAE,4BAAG,CAAC,gBAAgB,IAE9B,IAAI,CAAC,IAAI,CACH,CACV,CACS,CACb,CAAC;AACJ,CAAC,CAAC;AAWF,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC9C,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,eAAe,GAAG,EAAE,EACpB,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,gBAAgB,EAChB,aAAa,GACd,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAEzC,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;IAEzD,MAAM,uBAAuB,GAAG,UAAU;SACvC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,QAAQ,IAAI,OAAO,EAAE,CAAC,CAAC;SAC7D,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,IAAI,GAAG,EAAE,IAAI,CAAC,CAAC;IAE1C,MAAM,YAAY,GAAG,IAAA,0CAA0B,EAAC,UAAU,CAAC,CAAC;IAC5D,MAAM,qBAAqB,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,sBAAM,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC5E,MAAM,aAAa,GAAG,CACpB;QACG,GAAG,UAAU,GAAG;;QAEjB,wCAAM,SAAS,EAAE,IAAA,oBAAE,EAAC,qBAAqB,IAAI,4BAAG,CAAC,iBAAiB,CAAC,IAAG,YAAY,CAAQ,CACzF,CACJ,CAAC;IAEF,MAAM,eAAe,GACnB,CAAC,KAAc,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,CACnC,GAAG,EAAE;QACH,MAAM,UAAU,GAAG,UAAU,CAAC,MAAM,CAClC,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;YAC1B,GAAG,GAAG;YACN,CAAC,GAAG,QAAQ,IAAI,OAAO,EAAE,CAAC,EAAE,KAAK;SAClC,CAAC,EACF,EAAE,CACH,CAAC;QAEF,aAAa,CAAC;YACZ,GAAG,UAAU;YACb,GAAG,SAAS;SACb,CAAC,CAAC;IACL,CAAC,CAAC;IAEJ,MAAM,kBAAkB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACtC,IAAI,CAAC,MAAM,EAAE;YACX,OAAO,UAAU,CAAC;SACnB;QAED,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACrF,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,8BAAC,mBAAQ,IACP,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,aAAa,EACpB,SAAS,EAAE,GAAG,UAAU,KAAK,YAAY,EAAE,IAE1C,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,EAAE,EAAE;QACnC,OAAO,CACL;YACG,UAAU,CAAC,MAAM,GAAG,EAAE,IAAI,CACzB,uCAAK,SAAS,EAAE,4BAAG,CAAC,wBAAwB;gBAC1C,8BAAC,0BAAW,IACV,YAAY,EAAE,MAAM,EACpB,QAAQ,EAAE,SAAS,EACnB,WAAW,EAAE,IAAI,CAAC,YAAY,EAC9B,YAAY,EAAE,CAAC,GACf,CACE,CACP;YACD,uCAAK,SAAS,EAAE,4BAAG,CAAC,gBAAgB;gBACjC,kBAAkB,CAAC,MAAM,KAAK,CAAC,IAAI,CAClC,8BAAC,aAAK,IAAC,SAAS,EAAE,4BAAG,CAAC,yBAAyB;oBAC7C,yCAAI,IAAI,CAAC,eAAe,CAAK;oBAC7B;wBACE,8BAAC,eAAM,IACL,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,EAC5B,SAAS,EAAE,4BAAG,CAAC,8BAA8B,IAE5C,IAAI,CAAC,kBAAkB,CACjB,CACL,CACA,CACT;gBACA,kBAAkB,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAE,EAAE,EAAE;oBACxD,MAAM,EAAE,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;oBACzC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;oBAEpE,OAAO,CACL,8BAAC,MAAM,IACL,GAAG,EAAE,EAAE,EACP,SAAS,EAAE,iBAAiB,EAC5B,EAAE,EAAE,QAAQ,EACZ,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,QAAQ,CAAC,KAAK,EACrB,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC,EACnB,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,cAAc,EAAE,cAAc,GAC9B,CACH,CAAC;gBACJ,CAAC,CAAC,CACE;YACL,kBAAkB,CAAC,MAAM,KAAK,CAAC,IAAI,CAClC,uCAAK,SAAS,EAAE,4BAAG,CAAC,kBAAkB,IACnC,uBAAuB,CAAC,CAAC,CAAC,CACzB,8BAAC,QAAQ,IACP,EAAE,EAAC,WAAW,EACd,EAAE,EAAC,QAAQ,EACX,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,IAE9B,IAAI,CAAC,KAAK,CACF,CACZ,CAAC,CAAC,CAAC,CACF,8BAAC,QAAQ,IACP,EAAE,EAAC,WAAW,EACd,EAAE,EAAC,QAAQ,EACX,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,eAAe,CAAC,IAAI,CAAC,IAE7B,IAAI,CAAC,KAAK,CACF,CACZ,CACG,CACP,CACA,CACJ,CAAC;IACJ,CAAC,CACQ,CACZ,CAAC;AACJ,CAAC,CAAC;AASK,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IAC7C,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAE/E,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,CAAC,KAAU,EAAE,EAAE;QACb,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;QAC9B,YAAY,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;IACpC,CAAC,EACD,CAAC,YAAY,EAAE,MAAM,CAAC,CACvB,CAAC;IACF,MAAM,aAAa,GAAG,IAAA,oBAAE,EAAC,4BAAG,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,OAAO,CACL,wCAAM,SAAS,EAAE,aAAa;QAC5B,8BAAC,sBAAS,IAAC,KAAK,EAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAC,SAAS,EAAE,4BAAG,CAAC,KAAK,IAC7D,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE;YAC5C,IAAI,cAAc,IAAI,IAAI,EAAE;gBAC1B,OAAO,CACL,8BAAC,MAAM,IACL,GAAG,EAAE,IAAI,EACT,SAAS,EAAE,IAAA,oBAAE,EAAC,4BAAG,CAAC,IAAI,EAAE,4BAAG,CAAC,gBAAgB,CAAC,EAC7C,eAAe,EAAE,4BAAG,CAAC,UAAU,EAC/B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAmB,GAClC,CACH,CAAC;aACH;YAED,OAAO,CACL,8BAAC,WAAW,IACV,SAAS,EAAE,4BAAG,CAAC,IAAI,EACnB,eAAe,EAAE,4BAAG,CAAC,UAAU,EAC/B,GAAG,EAAE,IAAI,EACT,QAAQ,EAAE,IAAI,EACd,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;QACJ,CAAC,CAAC,CACQ,CACP,CACR,CAAC;AACJ,CAAC,CAAC;AA/CW,QAAA,OAAO,WA+ClB"}

package/lib/ui/filters/filters.module.css

@@ -10,13 +10,11 @@
 }
 
 .filterCheckbox {
-  cursor: pointer;
 }
 
 .filterInput {
   flex: 0 0 auto;
   height: 1em;
-  cursor: pointer;
 }
 
 .filterLabel {
@@ -28,29 +26,12 @@
 }
 
 .filterOnlyButton {
-  padding: 0 var(--space-xxxsmall);
   display: none;
-  appearance: none;
-  border: none;
-  border-radius: var(--radius-small);
-  cursor: pointer;
   position: absolute;
   right: 2px;
   top: 50%;
   transform: translateY(-50%);
-  transition: var(--transition-in);
-  background: var(--color-info);
-  color: var(--color-background);
   font-size: var(--size-xsmall);
-  line-height: var(--line-height-header);
-}
-
-.filterOnlyButton:hover,
-.filterOnlyButton:active,
-.filterOnlyButton:focus {
-  transition: var(--transition-out);
-  background: var(--color-info-dark);
-  color: var(--color-background);
 }
 
 /** cover item text */
@@ -129,22 +110,6 @@
   color: var(--color-text-light);
 }
 
-.filterGroupSearchNotFoundClear {
-  outline: none;
-  appearance: none;
-  border: none;
-  background: none;
-  cursor: pointer;
-  white-space: nowrap;
-  color: var(--color-text-dark);
-}
-
-.filterGroupSearchNotFoundClear:hover,
-.filterGroupSearchNotFoundClear:active,
-.filterGroupSearchNotFoundClear:focus {
-  color: var(--color-text-dark);
-}
-
 .filterGroupItems {
   max-height: calc(10 * (var(--space-small) + 2 * var(--space-xxxsmall)));
   overflow: auto;
@@ -158,23 +123,6 @@
   border-top: 1px solid var(--color-outline);
 }
 
-/* clear / check all */
-.filterGroupButton {
-  margin-top: calc(0px - var(--space-xxxsmall));
-  margin-bottom: calc(0px - var(--space-xxxsmall));
-  margin-right: calc(0px - var(--space-xxxsmall));
-  padding: var(--space-xxxsmall) 0;
-  outline: none;
-  appearance: none;
-  border: none;
-  background: none;
-  cursor: pointer;
-  white-space: nowrap;
-  color: var(--color-primary);
-  font-size: var(--size-small);
-  line-height: 1;
-}
-
 .item {
   position: relative;
   flex: 0 0 auto;

package/lib/ui/index.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tooltip = exports.Tag = exports.Tabs = exports.Table = exports.Skeleton = exports.Loader = exports.InputSearch = 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.Tag = exports.Tabs = exports.Table = exports.Skeleton = exports.Loader = exports.InputSearch = exports.Input = exports.Icon = exports.HoverCard = exports.HorizontalBarChart = exports.Filters = exports.FileName = exports.EmptySet = exports.Dropdown = exports.Container = 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 container_1 = require("./container");
 Object.defineProperty(exports, "Container", { enumerable: true, get: function () { return container_1.Container; } });
 var dropdown_1 = require("./dropdown");

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,+CAA6C;AAApC,2GAAA,WAAW,OAAA;AACpB,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,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,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,+CAA6C;AAApC,2GAAA,WAAW,OAAA;AACpB,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AACjB,iCAAgC;AAAvB,8FAAA,KAAK,OAAA;AACd,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,6BAA4B;AAAnB,0FAAA,GAAG,OAAA;AACZ,qCAAoC;AAA3B,kGAAA,OAAO,OAAA"}

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

@@ -31,6 +31,7 @@ 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"));
@@ -56,7 +57,7 @@ const InputSearch = (props) => {
     }, [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" }),
-        value && (react_1.default.createElement("button", { className: input_search_module_css_1.default.cancelButton, type: "button", onClick: clearButtonOnClick, "aria-label": "Clear search" },
+        value && (react_1.default.createElement(button_1.Button, { radius: "circle", padding: "small", type: "button", onClick: clearButtonOnClick, "aria-label": "Clear search", className: input_search_module_css_1.default.cancelButton },
             react_1.default.createElement(icon_1.Icon, { className: input_search_module_css_1.default.cancelButtonIcon, glyph: icon_1.Icon.ICONS.CANCEL })))));
 };
 exports.InputSearch = InputSearch;

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

@@ -1 +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,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;YACtB,qBAAqB,CAAC,QAAQ,CAAC,CAAC;YAChC,QAAQ,CAAC,QAAQ,CAAC,CAAC;SACpB;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,GAClB;QACD,KAAK,IAAI,CACR,0CACE,SAAS,EAAE,iCAAG,CAAC,YAAY,EAC3B,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,kBAAkB,gBAChB,cAAc;YAEzB,8BAAC,WAAI,IAAC,SAAS,EAAE,iCAAG,CAAC,gBAAgB,EAAE,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,MAAM,GAAI,CAC5D,CACV,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAhEW,QAAA,WAAW,eAgEtB"}
+{"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;YACtB,qBAAqB,CAAC,QAAQ,CAAC,CAAC;YAChC,QAAQ,CAAC,QAAQ,CAAC,CAAC;SACpB;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,GAClB;QACD,KAAK,IAAI,CACR,8BAAC,eAAM,IACL,MAAM,EAAC,QAAQ,EACf,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,kBAAkB,gBAChB,cAAc,EACzB,SAAS,EAAE,iCAAG,CAAC,YAAY;YAE3B,8BAAC,WAAI,IAAC,SAAS,EAAE,iCAAG,CAAC,gBAAgB,EAAE,KAAK,EAAE,WAAI,CAAC,KAAK,CAAC,MAAM,GAAI,CAC5D,CACV,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAlEW,QAAA,WAAW,eAkEtB"}

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

@@ -9,33 +9,16 @@
 }
 
 .cancelButton {
-  appearance: none;
-  padding: 0;
-  border: 0;
-  background: none;
-  cursor: pointer;
-  border-radius: 50%;
   position: absolute;
-  right: 2px;
+  right: var(--space-xxxsmall);
   top: 50%;
   transform: translateY(-50%);
-  padding: var(--space-xxxsmall);
-  width: var(--space-medium);
-  height: var(--space-medium);
   background: radial-gradient(var(--color-background) 50%, transparent);
   color: var(--color-text-ultra-light);
-  transition: var(--transition-in);
 }
 
 .cancelButton:focus,
 .cancelButton:hover,
 .cancelButton:active {
   color: var(--color-text-light);
-  transition: var(--transition-out);
-}
-
-.cancelButtonIcon {
-  display: block;
-  width: var(--space-small);
-  height: var(--space-small);
 }

package/lib-esm/components/entry-info/entry-info.js

@@ -5,6 +5,7 @@ import { METRIC_TYPE_CONFIGS, getMetricRunInfo } from '@bundle-stats/utils';
 import { Box } from '../../layout/box';
 import { Stack } from '../../layout/stack';
 import { FileName } from '../../ui/file-name';
+import { Button } from '../../ui/button';
 import { Icon } from '../../ui/icon';
 import { Table } from '../../ui/table';
 import { RunInfo } from '../run-info';
@@ -29,7 +30,7 @@ export const EntryInfo = (props) => {
                 React.createElement("h3", { className: css.label },
                     React.createElement(FileName, { as: "code", name: itemTitle || item.label, className: css.fileName })),
                 React.createElement(RunInfo, { current: metricRunInfo.displayValue, delta: metricRunInfo.displayDeltaPercentage, deltaPercentage: metricRunInfo.displayDelta, deltaType: metricRunInfo.deltaType, baseline: (baselineRun === null || baselineRun === void 0 ? void 0 : baselineRun.displayValue) || '0B', size: "large" })),
-            React.createElement("button", { type: "button", onClick: onClose, "aria-label": I18N.CLOSE_TITLE, className: css.headerClose },
+            React.createElement(Button, { radius: "circle", type: "button", onClick: onClose, "aria-label": I18N.CLOSE_TITLE, className: css.headerClose },
                 React.createElement(Icon, { glyph: Icon.ICONS.CLOSE, size: "large" }))),
         React.createElement(Box, { padding: "medium", as: "main", className: css.contentWrapper },
             React.createElement(Stack, { space: "small", className: css.content },