instantsearch.js 4.48.0 → 4.49.0

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)
   };

package/cjs/widgets/powered-by/powered-by.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 _PoweredBy = _interopRequireDefault(require("../../components/PoweredBy/PoweredBy.js"));
 
@@ -64,13 +64,13 @@ var poweredBy = function poweredBy(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), suit({
+    root: (0, _uiComponentsShared.cx)(suit(), suit({
       modifierName: theme === 'dark' ? 'dark' : 'light'
     }), userCssClasses.root),
-    link: (0, _classnames.default)(suit({
+    link: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'link'
     }), userCssClasses.link),
-    logo: (0, _classnames.default)(suit({
+    logo: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'logo'
     }), userCssClasses.logo)
   };

package/cjs/widgets/query-rule-custom-data/query-rule-custom-data.js

@@ -7,7 +7,7 @@ exports.default = exports.defaultTemplates = 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");
 
@@ -68,7 +68,7 @@ var queryRuleCustomData = function queryRuleCustomData(widgetParams) {
   }
 
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root)
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root)
   };
   var containerNode = (0, _index.getContainerNode)(container);
 

package/cjs/widgets/range-input/range-input.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 _RangeInput = _interopRequireDefault(require("../../components/RangeInput/RangeInput.js"));
 
@@ -116,31 +116,31 @@ var rangeInput = function rangeInput(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
-    noRefinement: (0, _classnames.default)(suit({
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    noRefinement: (0, _uiComponentsShared.cx)(suit({
       modifierName: 'noRefinement'
     })),
-    form: (0, _classnames.default)(suit({
+    form: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'form'
     }), userCssClasses.form),
-    label: (0, _classnames.default)(suit({
+    label: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'label'
     }), userCssClasses.label),
-    input: (0, _classnames.default)(suit({
+    input: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'input'
     }), userCssClasses.input),
-    inputMin: (0, _classnames.default)(suit({
+    inputMin: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'input',
       modifierName: 'min'
     }), userCssClasses.inputMin),
-    inputMax: (0, _classnames.default)(suit({
+    inputMax: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'input',
       modifierName: 'max'
     }), userCssClasses.inputMax),
-    separator: (0, _classnames.default)(suit({
+    separator: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'separator'
     }), userCssClasses.separator),
-    submit: (0, _classnames.default)(suit({
+    submit: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'submit'
     }), userCssClasses.submit)
   };

package/cjs/widgets/range-slider/range-slider.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 _Slider = _interopRequireDefault(require("../../components/Slider/Slider.js"));
 
@@ -117,8 +117,8 @@ var rangeSlider = function rangeSlider(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
-    disabledRoot: (0, _classnames.default)(suit({
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    disabledRoot: (0, _uiComponentsShared.cx)(suit({
       modifierName: 'disabled'
     }), userCssClasses.disabledRoot)
   };

package/cjs/widgets/rating-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");
 
 function ItemWrapper(_ref) {
   var children = _ref.children,
@@ -20,14 +20,14 @@ function ItemWrapper(_ref) {
 
   if (count) {
     return (0, _preact.h)("a", {
-      className: (0, _index.cx)(cssClasses.link),
+      className: (0, _uiComponentsShared.cx)(cssClasses.link),
       "aria-label": "".concat(value, " & up"),
       href: url
     }, children);
   }
 
   return (0, _preact.h)("div", {
-    className: (0, _index.cx)(cssClasses.link),
+    className: (0, _uiComponentsShared.cx)(cssClasses.link),
     "aria-label": "".concat(value, " & up"),
     disabled: true
   }, children);
@@ -48,7 +48,7 @@ var defaultTemplates = {
     }, stars.map(function (isFull, index) {
       return (0, _preact.h)("svg", {
         key: index,
-        className: (0, _index.cx)([(0, _index.cx)(cssClasses.starIcon), (0, _index.cx)(isFull ? cssClasses.fullStarIcon : cssClasses.emptyStarIcon)]),
+        className: (0, _uiComponentsShared.cx)(cssClasses.starIcon, isFull ? cssClasses.fullStarIcon : cssClasses.emptyStarIcon),
         "aria-hidden": "true",
         width: "24",
         height: "24"
@@ -56,9 +56,9 @@ var defaultTemplates = {
         xlinkHref: isFull ? '#ais-RatingMenu-starSymbol' : '#ais-RatingMenu-starEmptySymbol'
       }));
     }), (0, _preact.h)("span", {
-      className: (0, _index.cx)(cssClasses.label)
+      className: (0, _uiComponentsShared.cx)(cssClasses.label)
     }, "& Up"), count && (0, _preact.h)("span", {
-      className: (0, _index.cx)(cssClasses.count)
+      className: (0, _uiComponentsShared.cx)(cssClasses.count)
     }, (0, _formatNumber.formatNumber)(count)));
   }
 };

package/cjs/widgets/rating-menu/rating-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"));
 
@@ -128,42 +128,42 @@ var ratingMenu = function ratingMenu(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),
-    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),
-    starIcon: (0, _classnames.default)(suit({
+    starIcon: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'starIcon'
     }), userCssClasses.starIcon),
-    fullStarIcon: (0, _classnames.default)(suit({
+    fullStarIcon: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'starIcon',
       modifierName: 'full'
     }), userCssClasses.fullStarIcon),
-    emptyStarIcon: (0, _classnames.default)(suit({
+    emptyStarIcon: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'starIcon',
       modifierName: 'empty'
     }), userCssClasses.emptyStarIcon),
-    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)
   };

package/cjs/widgets/refinement-list/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) {
@@ -20,19 +20,19 @@ var defaultTemplates = {
         isRefined = _ref.isRefined,
         isFromSearch = _ref.isFromSearch;
     return (0, _preact.h)("label", {
-      className: (0, _index.cx)(cssClasses.label)
+      className: (0, _uiComponentsShared.cx)(cssClasses.label)
     }, (0, _preact.h)("input", {
       type: "checkbox",
-      className: (0, _index.cx)(cssClasses.checkbox),
+      className: (0, _uiComponentsShared.cx)(cssClasses.checkbox),
       value: value,
       defaultChecked: isRefined
     }), (0, _preact.h)("span", {
-      className: (0, _index.cx)(cssClasses.labelText),
+      className: (0, _uiComponentsShared.cx)(cssClasses.labelText),
       dangerouslySetInnerHTML: isFromSearch ? {
         __html: highlighted
       } : undefined
     }, !isFromSearch && highlighted), (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/refinement-list/refinement-list.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"));
 
@@ -142,69 +142,69 @@ var refinementList = function refinementList(widgetParams) {
   var escapeFacetValues = searchable ? Boolean(searchableEscapeFacetValues) : false;
   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),
-    searchBox: (0, _classnames.default)(suit({
+    searchBox: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'searchBox'
     }), userCssClasses.searchBox),
-    label: (0, _classnames.default)(suit({
+    label: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'label'
     }), userCssClasses.label),
-    checkbox: (0, _classnames.default)(suit({
+    checkbox: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'checkbox'
     }), userCssClasses.checkbox),
-    labelText: (0, _classnames.default)(suit({
+    labelText: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'labelText'
     }), userCssClasses.labelText),
-    count: (0, _classnames.default)(suit({
+    count: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'count'
     }), userCssClasses.count),
-    noResults: (0, _classnames.default)(suit({
+    noResults: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'noResults'
     }), userCssClasses.noResults),
-    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),
     searchable: {
-      root: (0, _classnames.default)(searchBoxSuit(), userCssClasses.searchableRoot),
-      form: (0, _classnames.default)(searchBoxSuit({
+      root: (0, _uiComponentsShared.cx)(searchBoxSuit(), userCssClasses.searchableRoot),
+      form: (0, _uiComponentsShared.cx)(searchBoxSuit({
         descendantName: 'form'
       }), userCssClasses.searchableForm),
-      input: (0, _classnames.default)(searchBoxSuit({
+      input: (0, _uiComponentsShared.cx)(searchBoxSuit({
         descendantName: 'input'
       }), userCssClasses.searchableInput),
-      submit: (0, _classnames.default)(searchBoxSuit({
+      submit: (0, _uiComponentsShared.cx)(searchBoxSuit({
         descendantName: 'submit'
       }), userCssClasses.searchableSubmit),
-      submitIcon: (0, _classnames.default)(searchBoxSuit({
+      submitIcon: (0, _uiComponentsShared.cx)(searchBoxSuit({
         descendantName: 'submitIcon'
       }), userCssClasses.searchableSubmitIcon),
-      reset: (0, _classnames.default)(searchBoxSuit({
+      reset: (0, _uiComponentsShared.cx)(searchBoxSuit({
         descendantName: 'reset'
       }), userCssClasses.searchableReset),
-      resetIcon: (0, _classnames.default)(searchBoxSuit({
+      resetIcon: (0, _uiComponentsShared.cx)(searchBoxSuit({
         descendantName: 'resetIcon'
       }), userCssClasses.searchableResetIcon),
-      loadingIndicator: (0, _classnames.default)(searchBoxSuit({
+      loadingIndicator: (0, _uiComponentsShared.cx)(searchBoxSuit({
         descendantName: 'loadingIndicator'
       }), userCssClasses.searchableLoadingIndicator),
-      loadingIcon: (0, _classnames.default)(searchBoxSuit({
+      loadingIcon: (0, _uiComponentsShared.cx)(searchBoxSuit({
         descendantName: 'loadingIcon'
       }), userCssClasses.searchableLoadingIcon)
     }

package/cjs/widgets/relevant-sort/relevant-sort.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");
 
@@ -63,11 +63,11 @@ var relevantSort = function relevantSort(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
-    text: (0, _classnames.default)(suit({
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    text: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'text'
     }), userCssClasses.text),
-    button: (0, _classnames.default)(suit({
+    button: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'button'
     }), userCssClasses.button)
   };

package/cjs/widgets/search-box/search-box.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");
 
@@ -98,29 +98,29 @@ var searchBox = function searchBox(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
-    form: (0, _classnames.default)(suit({
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    form: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'form'
     }), userCssClasses.form),
-    input: (0, _classnames.default)(suit({
+    input: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'input'
     }), userCssClasses.input),
-    submit: (0, _classnames.default)(suit({
+    submit: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'submit'
     }), userCssClasses.submit),
-    submitIcon: (0, _classnames.default)(suit({
+    submitIcon: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'submitIcon'
     }), userCssClasses.submitIcon),
-    reset: (0, _classnames.default)(suit({
+    reset: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'reset'
     }), userCssClasses.reset),
-    resetIcon: (0, _classnames.default)(suit({
+    resetIcon: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'resetIcon'
     }), userCssClasses.resetIcon),
-    loadingIndicator: (0, _classnames.default)(suit({
+    loadingIndicator: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'loadingIndicator'
     }), userCssClasses.loadingIndicator),
-    loadingIcon: (0, _classnames.default)(suit({
+    loadingIcon: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'loadingIcon'
     }), userCssClasses.loadingIcon)
   };

package/cjs/widgets/sort-by/sort-by.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"));
 
@@ -72,11 +72,11 @@ var sortBy = function sortBy(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/stats/stats.js

@@ -7,7 +7,7 @@ exports.default = exports.defaultTemplates = void 0;
 
 var _preact = require("preact");
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _uiComponentsShared = require("@algolia/ui-components-shared");
 
 var _Stats = _interopRequireDefault(require("../../components/Stats/Stats.js"));
 
@@ -145,8 +145,8 @@ var stats = function stats(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
-    text: (0, _classnames.default)(suit({
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    text: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'text'
     }), userCssClasses.text)
   };

package/cjs/widgets/toggle-refinement/toggle-refinement.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 _ToggleRefinement = _interopRequireDefault(require("../../components/ToggleRefinement/ToggleRefinement.js"));
 
@@ -92,14 +92,14 @@ var toggleRefinement = function toggleRefinement(widgetParams) {
 
   var containerNode = (0, _index.getContainerNode)(container);
   var cssClasses = {
-    root: (0, _classnames.default)(suit(), userCssClasses.root),
-    label: (0, _classnames.default)(suit({
+    root: (0, _uiComponentsShared.cx)(suit(), userCssClasses.root),
+    label: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'label'
     }), userCssClasses.label),
-    checkbox: (0, _classnames.default)(suit({
+    checkbox: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'checkbox'
     }), userCssClasses.checkbox),
-    labelText: (0, _classnames.default)(suit({
+    labelText: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'labelText'
     }), userCssClasses.labelText)
   };

package/cjs/widgets/voice-search/voice-search.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");
 
@@ -71,11 +71,11 @@ var voiceSearch = function voiceSearch(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),
-    status: (0, _classnames.default)(suit({
+    status: (0, _uiComponentsShared.cx)(suit({
       descendantName: 'status'
     }), userCssClasses.status)
   };