@wix/patterns 1.407.0 → 1.408.0

package/src/components/EditableTable/cellTypes/time/View.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TimeView as FieldsTimeView, type Time } from '@wix/patterns-fields';
+import type { CellViewProps } from '../../types';
+import { CellViewLayout } from '../CellViewLayout';
+
+export const TimeView: React.FC<CellViewProps<Time | null>> = ({ value }) => (
+  <CellViewLayout>
+    <FieldsTimeView data={value ?? undefined} dataHook="time-view" />
+  </CellViewLayout>
+);

package/src/components/EditableTable/cellTypes/time/View.uni.driver.ts

@@ -0,0 +1,9 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+
+export function TimeViewUniDriver(base: UniDriver, _body: UniDriver) {
+  return {
+    ...baseUniDriverFactory(base),
+    getFormattedTime: () => base.text(),
+  };
+}

package/src/components/EditableTable/cellTypes/time/index.ts

@@ -0,0 +1,45 @@
+import type { Time } from '@wix/patterns-fields';
+import { defineCellType } from '../../types';
+import { TimeView } from './View';
+import { TimeEdit } from './Edit';
+
+export { TimeView, TimeEdit };
+
+// Accepts `hh:mm`, `hh:mm:ss`, or `hh:mm:ss.SSS`. The Time type round-trips
+// through `timeToDate`/`dateToTime` (which always emits the full form), so
+// stored values are typically `hh:mm:ss.SSS` after the first edit.
+const TIME_REGEXP =
+  /^([01]?[0-9]|2[0-3]):[0-5][0-9](:[0-5][0-9](\.[0-9]{1,3})?)?$/;
+
+export const timeCellType = defineCellType<Time | null>({
+  type: 'time',
+  ViewComponent: TimeView,
+  EditComponent: TimeEdit,
+  // Time strings are timezone-neutral — pass through as-is for clipboard TSV.
+  serialize: (value) => value ?? '',
+  deserialize: (raw) => {
+    if (!raw) {
+      return null;
+    }
+    if (!TIME_REGEXP.test(raw)) {
+      throw new Error(
+        `Invalid time value: "${raw}" (expected hh:mm[:ss[.SSS]])`,
+      );
+    }
+    return raw;
+  },
+  validate: (value) => {
+    if (!value) {
+      return null;
+    }
+    return TIME_REGEXP.test(value) ? null : 'Invalid time';
+  },
+  editable: true,
+  clearable: true,
+  // Clear the committed value when entering edit mode via typing. With
+  // `nativeTypeToEdit`, cairo focuses the WDS input synchronously inside the
+  // keydown handler and lets the browser deliver the typed character to the
+  // now-focused input naturally — no programmatic seeding required.
+  nativeTypeToEdit: true,
+  onTypeToEdit: () => ({ value: null }),
+});

package/src/components/EditableTable/cellTypes/url/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2323644004";
+var _namespace_ = "Edit863738338";
 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":"Edit2323644004__root","urlInput":"Edit2323644004__urlInput"};
+export var classes = {"root":"Edit863738338__root","urlInput":"Edit863738338__urlInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/url/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View283583614";
+var _namespace_ = "View2180595278";
 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":"View283583614__root","textView":"View283583614__textView","urlText":"View283583614__urlText","suffix":"View283583614__suffix"};
+export var classes = {"root":"View2180595278__root","textView":"View2180595278__textView","urlText":"View2180595278__urlText","suffix":"View2180595278__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/types.ts

@@ -52,7 +52,7 @@ export interface CellEditProps<V> {
  */
 export type CellTypeDefinition<V> = Pick<
   CellType,
-  'editable' | 'clearable' | 'showEditWhenFocused'
+  'editable' | 'clearable' | 'showEditWhenFocused' | 'nativeTypeToEdit'
 > & {
   type: CellType['type'];
   ViewComponent: React.ComponentType<CellViewProps<V>>;

package/src/components/EditableTable/useCellFocusAndEditing.ts

@@ -1,4 +1,5 @@
 import { useEffect, useLayoutEffect, useCallback, useMemo } from 'react';
+import { flushSync } from 'react-dom';
 import type { FiltersMap } from '@wix/bex-core';
 import type { EditableTableState } from '../../state/EditableTable';
 import { Focusable } from './types';
@@ -146,6 +147,27 @@ export function useCellFocusAndEditing<T, F extends FiltersMap>({
           return;
         }
 
+        if (resolved.nativeTypeToEdit) {
+          // Synchronously enter edit mode and focus the input within the same
+          // keydown event. The browser's default action then delivers the
+          // character to the now-focused input — no programmatic seeding.
+          // Mirrors cms-web's `focusOnTyping` pattern (table-cell-wrapper.tsx).
+          flushSync(() => {
+            cellInteraction.startEdit(undefined, undefined, {
+              kind: 'type',
+              key: e.key,
+            });
+            if ('value' in typeResult) {
+              cellInteraction.setEditingValue(typeResult.value);
+            }
+          });
+          editInputRef.current?.focus();
+          e.stopPropagation();
+          // Intentionally no preventDefault — the browser inserts the
+          // character into the now-focused input naturally.
+          return;
+        }
+
         e.preventDefault();
         cellInteraction.startEdit(undefined, undefined, {
           kind: 'type',

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain1101727593";
+var _namespace_ = "EntityPagePlain3656952528";
 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":"EntityPagePlain1101727593__root"};
+export var classes = {"root":"EntityPagePlain3656952528__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_ = "Fade97149163";
+var _namespace_ = "Fade3961537099";
 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":"Fade97149163__root"};
+export var classes = {"root":"Fade3961537099__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_ = "Heading4054149190";
+var _namespace_ = "Heading3542313235";
 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":"Heading4054149190__root"};
+export var classes = {"root":"Heading3542313235__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_ = "ImportStepUpload406100697";
+var _namespace_ = "ImportStepUpload40400209";
 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":"ImportStepUpload406100697__root","fileUpload":"ImportStepUpload406100697__fileUpload"};
+export var classes = {"root":"ImportStepUpload40400209__root","fileUpload":"ImportStepUpload40400209__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_ = "InputOverflow1320026071";
+var _namespace_ = "InputOverflow2667912006";
 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":"InputOverflow1320026071__root"};
+export var classes = {"root":"InputOverflow2667912006__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_ = "LoadingRow1508922526";
+var _namespace_ = "LoadingRow2299462299";
 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":"LoadingRow1508922526__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow1508922526__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow2299462299__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow2299462299__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_ = "MaxHeightText2585741034";
+var _namespace_ = "MaxHeightText4266681468";
 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":"MaxHeightText2585741034__root"};
+export var classes = {"root":"MaxHeightText4266681468__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_ = "MaxLines2916279677";
+var _namespace_ = "MaxLines2536498563";
 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":"MaxLines2916279677__root"};
+export var classes = {"root":"MaxLines2536498563__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_ = "MultiBulkActionToolbar945964";
+var _namespace_ = "MultiBulkActionToolbar1842624089";
 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":"MultiBulkActionToolbar945964__root","leftGroupWrapper":"MultiBulkActionToolbar945964__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar945964__selectedCountItem","selectedCountText":"MultiBulkActionToolbar945964__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar1842624089__root","leftGroupWrapper":"MultiBulkActionToolbar1842624089__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1842624089__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1842624089__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_ = "NestedTablePlaceholderStatesRow350372232";
+var _namespace_ = "NestedTablePlaceholderStatesRow200854069";
 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":"NestedTablePlaceholderStatesRow350372232__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow200854069__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_ = "NestedTableRow933144787";
+var _namespace_ = "NestedTableRow2714050317";
 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":"NestedTableRow933144787__root","firstLevel":"NestedTableRow933144787__firstLevel","placeholder":"NestedTableRow933144787__placeholder","parentHovered":"NestedTableRow933144787__parentHovered"};
+export var classes = {"root":"NestedTableRow2714050317__root","firstLevel":"NestedTableRow2714050317__firstLevel","placeholder":"NestedTableRow2714050317__placeholder","parentHovered":"NestedTableRow2714050317__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_ = "MultipleDragOverlayEffect2356101716";
+var _namespace_ = "MultipleDragOverlayEffect208859077";
 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":"MultipleDragOverlayEffect2356101716__root"};
+export var classes = {"root":"MultipleDragOverlayEffect208859077__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_ = "NestedTableDragAndDropRow766116763";
+var _namespace_ = "NestedTableDragAndDropRow1996746814";
 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":"NestedTableDragAndDropRow766116763__root"};
+export var classes = {"root":"NestedTableDragAndDropRow1996746814__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_ = "PickerContent166815625";
+var _namespace_ = "PickerContent261702830";
 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":"PickerContent166815625__root"};
+export var classes = {"root":"PickerContent261702830__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_ = "PickerContentAdditionalStep2241802214";
+var _namespace_ = "PickerContentAdditionalStep4247430293";
 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":"PickerContentAdditionalStep2241802214__root","titles":"PickerContentAdditionalStep2241802214__titles","suffix":"PickerContentAdditionalStep2241802214__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep4247430293__root","titles":"PickerContentAdditionalStep4247430293__titles","suffix":"PickerContentAdditionalStep4247430293__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerContent/SelectAllCheckbox.tsx

@@ -17,7 +17,7 @@ function _SelectAllCheckbox<T, F extends FiltersMap>(
     picker: {
       collection: {
         result: { isEmptyAndNotFetching },
-        query: { hasActiveFilters },
+        query: { hasActiveFilters, limit },
         bulkSelect: {
           selectedCountOrTotal,
           select: { isNotEmptyEnabledItems: hasEnabledCheckedItems },
@@ -35,19 +35,17 @@ function _SelectAllCheckbox<T, F extends FiltersMap>(
     <Checkbox
       dataHook="picker-select-all-checkbox"
       checked={allSelected}
-      disabled={hasActiveFilters || isEmptyAndNotFetching}
+      disabled={isEmptyAndNotFetching || (hasActiveFilters && total > limit)}
       onChange={toggleIsSelectAll}
       indeterminate={hasEnabledCheckedItems && (!allSelected || hasUnchecked)}
     >
       {hasEnabledCheckedItems ? (
         <>
-          {t('cairo.deselectAll')}
-          {!hasActiveFilters && <> ({selectedCountOrTotal})</>}
+          {t('cairo.deselectAll')} ({selectedCountOrTotal})
         </>
       ) : (
         <>
-          {t('cairo.selectAll')}
-          {!hasActiveFilters && <> ({total})</>}
+          {t('cairo.selectAll')} ({total})
         </>
       )}
     </Checkbox>

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerTableListItem187048861";
+var _namespace_ = "PickerTableListItem4219872913";
 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":"PickerTableListItem187048861__root"};
+export var classes = {"root":"PickerTableListItem4219872913__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_ = "ScrollableContent2216011140";
+var _namespace_ = "ScrollableContent3411013374";
 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":"ScrollableContent2216011140__root"};
+export var classes = {"root":"ScrollableContent3411013374__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_ = "SkeletonCard2920634239";
+var _namespace_ = "SkeletonCard2405288583";
 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":"SkeletonCard2920634239__root","headerLoading":"SkeletonCard2920634239__headerLoading"};
+export var classes = {"root":"SkeletonCard2405288583__root","headerLoading":"SkeletonCard2405288583__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_ = "SlidingModal506629060";
+var _namespace_ = "SlidingModal82913432";
 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":"SlidingModal506629060__root"};
+export var classes = {"root":"SlidingModal82913432__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter818514116";
+var _namespace_ = "TabsFilter930975424";
 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":"TabsFilter818514116__root","title":"TabsFilter818514116__title"};
+export var classes = {"root":"TabsFilter930975424__root","title":"TabsFilter930975424__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_ = "ManageTagsModal1815513124";
+var _namespace_ = "ManageTagsModal416008325";
 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":"ManageTagsModal1815513124__root"};
+export var classes = {"root":"ManageTagsModal416008325__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_ = "ToolbarItem1802518651";
+var _namespace_ = "ToolbarItem405484805";
 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":"ToolbarItem1802518651__root"};
+export var classes = {"root":"ToolbarItem405484805__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_ = "ToolbarItemBox3235981517";
+var _namespace_ = "ToolbarItemBox3042868621";
 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":"ToolbarItemBox3235981517__root"};
+export var classes = {"root":"ToolbarItemBox3042868621__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_ = "common2262432115";
+var _namespace_ = "common1090625813";
 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":"common2262432115__root","column":"common2262432115__column","fullHeight":"common2262432115__fullHeight"};
+export var classes = {"root":"common1090625813__root","column":"common1090625813__column","fullHeight":"common1090625813__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};