@wix/patterns 1.364.0 → 1.366.0

package/src/components/EditableTable/useKeyboardNavigation.ts

@@ -0,0 +1,91 @@
+import { useCallback } from 'react';
+import type { EditableTableState } from '../../state/EditableTable';
+import type { FiltersMap } from '@wix/bex-core';
+
+export function useKeyboardNavigation<T, F extends FiltersMap>(
+  state: EditableTableState<T, F>,
+) {
+  const { cellInteraction, clipboard } = state;
+
+  const onKeyDown = useCallback(
+    (e: React.KeyboardEvent) => {
+      const { focusedCell, isEditing } = cellInteraction;
+      if (!focusedCell) {
+        return;
+      }
+
+      // Don't intercept keys when editing (let the editor handle them)
+      if (isEditing) {
+        if (e.key === 'Escape') {
+          e.preventDefault();
+          cellInteraction.cancelEdit();
+        } else if (e.key === 'Tab') {
+          e.preventDefault();
+          cellInteraction.commitEdit();
+          if (e.shiftKey) {
+            cellInteraction.moveToPreviousCell();
+          } else {
+            cellInteraction.moveToNextCell();
+          }
+        }
+        return;
+      }
+
+      const isCtrlOrCmd = e.ctrlKey || e.metaKey;
+      const extend = e.shiftKey;
+
+      switch (e.key) {
+        case 'ArrowUp':
+          e.preventDefault();
+          cellInteraction.moveFocus('up', extend);
+          break;
+        case 'ArrowDown':
+          e.preventDefault();
+          cellInteraction.moveFocus('down', extend);
+          break;
+        case 'ArrowLeft':
+          e.preventDefault();
+          cellInteraction.moveFocus('left', extend);
+          break;
+        case 'ArrowRight':
+          e.preventDefault();
+          cellInteraction.moveFocus('right', extend);
+          break;
+        case 'Tab':
+          e.preventDefault();
+          if (e.shiftKey) {
+            cellInteraction.moveToPreviousCell();
+          } else {
+            cellInteraction.moveToNextCell();
+          }
+          break;
+        case 'Escape':
+          e.preventDefault();
+          if (clipboard.hasCopiedCells) {
+            clipboard.clear();
+          } else {
+            cellInteraction.clearFocus();
+          }
+          break;
+        case 'Delete':
+        case 'Backspace':
+          e.preventDefault();
+          if (!state.updateItemDisabled) {
+            state.clearCells(cellInteraction.selectedCellsList);
+          }
+          break;
+        case 'a':
+          if (isCtrlOrCmd) {
+            e.preventDefault();
+            cellInteraction.selectAll();
+          }
+          break;
+        default:
+          break;
+      }
+    },
+    [cellInteraction, clipboard, state],
+  );
+
+  return { onKeyDown };
+}

package/src/components/EntityPage/EntityPagePlain.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain2305275193";
+var _namespace_ = "EntityPagePlain1681091989";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"EntityPagePlain2305275193__root"};
+export var classes = {"root":"EntityPagePlain1681091989__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Fade/Fade.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Fade2577267590";
+var _namespace_ = "Fade817618918";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Fade2577267590__root"};
+export var classes = {"root":"Fade817618918__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Heading/Heading.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading774911002";
+var _namespace_ = "Heading2420093600";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Heading774911002__root"};
+export var classes = {"root":"Heading2420093600__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ImportButton/ImportStepUpload.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ImportStepUpload2190126313";
+var _namespace_ = "ImportStepUpload972892750";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ImportStepUpload2190126313__root","fileUpload":"ImportStepUpload2190126313__fileUpload"};
+export var classes = {"root":"ImportStepUpload972892750__root","fileUpload":"ImportStepUpload972892750__fileUpload"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/InputOverflow/InputOverflow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "InputOverflow202707770";
+var _namespace_ = "InputOverflow2859286953";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"InputOverflow202707770__root"};
+export var classes = {"root":"InputOverflow2859286953__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/LoadingRow/LoadingRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow3461175397";
+var _namespace_ = "LoadingRow641118317";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"LoadingRow3461175397__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow3461175397__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow641118317__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow641118317__gradientSwoosh"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

package/src/components/MaxHeightText/MaxHeightText.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxHeightText216893253";
+var _namespace_ = "MaxHeightText222894855";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MaxHeightText216893253__root"};
+export var classes = {"root":"MaxHeightText222894855__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MaxLines/MaxLines.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxLines1284639450";
+var _namespace_ = "MaxLines3413711216";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MaxLines1284639450__root"};
+export var classes = {"root":"MaxLines3413711216__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar791660869";
+var _namespace_ = "MultiBulkActionToolbar2017077380";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MultiBulkActionToolbar791660869__root","leftGroupWrapper":"MultiBulkActionToolbar791660869__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar791660869__selectedCountItem","selectedCountText":"MultiBulkActionToolbar791660869__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar2017077380__root","leftGroupWrapper":"MultiBulkActionToolbar2017077380__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar2017077380__selectedCountItem","selectedCountText":"MultiBulkActionToolbar2017077380__selectedCountText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTablePlaceholderStatesRow2310651378";
+var _namespace_ = "NestedTablePlaceholderStatesRow3998706015";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTablePlaceholderStatesRow2310651378__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow3998706015__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTableRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableRow2704827787";
+var _namespace_ = "NestedTableRow1007766577";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTableRow2704827787__root","firstLevel":"NestedTableRow2704827787__firstLevel","placeholder":"NestedTableRow2704827787__placeholder","parentHovered":"NestedTableRow2704827787__parentHovered"};
+export var classes = {"root":"NestedTableRow1007766577__root","firstLevel":"NestedTableRow1007766577__firstLevel","placeholder":"NestedTableRow1007766577__placeholder","parentHovered":"NestedTableRow1007766577__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultipleDragOverlayEffect1637060963";
+var _namespace_ = "MultipleDragOverlayEffect2755059664";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MultipleDragOverlayEffect1637060963__root"};
+export var classes = {"root":"MultipleDragOverlayEffect2755059664__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableDragAndDropRow11113410";
+var _namespace_ = "NestedTableDragAndDropRow1618883091";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTableDragAndDropRow11113410__root"};
+export var classes = {"root":"NestedTableDragAndDropRow1618883091__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerContent/PickerContent.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent1005862874";
+var _namespace_ = "PickerContent3783271928";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerContent1005862874__root"};
+export var classes = {"root":"PickerContent3783271928__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContentAdditionalStep1256051322";
+var _namespace_ = "PickerContentAdditionalStep769599043";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerContentAdditionalStep1256051322__root","titles":"PickerContentAdditionalStep1256051322__titles","suffix":"PickerContentAdditionalStep1256051322__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep769599043__root","titles":"PickerContentAdditionalStep769599043__titles","suffix":"PickerContentAdditionalStep769599043__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerTableListItem/PickerTableListItem.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerTableListItem1960942270";
+var _namespace_ = "PickerTableListItem1878736355";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerTableListItem1960942270__root"};
+export var classes = {"root":"PickerTableListItem1878736355__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ScrollableContent/ScrollableContent.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ScrollableContent4102213427";
+var _namespace_ = "ScrollableContent3878505752";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ScrollableContent4102213427__root"};
+export var classes = {"root":"ScrollableContent3878505752__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SkeletonCard/SkeletonCard.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard543860056";
+var _namespace_ = "SkeletonCard3453398691";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"SkeletonCard543860056__root","headerLoading":"SkeletonCard543860056__headerLoading"};
+export var classes = {"root":"SkeletonCard3453398691__root","headerLoading":"SkeletonCard3453398691__headerLoading"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SlidingModal/SlidingModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SlidingModal3880889394";
+var _namespace_ = "SlidingModal823534629";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"SlidingModal3880889394__root"};
+export var classes = {"root":"SlidingModal823534629__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Suggestions/Suggestions.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import {
-  CarouselWIP,
-  CarouselWIPProps,
+  Carousel,
+  CarouselProps,
   COLOR_TOKENS,
   Box,
 } from '@wix/design-system';
@@ -13,20 +13,22 @@ import { SuggestionsProps } from './types';
 import { VisibilityTrackedCard } from './VisibilityTrackedCard';
 import { SuggestionsProvider } from './SuggestionsContext';
 
-const defaultCarouselProps: CarouselWIPProps = {
-  hideDots: true,
+const defaultCarouselProps: CarouselProps = {
+  dots: false,
   infinite: false,
-  variableWidth: false,
+  variableWidth: true,
+  slideSpacing: 24,
   controlsPosition: 'overlay',
   showControlsShadow: true,
-  sidesGradientColor: COLOR_TOKENS['--wsr-color-D70'],
+  gradientColor: COLOR_TOKENS['--wsr-color-D70'],
+  gradient: true,
   controlsStartEnd: 'hidden',
 };
 
 interface SuggestionsContainerProps {
   count: number;
   children: React.ReactNode;
-  carouselProps?: CarouselWIPProps;
+  carouselProps?: CarouselProps;
   dataHook: string;
   dataState: 'idle' | 'loading';
   maxInlineItems: number;
@@ -67,13 +69,13 @@ const SuggestionsContainer: React.FC<SuggestionsContainerProps> = ({
 
   return (
     <div data-hook={dataHook}>
-      <CarouselWIP
-        dataHook={`suggestions-carousel-${dataState}`}
+      <Carousel
         {...defaultCarouselProps}
         {...carouselProps}
+        dataHook={`suggestions-carousel-${dataState}`}
       >
         {children}
-      </CarouselWIP>
+      </Carousel>
     </div>
   );
 };

package/src/components/Suggestions/Suggestions.uni.driver.ts

@@ -1,4 +1,4 @@
-import { CarouselWIPUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+import { CarouselUniDriver } from '@wix/design-system/dist/testkit/unidriver';
 import {
   baseUniDriverFactory,
   UniDriver,
@@ -7,11 +7,11 @@ import {
 export const SuggestionsUniDriver = (base: UniDriver, body: UniDriver) => {
   const dataHook = 'suggestions';
 
-  const carouselIdle = CarouselWIPUniDriver(
+  const carouselIdle = CarouselUniDriver(
     base.$(`[data-hook="${dataHook}-carousel-idle"]`),
     body,
   );
-  const carouselLoading = CarouselWIPUniDriver(
+  const carouselLoading = CarouselUniDriver(
     base.$(`[data-hook="${dataHook}-carousel-loading"]`),
     body,
   );

package/src/components/Suggestions/types.ts

@@ -1,4 +1,4 @@
-import { CarouselWIPProps } from '@wix/design-system';
+import { CarouselProps } from '@wix/design-system';
 import { Offer } from '@wix/bex-utils/@wix/ambassador-dealer-v1-serving-offer/types';
 
 // Re-export Offer for external consumers
@@ -35,7 +35,7 @@ export interface SuggestionsProps {
    * Props to pass to the carousel component.
    * @external
    */
-  carouselProps?: CarouselWIPProps;
+  carouselProps?: CarouselProps;
   /**
    * Render function for each offer card. Return `null` to filter out a card.
    * @external

package/src/components/TabsFilter/TabsFilter.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter1147196558";
+var _namespace_ = "TabsFilter4088703764";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"TabsFilter1147196558__root","title":"TabsFilter1147196558__title"};
+export var classes = {"root":"TabsFilter4088703764__root","title":"TabsFilter4088703764__title"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "ManageTagsModal3682471619";
+var _namespace_ = "ManageTagsModal1570584659";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ManageTagsModal3682471619__root"};
+export var classes = {"root":"ManageTagsModal1570584659__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ToolbarItem/ToolbarItem.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItem1139159954";
+var _namespace_ = "ToolbarItem3734550434";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ToolbarItem1139159954__root"};
+export var classes = {"root":"ToolbarItem3734550434__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItemBox20441471";
+var _namespace_ = "ToolbarItemBox1032297372";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ToolbarItemBox20441471__root"};
+export var classes = {"root":"ToolbarItemBox1032297372__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/common.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "common909002123";
+var _namespace_ = "common2705747369";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"common909002123__root","column":"common909002123__column","fullHeight":"common909002123__fullHeight"};
+export var classes = {"root":"common2705747369__root","column":"common2705747369__column","fullHeight":"common2705747369__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};