@wix/patterns 1.383.0 → 1.385.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View3054859381";
+var _namespace_ = "View2223431657";
 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":"View3054859381__root","textView":"View3054859381__textView"};
+export var classes = {"root":"View2223431657__root","textView":"View2223431657__textView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit63798164";
+var _namespace_ = "Edit423654692";
 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":"Edit63798164__root","jsonInput":"Edit63798164__jsonInput"};
+export var classes = {"root":"Edit423654692__root","jsonInput":"Edit423654692__jsonInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View149659449";
+var _namespace_ = "View3579413394";
 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":"View149659449__root"};
+export var classes = {"root":"View3579413394__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit418146851";
+var _namespace_ = "Edit1875718792";
 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":"Edit418146851__root","selectInput":"Edit418146851__selectInput"};
+export var classes = {"root":"Edit1875718792__root","selectInput":"Edit1875718792__selectInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1604167401";
+var _namespace_ = "Edit2819143298";
 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":"Edit1604167401__root","editWrapper":"Edit1604167401__editWrapper","inputArea":"Edit1604167401__inputArea"};
+export var classes = {"root":"Edit2819143298__root","editWrapper":"Edit2819143298__editWrapper","inputArea":"Edit2819143298__inputArea"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View1834934438";
+var _namespace_ = "View3592412434";
 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":"View1834934438__root"};
+export var classes = {"root":"View3592412434__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit909677896";
+var _namespace_ = "Edit1290691174";
 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":"Edit909677896__root","urlInput":"Edit909677896__urlInput"};
+export var classes = {"root":"Edit1290691174__root","urlInput":"Edit1290691174__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_ = "View2739012257";
+var _namespace_ = "View883440419";
 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":"View2739012257__root","textView":"View2739012257__textView","urlText":"View2739012257__urlText","suffix":"View2739012257__suffix"};
+export var classes = {"root":"View883440419__root","textView":"View883440419__textView","urlText":"View883440419__urlText","suffix":"View883440419__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain3648740532";
+var _namespace_ = "EntityPagePlain304236719";
 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":"EntityPagePlain3648740532__root"};
+export var classes = {"root":"EntityPagePlain304236719__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_ = "Fade2798601334";
+var _namespace_ = "Fade2195398804";
 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":"Fade2798601334__root"};
+export var classes = {"root":"Fade2195398804__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_ = "Heading4283394978";
+var _namespace_ = "Heading3124568521";
 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":"Heading4283394978__root"};
+export var classes = {"root":"Heading3124568521__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_ = "ImportStepUpload1956915583";
+var _namespace_ = "ImportStepUpload2296702810";
 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":"ImportStepUpload1956915583__root","fileUpload":"ImportStepUpload1956915583__fileUpload"};
+export var classes = {"root":"ImportStepUpload2296702810__root","fileUpload":"ImportStepUpload2296702810__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_ = "InputOverflow1386444251";
+var _namespace_ = "InputOverflow2297903710";
 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":"InputOverflow1386444251__root"};
+export var classes = {"root":"InputOverflow2297903710__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_ = "LoadingRow2729170404";
+var _namespace_ = "LoadingRow2049894941";
 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":"LoadingRow2729170404__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow2729170404__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow2049894941__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow2049894941__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_ = "MaxHeightText2113493883";
+var _namespace_ = "MaxHeightText1340995377";
 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":"MaxHeightText2113493883__root"};
+export var classes = {"root":"MaxHeightText1340995377__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_ = "MaxLines1510031160";
+var _namespace_ = "MaxLines3911774545";
 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":"MaxLines1510031160__root"};
+export var classes = {"root":"MaxLines3911774545__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_ = "MultiBulkActionToolbar4183797324";
+var _namespace_ = "MultiBulkActionToolbar1742506254";
 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":"MultiBulkActionToolbar4183797324__root","leftGroupWrapper":"MultiBulkActionToolbar4183797324__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar4183797324__selectedCountItem","selectedCountText":"MultiBulkActionToolbar4183797324__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar1742506254__root","leftGroupWrapper":"MultiBulkActionToolbar1742506254__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1742506254__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1742506254__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_ = "NestedTablePlaceholderStatesRow2460991905";
+var _namespace_ = "NestedTablePlaceholderStatesRow1083915680";
 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":"NestedTablePlaceholderStatesRow2460991905__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow1083915680__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_ = "NestedTableRow854086528";
+var _namespace_ = "NestedTableRow447893025";
 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":"NestedTableRow854086528__root","firstLevel":"NestedTableRow854086528__firstLevel","placeholder":"NestedTableRow854086528__placeholder","parentHovered":"NestedTableRow854086528__parentHovered"};
+export var classes = {"root":"NestedTableRow447893025__root","firstLevel":"NestedTableRow447893025__firstLevel","placeholder":"NestedTableRow447893025__placeholder","parentHovered":"NestedTableRow447893025__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_ = "MultipleDragOverlayEffect1743193237";
+var _namespace_ = "MultipleDragOverlayEffect2685672979";
 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":"MultipleDragOverlayEffect1743193237__root"};
+export var classes = {"root":"MultipleDragOverlayEffect2685672979__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_ = "NestedTableDragAndDropRow3974094863";
+var _namespace_ = "NestedTableDragAndDropRow1881623806";
 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":"NestedTableDragAndDropRow3974094863__root"};
+export var classes = {"root":"NestedTableDragAndDropRow1881623806__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_ = "PickerContent2887726794";
+var _namespace_ = "PickerContent125126466";
 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":"PickerContent2887726794__root"};
+export var classes = {"root":"PickerContent125126466__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_ = "PickerContentAdditionalStep1576094083";
+var _namespace_ = "PickerContentAdditionalStep2884149236";
 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":"PickerContentAdditionalStep1576094083__root","titles":"PickerContentAdditionalStep1576094083__titles","suffix":"PickerContentAdditionalStep1576094083__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep2884149236__root","titles":"PickerContentAdditionalStep2884149236__titles","suffix":"PickerContentAdditionalStep2884149236__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_ = "PickerTableListItem2588850123";
+var _namespace_ = "PickerTableListItem3776807060";
 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":"PickerTableListItem2588850123__root"};
+export var classes = {"root":"PickerTableListItem3776807060__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SchemaCard/SchemaCard.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode, useMemo } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import { Button, Card, CardProps } from '@wix/design-system';
 import { observer } from 'mobx-react-lite';
 import { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';
@@ -6,31 +6,51 @@ import { SidePanelsState } from '../../state/SidePanelsState';
 import { CustomColumnsEntityPageState } from '../../state/CustomColumnsEntityPageState';
 import { CustomColumnsEntityPageCTA } from '../CustomColumnsPanel/CustomColumnsEntityPageCTA';
 import { useSchemaContext } from '../../providers/SchemaContext';
-import { useSchemaCardContext } from '../../providers/SchemaCardContext';
 import { CustomColumnsDragAndDrop } from '../CustomColumns/CustomColumnsDragAndDrop';
+import { SchemaCardState } from '../../state/SchemaCard/SchemaCardState';
 
 export interface SchemaCardProps extends Omit<CardProps, 'children'> {
   title: string;
   subtitle?: string;
-  collectionId: string;
-  children?: ReactNode;
+  renderField: (fieldId: string) => React.ReactNode;
 }
 
 function _SchemaCard({
   title,
   subtitle,
-  collectionId,
-  children,
+  renderField,
   ...rest
 }: SchemaCardProps) {
   const container = useWixPatternsContainer();
   const { translate: t } = container;
-  const schemaCardState = useSchemaCardContext();
-  const fieldsState = schemaCardState?.fieldsState;
   const { modalsContainerRef } = usePageContext();
   const schemaContext = useSchemaContext();
   const schema = schemaContext?.schema;
 
+  const fields = useMemo(
+    () =>
+      schema
+        ? Object.keys(schema.fields)
+            .filter((id) => schema.fields[id])
+            .map((id) => ({ id }))
+        : [],
+    [schema?.fields],
+  );
+
+  const [schemaCardState] = useState(() =>
+    schema && fields.length > 0
+      ? new SchemaCardState({
+          fields,
+          persistencyKey: schema.id,
+          container,
+        })
+      : null,
+  );
+
+  useEffect(() => schemaCardState?.init(), []);
+
+  const fieldsState = schemaCardState?.fieldsState;
+
   const state = useMemo(() => {
     if (!fieldsState || !schema) {
       return null;
@@ -69,7 +89,12 @@ function _SchemaCard({
         }
       />
       <Card.Divider />
-      <Card.Content>{children}</Card.Content>
+      <Card.Content>
+        {fieldsState &&
+          fieldsState.orderedFields
+            .filter((f) => fieldsState.isFieldVisible(f.id))
+            .map((f) => renderField(f.id))}
+      </Card.Content>
       {state && <CustomColumnsEntityPageCTA state={state} />}
     </Card>
   );

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ScrollableContent2016380871";
+var _namespace_ = "ScrollableContent2351431343";
 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":"ScrollableContent2016380871__root"};
+export var classes = {"root":"ScrollableContent2351431343__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_ = "SkeletonCard481946365";
+var _namespace_ = "SkeletonCard472246820";
 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":"SkeletonCard481946365__root","headerLoading":"SkeletonCard481946365__headerLoading"};
+export var classes = {"root":"SkeletonCard472246820__root","headerLoading":"SkeletonCard472246820__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_ = "SlidingModal2781577429";
+var _namespace_ = "SlidingModal3963588508";
 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":"SlidingModal2781577429__root"};
+export var classes = {"root":"SlidingModal3963588508__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_ = "TabsFilter1344429634";
+var _namespace_ = "TabsFilter2765541283";
 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":"TabsFilter1344429634__root","title":"TabsFilter1344429634__title"};
+export var classes = {"root":"TabsFilter2765541283__root","title":"TabsFilter2765541283__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_ = "ManageTagsModal3904094043";
+var _namespace_ = "ManageTagsModal546157658";
 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":"ManageTagsModal3904094043__root"};
+export var classes = {"root":"ManageTagsModal546157658__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_ = "ToolbarItem2103185627";
+var _namespace_ = "ToolbarItem1722452606";
 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":"ToolbarItem2103185627__root"};
+export var classes = {"root":"ToolbarItem1722452606__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};