@wix/patterns 1.495.0 → 1.497.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTablePlaceholderStatesRow3883910038";
+var _namespace_ = "NestedTablePlaceholderStatesRow1202286515";
 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":"NestedTablePlaceholderStatesRow3883910038__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow1202286515__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_ = "NestedTableRow3670036296";
+var _namespace_ = "NestedTableRow1879468051";
 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":"NestedTableRow3670036296__root","firstLevel":"NestedTableRow3670036296__firstLevel","placeholder":"NestedTableRow3670036296__placeholder","parentHovered":"NestedTableRow3670036296__parentHovered"};
+export var classes = {"root":"NestedTableRow1879468051__root","firstLevel":"NestedTableRow1879468051__firstLevel","placeholder":"NestedTableRow1879468051__placeholder","parentHovered":"NestedTableRow1879468051__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_ = "MultipleDragOverlayEffect348513564";
+var _namespace_ = "MultipleDragOverlayEffect3646481543";
 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":"MultipleDragOverlayEffect348513564__root"};
+export var classes = {"root":"MultipleDragOverlayEffect3646481543__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_ = "NestedTableDragAndDropRow4090382608";
+var _namespace_ = "NestedTableDragAndDropRow114705686";
 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":"NestedTableDragAndDropRow4090382608__root"};
+export var classes = {"root":"NestedTableDragAndDropRow114705686__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_ = "PickerContent1391911279";
+var _namespace_ = "PickerContent50865064";
 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":"PickerContent1391911279__root"};
+export var classes = {"root":"PickerContent50865064__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_ = "PickerContentAdditionalStep2748344170";
+var _namespace_ = "PickerContentAdditionalStep1390594085";
 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":"PickerContentAdditionalStep2748344170__root","titles":"PickerContentAdditionalStep2748344170__titles","suffix":"PickerContentAdditionalStep2748344170__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep1390594085__root","titles":"PickerContentAdditionalStep1390594085__titles","suffix":"PickerContentAdditionalStep1390594085__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_ = "PickerTableListItem2099110564";
+var _namespace_ = "PickerTableListItem2742061961";
 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":"PickerTableListItem2099110564__root"};
+export var classes = {"root":"PickerTableListItem2742061961__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SchemaSource/schemaFieldActions.ts

@@ -13,10 +13,10 @@ import type { SchemaState } from './SchemaState';
 import { schemaFieldDisabledTooltips } from './schemaFieldDisable';
 
 // Schema field-menu layout: edit + manage actions, then delete (divider before).
-const SCHEMA_MENU_GROUPS: FieldActionKey[][] = [
+const SCHEMA_MENU_GROUPS = [
   ['editField', 'makePrimary', 'duplicateField', 'duplicateFieldWithContent'],
   ['delete'],
-];
+] satisfies FieldActionKey[][];
 
 export const schemaFieldActionHandlers =
   (s: SchemaState<any>, panel: CustomFieldsPanelState) =>
@@ -59,7 +59,11 @@ export const schemaFieldActionHandlers =
       handlers.delete = () => {
         const schema = sourceState.schema;
         const currentField = schema?.fields[fieldId];
-        if (!schema || !currentField) {
+        if (
+          !schema ||
+          !currentField ||
+          !sourceState.source.canDeleteField(currentField, schema)
+        ) {
           return;
         }
         panel.deleteFieldModal.modal.open({
@@ -78,15 +82,40 @@ export const schemaFieldActionHandlers =
       return null;
     }
 
+    const disabledTooltips = schemaFieldDisabledTooltips(field, {
+      canEdit,
+      canAddFields: s.fieldsSource.fieldManagement?.canAddFields ?? false,
+      canMakePrimary: sourceState.schema
+        ? sourceState.source.canMakePrimary?.(field, sourceState.schema)
+        : undefined,
+    });
+    SCHEMA_MENU_GROUPS.flat().forEach((action) => {
+      const handler = handlers[action];
+      if (!handler) {
+        return;
+      }
+      const getReason = () => {
+        const schema = sourceState.schema;
+        const currentField = schema?.fields[fieldId];
+        return schema && currentField
+          ? sourceState.source.getFieldActionDisabledReason?.(
+              currentField,
+              schema,
+              action,
+            )
+          : undefined;
+      };
+      disabledTooltips[action] ??= getReason();
+      handlers[action] = (id) => {
+        if (disabledTooltips[action] === undefined && getReason() === undefined) {
+          handler(id);
+        }
+      };
+    });
+
     return {
       handlers,
-      disabledTooltips: schemaFieldDisabledTooltips(field, {
-        canEdit,
-        canAddFields: s.fieldsSource.fieldManagement?.canAddFields ?? false,
-        canMakePrimary: sourceState.schema
-          ? sourceState.source.canMakePrimary?.(field, sourceState.schema)
-          : undefined,
-      }),
+      disabledTooltips,
       loading: {
         makePrimary: sourceState.makePrimaryTask.status.isLoading,
         duplicateField: sourceState.duplicateTask.status.isLoading,

package/src/components/SchemaSource/schemaFieldManagement.ts

@@ -2,6 +2,7 @@ import {
   Field,
   FieldDraft,
   FieldManagement,
+  ResolvedFieldTypeOption,
   isReferenceField,
   isReferenceFieldType,
   NonReferenceField,
@@ -108,6 +109,20 @@ export const schemaFieldManagement = (
           loadReferenceableCollectionOptions:
             fieldModal.loadReferenceableCollectionOptions,
         }),
+        getEditFieldType: (type: string): ResolvedFieldTypeOption | undefined => {
+          const definition = sourceState.source.fieldTypes.find(
+            (candidate) => candidate.type === type,
+          );
+          return definition?.fieldModal
+            ? {
+                ...definition.fieldModal,
+                id: definition.type,
+                label: definition.display.label,
+                patternsType: 'CUSTOM',
+                icons: definition.display.icons,
+              }
+            : undefined;
+        },
         types: [
           ...fieldModal.types.map((ft) => {
             // The standard pair applies only when the source didn't custom-label

package/src/components/SchemaSource/tableSchemaSource.ts

@@ -119,6 +119,9 @@ class TableSchemaSourceImpl<T> implements TableSchemaSource<T> {
   get canMakePrimary() {
     return this.source.canMakePrimary;
   }
+  get getFieldActionDisabledReason() {
+    return this.source.getFieldActionDisabledReason;
+  }
   get schemaParams() {
     return this.source.schemaParams;
   }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ScrollableContent2674810946";
+var _namespace_ = "ScrollableContent4009927508";
 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":"ScrollableContent2674810946__root"};
+export var classes = {"root":"ScrollableContent4009927508__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_ = "SetupWidget1049875717";
+var _namespace_ = "SetupWidget652943968";
 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":"SetupWidget1049875717__root","row":"SetupWidget1049875717__row","completedCta":"SetupWidget1049875717__completedCta","secondaryCta":"SetupWidget1049875717__secondaryCta","card":"SetupWidget1049875717__card","stepIcon":"SetupWidget1049875717__stepIcon","chevron":"SetupWidget1049875717__chevron","chevronDisabled":"SetupWidget1049875717__chevronDisabled","inProgressLabel":"SetupWidget1049875717__inProgressLabel"};
+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 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_ = "SkeletonCard3476574360";
+var _namespace_ = "SkeletonCard3097408332";
 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":"SkeletonCard3476574360__root","headerLoading":"SkeletonCard3476574360__headerLoading"};
+export var classes = {"root":"SkeletonCard3097408332__root","headerLoading":"SkeletonCard3097408332__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_ = "SlidingModal1138162268";
+var _namespace_ = "SlidingModal1016288070";
 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":"SlidingModal1138162268__root"};
+export var classes = {"root":"SlidingModal1016288070__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_ = "AddFieldColumnHeader2165490183";
+var _namespace_ = "AddFieldColumnHeader2726776838";
 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":"AddFieldColumnHeader2165490183__root","anchorLayer":"AddFieldColumnHeader2165490183__anchorLayer","popover":"AddFieldColumnHeader2165490183__popover","title":"AddFieldColumnHeader2165490183__title","hoverBridge":"AddFieldColumnHeader2165490183__hoverBridge"};
+export var classes = {"root":"AddFieldColumnHeader2726776838__root","anchorLayer":"AddFieldColumnHeader2726776838__anchorLayer","popover":"AddFieldColumnHeader2726776838__popover","title":"AddFieldColumnHeader2726776838__title","hoverBridge":"AddFieldColumnHeader2726776838__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_ = "NumberCell4142295463";
+var _namespace_ = "NumberCell218915555";
 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":"NumberCell4142295463__root"};
+export var classes = {"root":"NumberCell218915555__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -54,6 +54,25 @@ export function TableFoldersUniDriver(base: UniDriver, body: UniDriver) {
         .$('[data-hook="folder-icon"]')
         .exists(),
 
+    /** Whether the folder icon renders inside a row's mobile image slot */
+    folderIconInMobileImageSlotAt: (row: number) =>
+      table
+        .getCellDriverByDataHook(row, 'mobile-image-column')
+        .base.$('[data-hook="folder-icon"]')
+        .exists(),
+
+    /** Whether a row has a mobile first-slot cell at all */
+    mobileFirstColumnExistsAt: (row: number) =>
+      table.getCellDriverByDataHook(row, 'mobile-first-column').exists(),
+
+    /** Text of a row's mobile first-slot cell */
+    getMobileFirstColumnTextAt: (row: number) =>
+      table.getCellDriverByDataHook(row, 'mobile-first-column').base.text(),
+
+    /** Text of a row's mobile second-slot cell */
+    getMobileSecondColumnTextAt: (row: number) =>
+      table.getCellDriverByDataHook(row, 'mobile-second-column').base.text(),
+
     avatarExistsAt: async (row: number, col: number) =>
       (await table.getRowByIndex(row).$$('td').get(col))
         .$('[data-hook="item-avatar"]')

package/src/components/TableFolders/TableFoldersContent.tsx

@@ -1,4 +1,5 @@
 import { Avatar, TableColumn as WSRTableColumn } from '@wix/design-system';
+import type { AvatarSize } from '@wix/design-system';
 import React, {
   ComponentType,
   ReactElement,
@@ -23,6 +24,7 @@ import {
 } from '../VirtualGridRepeater/VirtualTableRepeater';
 import { VirtualGridStateProvider } from '../VirtualGridRepeater/VirtualGridStateContext';
 import { TableFoldersColumn } from './TableFolders.types';
+import { buildFoldersMobileColumns } from './buildFoldersMobileColumns';
 import { useOrFolderActionCellColumn } from './useOrFolderActionCellColumn';
 import { TableFoldersInfiniteScroll } from './TableFoldersInfiniteScroll';
 import {
@@ -30,10 +32,11 @@ import {
   MultiCollectionBulkActionToolbar,
   MultiCollectionBulkActionToolbarRenderProps,
 } from '../BulkAction';
-import { TableColumn } from '../../model';
+import { ColumnMobileConfig, MobileImageSize, TableColumn } from '../../model';
 import { CollectionTableActionCellProps } from '../CollectionTable/CollectionTableBaseCommonProps';
 import { SelectionDisabledProp } from '../../state/BulkActionToolbarState';
 import { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';
+import { useIsMobile } from '../../hooks/useIsMobile';
 import { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';
 import { getVirtualTableProps } from '../Table/getVirtualTableProps';
 
@@ -59,6 +62,14 @@ type TableFolderWSRTableBaseProps<
   PartialAllFilters<F1, F2>
 >;
 
+const MOBILE_AVATAR_SIZES: Record<MobileImageSize, AvatarSize> = {
+  small: 'size24',
+  medium: 'size36',
+  large: 'size48',
+};
+
+type MobileImageColumnConfig = Extract<ColumnMobileConfig, { column: 'image' }>;
+
 export interface TableFoldersContentProps<
   T1,
   F1 extends FiltersMap,
@@ -165,6 +176,15 @@ function _TableFoldersContent<
     toolbar: { selectedOrderedColumnsOrAll },
   } = state;
 
+  const isMobile = useIsMobile();
+
+  const iconMobileConfig: MobileImageColumnConfig =
+    iconColumn?.mobile?.column === 'image'
+      ? iconColumn.mobile
+      : { column: 'image' };
+  const mobileAvatarSize =
+    MOBILE_AVATAR_SIZES[iconMobileConfig.size ?? 'medium'];
+
   const createWSRColumnBase = useCreateWSRColumnBase({
     horizontalScroll,
     showFieldTypeIcons: state.toolbar.showFieldTypeIcons,
@@ -176,6 +196,7 @@ function _TableFoldersContent<
       title: '',
       width: '48px',
       ...iconColumn,
+      mobile: iconMobileConfig,
       style: undefined,
       render: ({ item }, rowNum) => {
         if (item._tag === 'folder') {
@@ -190,6 +211,7 @@ function _TableFoldersContent<
           iconColumn?.render?.(item.originalKeyedItem.item, rowNum) ?? (
             <Avatar
               dataHook="item-avatar"
+              size={isMobile ? mobileAvatarSize : undefined}
               name={state.collections.items.itemName(
                 item.originalKeyedItem.item,
               )}
@@ -280,8 +302,11 @@ function _TableFoldersContent<
       horizontalScroll={horizontalScroll}
       emptyState={emptyState}
       noResultsState={noResultsState}
-      {...getVirtualTableProps({ horizontalScroll })}
+      {...getVirtualTableProps({
+        horizontalScroll: horizontalScroll && !isMobile,
+      })}
       columns={finalColumns}
+      buildMobileColumns={buildFoldersMobileColumns}
       showTitleBar={showTitleBar}
       isApplyColumnWidthStyle={true}
       BodyElementType={BodyElementType}

package/src/components/TableFolders/buildFoldersMobileColumns.ts

@@ -0,0 +1,37 @@
+import { KeyedItem } from '@wix/bex-core';
+import { TableColumn } from '../../model';
+import { buildMobileColumns } from '../../utils/buildMobileColumns';
+
+const TABLE_FOLDERS_MOBILE_COLUMN_OPTIONS = {
+  firstColumnStyle: { flexGrow: 1 },
+  imageColumnStyle: { flexShrink: 0 },
+};
+
+export function buildFoldersMobileColumns<T>(
+  columns: TableColumn<KeyedItem<T>>[],
+): TableColumn<KeyedItem<T>>[] {
+  const hasImageColumn = columns.some(
+    (column) => column.mobile?.column === 'image',
+  );
+  const hasTextColumn = columns.some(
+    (column) =>
+      column.mobile?.column === 'first' || column.mobile?.column === 'second',
+  );
+
+  if (!hasImageColumn || hasTextColumn) {
+    return buildMobileColumns(columns, TABLE_FOLDERS_MOBILE_COLUMN_OPTIONS);
+  }
+
+  const fallbackColumn = columns.find(
+    (column) => column.mobile?.column !== 'image',
+  );
+
+  return buildMobileColumns(
+    columns.map((column) =>
+      column === fallbackColumn
+        ? { ...column, mobile: { column: 'first' as const } }
+        : column,
+    ),
+    TABLE_FOLDERS_MOBILE_COLUMN_OPTIONS,
+  );
+}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter2750685995";
+var _namespace_ = "TabsFilter2577241363";
 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":"TabsFilter2750685995__root","titleBox":"TabsFilter2750685995__titleBox"};
+export var classes = {"root":"TabsFilter2577241363__root","titleBox":"TabsFilter2577241363__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_ = "ManageTagsModal2806058920";
+var _namespace_ = "ManageTagsModal1016869396";
 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":"ManageTagsModal2806058920__root"};
+export var classes = {"root":"ManageTagsModal1016869396__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_ = "ToolbarItem1801862605";
+var _namespace_ = "ToolbarItem341992879";
 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":"ToolbarItem1801862605__root"};
+export var classes = {"root":"ToolbarItem341992879__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_ = "ToolbarItemBox1663907210";
+var _namespace_ = "ToolbarItemBox3308969475";
 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":"ToolbarItemBox1663907210__root"};
+export var classes = {"root":"ToolbarItemBox3308969475__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_ = "common2788775158";
+var _namespace_ = "common3814229212";
 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":"common2788775158__root","column":"common2788775158__column","fullHeight":"common2788775158__fullHeight"};
+export var classes = {"root":"common3814229212__root","column":"common3814229212__column","fullHeight":"common3814229212__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};