@wix/patterns 1.497.0 → 1.499.0

package/src/components/EntityPageFields/EntityPageReferenceValue.tsx

@@ -1,9 +1,11 @@
-import React from 'react';
+import React, { useState } from 'react';
 import type { Field } from '@wix/bex-core';
 import {
   CellMultiReferenceView,
   CellReferenceView,
 } from '@wix/patterns-fields';
+import type { CellMultiReferenceItem } from '@wix/patterns-fields';
+import { classes } from './EntityPageReferenceValue.st.css.js';
 import { imageFieldOf, useReferencedSchema } from './useReferencedSchema';
 
 export interface EntityPageReferenceValueProps {
@@ -45,11 +47,7 @@ export function EntityPageReferenceValue({
       return label ? [{ id: `${field.id}-${i}`, ...label }] : [];
     });
     return items.length ? (
-      <CellMultiReferenceView
-        items={items}
-        fieldId={field.id}
-        dataHook="multi-reference-view"
-      />
+      <FocusableMultiReferenceValue items={items} field={field} />
     ) : null;
   }
 
@@ -62,3 +60,42 @@ export function EntityPageReferenceValue({
     />
   ) : null;
 }
+
+function FocusableMultiReferenceValue({
+  items,
+  field,
+}: {
+  items: CellMultiReferenceItem[];
+  field: Field;
+}) {
+  const [focused, setFocused] = useState(false);
+
+  return (
+    <div
+      className={classes.root}
+      role="group"
+      aria-label={field.displayName}
+      tabIndex={0}
+      onFocus={(event) => {
+        // Expansion removes the overflow chip, so keep focus on the wrapper
+        // even when the chip received the initial pointer/keyboard focus.
+        if (!focused) {
+          event.currentTarget.focus();
+          setFocused(true);
+        }
+      }}
+      onBlur={(event) => {
+        if (!event.currentTarget.contains(event.relatedTarget)) {
+          setFocused(false);
+        }
+      }}
+    >
+      <CellMultiReferenceView
+        items={items}
+        fieldId={field.id}
+        dataHook="multi-reference-view"
+        expanded={focused}
+      />
+    </div>
+  );
+}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Fade3162504937";
+var _namespace_ = "Fade429457099";
 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":"Fade3162504937__root"};
+export var classes = {"root":"Fade429457099__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_ = "Heading2680099506";
+var _namespace_ = "Heading1506684082";
 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":"Heading2680099506__root"};
+export var classes = {"root":"Heading1506684082__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_ = "ImportStepUpload2138524897";
+var _namespace_ = "ImportStepUpload3385462916";
 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":"ImportStepUpload2138524897__root","fileUpload":"ImportStepUpload2138524897__fileUpload"};
+export var classes = {"root":"ImportStepUpload3385462916__root","fileUpload":"ImportStepUpload3385462916__fileUpload"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ImportButton/SchemaImportFieldEditor.tsx

@@ -3,31 +3,12 @@ import { observer } from 'mobx-react-lite';
 import { reaction } from 'mobx';
 import {
   CustomFieldModalState,
-  isReferenceFieldType,
   toNewFieldDraft,
-  type FieldManagement,
   type ImportState,
 } from '@wix/bex-core';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { CustomFieldModal } from '../CustomFieldModal';
 
-// The import has no step to pick a referenced collection, so types that need
-// one are left out. Everything else is read live from the source.
-const withoutCollectionTypes = (
-  fieldManagement: FieldManagement,
-): FieldManagement =>
-  Object.create(fieldManagement, {
-    fieldModal: {
-      get: () => ({
-        ...fieldManagement.fieldModal,
-        types: fieldManagement.fieldModal.types.filter(
-          (type) =>
-            !type.collectionInput && !isReferenceFieldType(type.patternsType),
-        ),
-      }),
-    },
-  });
-
 /**
  * The create/edit-field modal for an import into a source with
  * `fieldManagement`. It is the same `CustomFieldModal` as "Add field", in
@@ -41,7 +22,7 @@ const _SchemaImportFieldEditor = ({ state }: { state: ImportState }) => {
   const [editorState] = useState(() =>
     fieldManagement
       ? new CustomFieldModalState({
-          fieldManagement: withoutCollectionTypes(fieldManagement),
+          fieldManagement,
           container,
           reportBi: container.reportBi,
           fieldCount: () => state.fields.length,

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "InputOverflow3563109951";
+var _namespace_ = "InputOverflow2644503474";
 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":"InputOverflow3563109951__root"};
+export var classes = {"root":"InputOverflow2644503474__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_ = "LoadingRow1083835067";
+var _namespace_ = "LoadingRow3341780150";
 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":"LoadingRow1083835067__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow1083835067__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3341780150__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3341780150__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_ = "MaxHeightText3978950453";
+var _namespace_ = "MaxHeightText262384821";
 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":"MaxHeightText3978950453__root"};
+export var classes = {"root":"MaxHeightText262384821__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_ = "MaxLines3661635466";
+var _namespace_ = "MaxLines3358782424";
 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":"MaxLines3661635466__root"};
+export var classes = {"root":"MaxLines3358782424__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_ = "MultiBulkActionToolbar3457488794";
+var _namespace_ = "MultiBulkActionToolbar129776599";
 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":"MultiBulkActionToolbar3457488794__root","leftGroupWrapper":"MultiBulkActionToolbar3457488794__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3457488794__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3457488794__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar129776599__root","leftGroupWrapper":"MultiBulkActionToolbar129776599__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar129776599__selectedCountItem","selectedCountText":"MultiBulkActionToolbar129776599__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_ = "NestedTablePlaceholderStatesRow1202286515";
+var _namespace_ = "NestedTablePlaceholderStatesRow3299232294";
 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":"NestedTablePlaceholderStatesRow1202286515__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow3299232294__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_ = "NestedTableRow1879468051";
+var _namespace_ = "NestedTableRow2306091191";
 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":"NestedTableRow1879468051__root","firstLevel":"NestedTableRow1879468051__firstLevel","placeholder":"NestedTableRow1879468051__placeholder","parentHovered":"NestedTableRow1879468051__parentHovered"};
+export var classes = {"root":"NestedTableRow2306091191__root","firstLevel":"NestedTableRow2306091191__firstLevel","placeholder":"NestedTableRow2306091191__placeholder","parentHovered":"NestedTableRow2306091191__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_ = "MultipleDragOverlayEffect3646481543";
+var _namespace_ = "MultipleDragOverlayEffect1949845192";
 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":"MultipleDragOverlayEffect3646481543__root"};
+export var classes = {"root":"MultipleDragOverlayEffect1949845192__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_ = "NestedTableDragAndDropRow114705686";
+var _namespace_ = "NestedTableDragAndDropRow1965365444";
 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":"NestedTableDragAndDropRow114705686__root"};
+export var classes = {"root":"NestedTableDragAndDropRow1965365444__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_ = "PickerContent50865064";
+var _namespace_ = "PickerContent1562349901";
 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":"PickerContent50865064__root"};
+export var classes = {"root":"PickerContent1562349901__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_ = "PickerContentAdditionalStep1390594085";
+var _namespace_ = "PickerContentAdditionalStep2373265152";
 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":"PickerContentAdditionalStep1390594085__root","titles":"PickerContentAdditionalStep1390594085__titles","suffix":"PickerContentAdditionalStep1390594085__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep2373265152__root","titles":"PickerContentAdditionalStep2373265152__titles","suffix":"PickerContentAdditionalStep2373265152__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_ = "PickerTableListItem2742061961";
+var _namespace_ = "PickerTableListItem3039240919";
 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":"PickerTableListItem2742061961__root"};
+export var classes = {"root":"PickerTableListItem3039240919__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SchemaSource/schemaFieldActions.ts

@@ -107,7 +107,10 @@ export const schemaFieldActionHandlers =
       };
       disabledTooltips[action] ??= getReason();
       handlers[action] = (id) => {
-        if (disabledTooltips[action] === undefined && getReason() === undefined) {
+        if (
+          disabledTooltips[action] === undefined &&
+          getReason() === undefined
+        ) {
           handler(id);
         }
       };

package/src/components/SchemaSource/schemaFieldManagement.ts

@@ -109,7 +109,9 @@ export const schemaFieldManagement = (
           loadReferenceableCollectionOptions:
             fieldModal.loadReferenceableCollectionOptions,
         }),
-        getEditFieldType: (type: string): ResolvedFieldTypeOption | undefined => {
+        getEditFieldType: (
+          type: string,
+        ): ResolvedFieldTypeOption | undefined => {
           const definition = sourceState.source.fieldTypes.find(
             (candidate) => candidate.type === type,
           );

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ScrollableContent4009927508";
+var _namespace_ = "ScrollableContent3595569683";
 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":"ScrollableContent4009927508__root"};
+export var classes = {"root":"ScrollableContent3595569683__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SetupWidget652943968";
+var _namespace_ = "SetupWidget3249360778";
 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":"SetupWidget652943968__root","row":"SetupWidget652943968__row","completedCta":"SetupWidget652943968__completedCta","secondaryCta":"SetupWidget652943968__secondaryCta","card":"SetupWidget652943968__card","stepIcon":"SetupWidget652943968__stepIcon","chevron":"SetupWidget652943968__chevron","chevronDisabled":"SetupWidget652943968__chevronDisabled","inProgressLabel":"SetupWidget652943968__inProgressLabel"};
+export var classes = {"root":"SetupWidget3249360778__root","row":"SetupWidget3249360778__row","completedCta":"SetupWidget3249360778__completedCta","secondaryCta":"SetupWidget3249360778__secondaryCta","card":"SetupWidget3249360778__card","stepIcon":"SetupWidget3249360778__stepIcon","chevron":"SetupWidget3249360778__chevron","chevronDisabled":"SetupWidget3249360778__chevronDisabled","inProgressLabel":"SetupWidget3249360778__inProgressLabel"};
 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_ = "SkeletonCard3097408332";
+var _namespace_ = "SkeletonCard1061967962";
 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":"SkeletonCard3097408332__root","headerLoading":"SkeletonCard3097408332__headerLoading"};
+export var classes = {"root":"SkeletonCard1061967962__root","headerLoading":"SkeletonCard1061967962__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_ = "SlidingModal1016288070";
+var _namespace_ = "SlidingModal1330818152";
 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":"SlidingModal1016288070__root"};
+export var classes = {"root":"SlidingModal1330818152__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Table/AddFieldColumnHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AddFieldColumnHeader2726776838";
+var _namespace_ = "AddFieldColumnHeader1942466341";
 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":"AddFieldColumnHeader2726776838__root","anchorLayer":"AddFieldColumnHeader2726776838__anchorLayer","popover":"AddFieldColumnHeader2726776838__popover","title":"AddFieldColumnHeader2726776838__title","hoverBridge":"AddFieldColumnHeader2726776838__hoverBridge"};
+export var classes = {"root":"AddFieldColumnHeader1942466341__root","anchorLayer":"AddFieldColumnHeader1942466341__anchorLayer","popover":"AddFieldColumnHeader1942466341__popover","title":"AddFieldColumnHeader1942466341__title","hoverBridge":"AddFieldColumnHeader1942466341__hoverBridge"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Table/NumberCell.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NumberCell218915555";
+var _namespace_ = "NumberCell805699232";
 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":"NumberCell218915555__root"};
+export var classes = {"root":"NumberCell805699232__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_ = "TabsFilter2577241363";
+var _namespace_ = "TabsFilter1130701286";
 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":"TabsFilter2577241363__root","titleBox":"TabsFilter2577241363__titleBox"};
+export var classes = {"root":"TabsFilter1130701286__root","titleBox":"TabsFilter1130701286__titleBox"};
 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_ = "ManageTagsModal1016869396";
+var _namespace_ = "ManageTagsModal3897307853";
 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":"ManageTagsModal1016869396__root"};
+export var classes = {"root":"ManageTagsModal3897307853__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_ = "ToolbarItem341992879";
+var _namespace_ = "ToolbarItem501577680";
 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":"ToolbarItem341992879__root"};
+export var classes = {"root":"ToolbarItem501577680__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_ = "ToolbarItemBox3308969475";
+var _namespace_ = "ToolbarItemBox1249419311";
 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":"ToolbarItemBox3308969475__root"};
+export var classes = {"root":"ToolbarItemBox1249419311__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_ = "common3814229212";
+var _namespace_ = "common1747287945";
 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":"common3814229212__root","column":"common3814229212__column","fullHeight":"common3814229212__fullHeight"};
+export var classes = {"root":"common1747287945__root","column":"common1747287945__column","fullHeight":"common1747287945__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};