instantsearch.js 4.48.0 → 4.48.1

package/cjs/widgets/breadcrumb/breadcrumb.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _preact = require("preact");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _Breadcrumb = _interopRequireDefault(require("../../components/Breadcrumb/Breadcrumb.js"));
 
@@ -84,24 +84,24 @@ var breadcrumb = function breadcrumb(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
-    noRefinementRoot: (0, _classnames.default)(suit({
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    noRefinementRoot: (0, _uiComponentsShared.cx)(suit({
       modifierName: 'noRefinement'
     }), userCssClasses.noRefinementRoot),
-    list: (0, _classnames.default)(suit({
+    list: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'list'
     }), userCssClasses.list),
-    item: (0, _classnames.default)(suit({
+    item: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item'
     }), userCssClasses.item),
-    selectedItem: (0, _classnames.default)(suit({
+    selectedItem: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item',
       modifierName: 'selected'
     }), userCssClasses.selectedItem),
-    separator: (0, _classnames.default)(suit({
+    separator: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'separator'
     }), userCssClasses.separator),
-    link: (0, _classnames.default)(suit({
+    link: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'link'
     }), userCssClasses.link)
   };

package/cjs/widgets/clear-refinements/clear-refinements.js

@@ -9,7 +9,7 @@ var _preact = require("preact");
 
 var _ClearRefinements = _interopRequireDefault(require("../../components/ClearRefinements/ClearRefinements.js"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _connectClearRefinements = _interopRequireDefault(require("../../connectors/clear-refinements/connectClearRefinements.js"));
 
@@ -79,11 +79,11 @@ var clearRefinements = function clearRefinements(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
-    button: (0, _classnames.default)(suit({
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    button: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'button'
     }), userCssClasses.button),
-    disabledButton: (0, _classnames.default)(suit({
+    disabledButton: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'button',
       modifierName: 'disabled'
     }), userCssClasses.disabledButton)

package/cjs/widgets/current-refinements/current-refinements.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _preact = require("preact");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _CurrentRefinements = _interopRequireDefault(require("../../components/CurrentRefinements/CurrentRefinements.js"));
 
@@ -64,26 +64,26 @@ var currentRefinements = function currentRefinements(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
-    noRefinementRoot: (0, _classnames.default)(suit({
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    noRefinementRoot: (0, _uiComponentsShared.cx)(suit({
       modifierName: 'noRefinement'
     }), userCssClasses.noRefinementRoot),
-    list: (0, _classnames.default)(suit({
+    list: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'list'
     }), userCssClasses.list),
-    item: (0, _classnames.default)(suit({
+    item: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item'
     }), userCssClasses.item),
-    label: (0, _classnames.default)(suit({
+    label: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'label'
     }), userCssClasses.label),
-    category: (0, _classnames.default)(suit({
+    category: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'category'
     }), userCssClasses.category),
-    categoryLabel: (0, _classnames.default)(suit({
+    categoryLabel: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'categoryLabel'
     }), userCssClasses.categoryLabel),
-    delete: (0, _classnames.default)(suit({
+    delete: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'delete'
     }), userCssClasses.delete)
   };

package/cjs/widgets/geo-search/geo-search.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _preact = require("preact");
 
@@ -102,35 +102,35 @@ var geoSearch = function geoSearch(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
     // Required only to mount / unmount the Preact tree
     tree: suit({
       descendantName: 'tree'
     }),
-    map: (0, _classnames.default)(suit({
+    map: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'map'
     }), userCssClasses.map),
-    control: (0, _classnames.default)(suit({
+    control: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'control'
     }), userCssClasses.control),
-    label: (0, _classnames.default)(suit({
+    label: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'label'
     }), userCssClasses.label),
-    selectedLabel: (0, _classnames.default)(suit({
+    selectedLabel: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'label',
       modifierName: 'selected'
     }), userCssClasses.selectedLabel),
-    input: (0, _classnames.default)(suit({
+    input: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'input'
     }), userCssClasses.input),
-    redo: (0, _classnames.default)(suit({
+    redo: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'redo'
     }), userCssClasses.redo),
-    disabledRedo: (0, _classnames.default)(suit({
+    disabledRedo: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'redo',
       modifierName: 'disabled'
     }), userCssClasses.disabledRedo),
-    reset: (0, _classnames.default)(suit({
+    reset: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'reset'
     }), userCssClasses.reset)
   };
@@ -163,7 +163,7 @@ var geoSearch = function geoSearch(widgetParams) {
     return new HTMLMarker(_objectSpread(_objectSpread(_objectSpread({}, customHTMLMarker.createOptions(item)), rest), {}, {
       __id: item.objectID,
       position: item._geoloc,
-      className: (0, _classnames.default)(suit({
+      className: (0, _uiComponentsShared.cx)(suit({
         descendantName: 'marker'
       })),
       template: (0, _index2.renderTemplate)({

package/cjs/widgets/hierarchical-menu/defaultTemplates.js

@@ -9,7 +9,7 @@ var _preact = require("preact");
 
 var _formatNumber = require("../../lib/formatNumber.js");
 
-var _index = require("../../lib/utils/index.js");
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var defaultTemplates = {
   item: function item(_ref) {
@@ -19,12 +19,12 @@ var defaultTemplates = {
         cssClasses = _ref.cssClasses,
         isRefined = _ref.isRefined;
     return (0, _preact.h)("a", {
-      className: (0, _index.cx)([(0, _index.cx)(cssClasses.link), (0, _index.cx)(isRefined ? cssClasses.selectedItemLink : undefined)]),
+      className: (0, _uiComponentsShared.cx)((0, _uiComponentsShared.cx)(cssClasses.link), (0, _uiComponentsShared.cx)(isRefined ? cssClasses.selectedItemLink : undefined)),
       href: url
     }, (0, _preact.h)("span", {
-      className: (0, _index.cx)(cssClasses.label)
+      className: (0, _uiComponentsShared.cx)(cssClasses.label)
     }, label), (0, _preact.h)("span", {
-      className: (0, _index.cx)(cssClasses.count)
+      className: (0, _uiComponentsShared.cx)(cssClasses.count)
     }, (0, _formatNumber.formatNumber)(count)));
   },
   showMoreText: function showMoreText(_ref2) {

package/cjs/widgets/hierarchical-menu/hierarchical-menu.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _preact = require("preact");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _RefinementList = _interopRequireDefault(require("../../components/RefinementList/RefinementList.js"));
 
@@ -148,45 +148,45 @@ var hierarchicalMenu = function hierarchicalMenu(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
-    noRefinementRoot: (0, _classnames.default)(suit({
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    noRefinementRoot: (0, _uiComponentsShared.cx)(suit({
       modifierName: 'noRefinement'
     }), userCssClasses.noRefinementRoot),
-    list: (0, _classnames.default)(suit({
+    list: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'list'
     }), userCssClasses.list),
-    childList: (0, _classnames.default)(suit({
+    childList: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'list',
       modifierName: 'child'
     }), userCssClasses.childList),
-    item: (0, _classnames.default)(suit({
+    item: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item'
     }), userCssClasses.item),
-    selectedItem: (0, _classnames.default)(suit({
+    selectedItem: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item',
       modifierName: 'selected'
     }), userCssClasses.selectedItem),
-    parentItem: (0, _classnames.default)(suit({
+    parentItem: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item',
       modifierName: 'parent'
     }), userCssClasses.parentItem),
-    link: (0, _classnames.default)(suit({
+    link: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'link'
     }), userCssClasses.link),
-    selectedItemLink: (0, _classnames.default)(suit({
+    selectedItemLink: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'link',
       modifierName: 'selected'
     }), userCssClasses.selectedItemLink),
-    label: (0, _classnames.default)(suit({
+    label: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'label'
     }), userCssClasses.label),
-    count: (0, _classnames.default)(suit({
+    count: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'count'
     }), userCssClasses.count),
-    showMore: (0, _classnames.default)(suit({
+    showMore: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'showMore'
     }), userCssClasses.showMore),
-    disabledShowMore: (0, _classnames.default)(suit({
+    disabledShowMore: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'showMore',
       modifierName: 'disabled'
     }), userCssClasses.disabledShowMore)

package/cjs/widgets/hits/hits.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _preact = require("preact");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _connectHits = _interopRequireDefault(require("../../connectors/hits/connectHits.js"));
 
@@ -88,14 +88,14 @@ var hits = function hits(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
-    emptyRoot: (0, _classnames.default)(suit({
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    emptyRoot: (0, _uiComponentsShared.cx)(suit({
       modifierName: 'empty'
     }), userCssClasses.emptyRoot),
-    list: (0, _classnames.default)(suit({
+    list: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'list'
     }), userCssClasses.list),
-    item: (0, _classnames.default)(suit({
+    item: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item'
     }), userCssClasses.item)
   };

package/cjs/widgets/hits-per-page/hits-per-page.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _preact = require("preact");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _Selector = _interopRequireDefault(require("../../components/Selector/Selector.js"));
 
@@ -69,11 +69,11 @@ var hitsPerPage = function hitsPerPage(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
-    select: (0, _classnames.default)(suit({
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    select: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'select'
     }), userCssClasses.select),
-    option: (0, _classnames.default)(suit({
+    option: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'option'
     }), userCssClasses.option)
   };

package/cjs/widgets/infinite-hits/infinite-hits.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _preact = require("preact");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _InfiniteHits = _interopRequireDefault(require("../../components/InfiniteHits/InfiniteHits.js"));
 
@@ -100,27 +100,27 @@ var infiniteHits = function infiniteHits(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
-    emptyRoot: (0, _classnames.default)(suit({
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    emptyRoot: (0, _uiComponentsShared.cx)(suit({
       modifierName: 'empty'
     }), userCssClasses.emptyRoot),
-    item: (0, _classnames.default)(suit({
+    item: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item'
     }), userCssClasses.item),
-    list: (0, _classnames.default)(suit({
+    list: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'list'
     }), userCssClasses.list),
-    loadPrevious: (0, _classnames.default)(suit({
+    loadPrevious: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'loadPrevious'
     }), userCssClasses.loadPrevious),
-    disabledLoadPrevious: (0, _classnames.default)(suit({
+    disabledLoadPrevious: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'loadPrevious',
       modifierName: 'disabled'
     }), userCssClasses.disabledLoadPrevious),
-    loadMore: (0, _classnames.default)(suit({
+    loadMore: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'loadMore'
     }), userCssClasses.loadMore),
-    disabledLoadMore: (0, _classnames.default)(suit({
+    disabledLoadMore: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'loadMore',
       modifierName: 'disabled'
     }), userCssClasses.disabledLoadMore)

package/cjs/widgets/menu/defaultTemplates.js

@@ -9,7 +9,7 @@ var _preact = require("preact");
 
 var _formatNumber = require("../../lib/formatNumber.js");
 
-var _index = require("../../lib/utils/index.js");
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var defaultTemplates = {
   item: function item(_ref) {
@@ -18,12 +18,12 @@ var defaultTemplates = {
         label = _ref.label,
         count = _ref.count;
     return (0, _preact.h)("a", {
-      className: (0, _index.cx)(cssClasses.link),
+      className: (0, _uiComponentsShared.cx)(cssClasses.link),
       href: url
     }, (0, _preact.h)("span", {
-      className: (0, _index.cx)(cssClasses.label)
+      className: (0, _uiComponentsShared.cx)(cssClasses.label)
     }, label), (0, _preact.h)("span", {
-      className: (0, _index.cx)(cssClasses.count)
+      className: (0, _uiComponentsShared.cx)(cssClasses.count)
     }, (0, _formatNumber.formatNumber)(count)));
   },
   showMoreText: function showMoreText(_ref2) {

package/cjs/widgets/menu/menu.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _preact = require("preact");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _RefinementList = _interopRequireDefault(require("../../components/RefinementList/RefinementList.js"));
 
@@ -97,33 +97,33 @@ var menu = function menu(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
-    noRefinementRoot: (0, _classnames.default)(suit({
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    noRefinementRoot: (0, _uiComponentsShared.cx)(suit({
       modifierName: 'noRefinement'
     }), userCssClasses.noRefinementRoot),
-    list: (0, _classnames.default)(suit({
+    list: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'list'
     }), userCssClasses.list),
-    item: (0, _classnames.default)(suit({
+    item: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item'
     }), userCssClasses.item),
-    selectedItem: (0, _classnames.default)(suit({
+    selectedItem: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item',
       modifierName: 'selected'
     }), userCssClasses.selectedItem),
-    link: (0, _classnames.default)(suit({
+    link: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'link'
     }), userCssClasses.link),
-    label: (0, _classnames.default)(suit({
+    label: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'label'
     }), userCssClasses.label),
-    count: (0, _classnames.default)(suit({
+    count: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'count'
     }), userCssClasses.count),
-    showMore: (0, _classnames.default)(suit({
+    showMore: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'showMore'
     }), userCssClasses.showMore),
-    disabledShowMore: (0, _classnames.default)(suit({
+    disabledShowMore: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'showMore',
       modifierName: 'disabled'
     }), userCssClasses.disabledShowMore)

package/cjs/widgets/menu-select/menu-select.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _preact = require("preact");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _connectMenu = _interopRequireDefault(require("../../connectors/menu/connectMenu.js"));
 
@@ -82,14 +82,14 @@ var menuSelect = function menuSelect(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
-    noRefinementRoot: (0, _classnames.default)(suit({
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    noRefinementRoot: (0, _uiComponentsShared.cx)(suit({
       modifierName: 'noRefinement'
     }), userCssClasses.noRefinementRoot),
-    select: (0, _classnames.default)(suit({
+    select: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'select'
     }), userCssClasses.select),
-    option: (0, _classnames.default)(suit({
+    option: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'option'
     }), userCssClasses.option)
   };

package/cjs/widgets/numeric-menu/numeric-menu.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _preact = require("preact");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _RefinementList = _interopRequireDefault(require("../../components/RefinementList/RefinementList.js"));
 
@@ -83,27 +83,27 @@ var numericMenu = function numericMenu(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
-    noRefinementRoot: (0, _classnames.default)(suit({
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    noRefinementRoot: (0, _uiComponentsShared.cx)(suit({
       modifierName: 'noRefinement'
     }), userCssClasses.noRefinementRoot),
-    list: (0, _classnames.default)(suit({
+    list: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'list'
     }), userCssClasses.list),
-    item: (0, _classnames.default)(suit({
+    item: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item'
     }), userCssClasses.item),
-    selectedItem: (0, _classnames.default)(suit({
+    selectedItem: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item',
       modifierName: 'selected'
     }), userCssClasses.selectedItem),
-    label: (0, _classnames.default)(suit({
+    label: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'label'
     }), userCssClasses.label),
-    radio: (0, _classnames.default)(suit({
+    radio: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'radio'
     }), userCssClasses.radio),
-    labelText: (0, _classnames.default)(suit({
+    labelText: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'labelText'
     }), userCssClasses.labelText)
   };

package/cjs/widgets/pagination/pagination.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _preact = require("preact");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _Pagination = _interopRequireDefault(require("../../components/Pagination/Pagination.js"));
 
@@ -109,45 +109,45 @@ var pagination = function pagination(widgetParams) {
   var scrollTo = userScrollTo === true ? 'body' : userScrollTo;
   var scrollToNode = scrollTo !== false ? (0, _index.getContainerNode)(scrollTo) : false;
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
-    noRefinementRoot: (0, _classnames.default)(suit({
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    noRefinementRoot: (0, _uiComponentsShared.cx)(suit({
       modifierName: 'noRefinement'
     }), userCssClasses.noRefinementRoot),
-    list: (0, _classnames.default)(suit({
+    list: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'list'
     }), userCssClasses.list),
-    item: (0, _classnames.default)(suit({
+    item: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item'
     }), userCssClasses.item),
-    firstPageItem: (0, _classnames.default)(suit({
+    firstPageItem: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item',
       modifierName: 'firstPage'
     }), userCssClasses.firstPageItem),
-    lastPageItem: (0, _classnames.default)(suit({
+    lastPageItem: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item',
       modifierName: 'lastPage'
     }), userCssClasses.lastPageItem),
-    previousPageItem: (0, _classnames.default)(suit({
+    previousPageItem: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item',
       modifierName: 'previousPage'
     }), userCssClasses.previousPageItem),
-    nextPageItem: (0, _classnames.default)(suit({
+    nextPageItem: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item',
       modifierName: 'nextPage'
     }), userCssClasses.nextPageItem),
-    pageItem: (0, _classnames.default)(suit({
+    pageItem: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item',
       modifierName: 'page'
     }), userCssClasses.pageItem),
-    selectedItem: (0, _classnames.default)(suit({
+    selectedItem: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item',
       modifierName: 'selected'
     }), userCssClasses.selectedItem),
-    disabledItem: (0, _classnames.default)(suit({
+    disabledItem: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'item',
       modifierName: 'disabled'
     }), userCssClasses.disabledItem),
-    link: (0, _classnames.default)(suit({
+    link: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'link'
     }), userCssClasses.link)
   };

package/cjs/widgets/panel/panel.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _preact = require("preact");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _index = require("../../lib/utils/index.js");
 
@@ -74,29 +74,29 @@ var panel = function panel(panelWidgetParams) {
     return false;
   };
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
-    noRefinementRoot: (0, _classnames.default)(suit({
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    noRefinementRoot: (0, _uiComponentsShared.cx)(suit({
       modifierName: 'noRefinement'
     }), userCssClasses.noRefinementRoot),
-    collapsibleRoot: (0, _classnames.default)(suit({
+    collapsibleRoot: (0, _uiComponentsShared.cx)(suit({
       modifierName: 'collapsible'
     }), userCssClasses.collapsibleRoot),
-    collapsedRoot: (0, _classnames.default)(suit({
+    collapsedRoot: (0, _uiComponentsShared.cx)(suit({
       modifierName: 'collapsed'
     }), userCssClasses.collapsedRoot),
-    collapseButton: (0, _classnames.default)(suit({
+    collapseButton: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'collapseButton'
     }), userCssClasses.collapseButton),
-    collapseIcon: (0, _classnames.default)(suit({
+    collapseIcon: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'collapseIcon'
     }), userCssClasses.collapseIcon),
-    body: (0, _classnames.default)(suit({
+    body: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'body'
     }), userCssClasses.body),
-    header: (0, _classnames.default)(suit({
+    header: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'header'
     }), userCssClasses.header),
-    footer: (0, _classnames.default)(suit({
+    footer: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'footer'
     }), userCssClasses.footer)
   };