@wix/patterns 1.343.0 → 1.345.0

package/dist/cjs/components/TableSections/TableSections.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CollectionTable","_useTableSectionRow","_TableSectionsState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableSections","renderSection","table","columns","rowDetails","collectionTableProps","state","useState","TableSectionsState","columnsWithSections","useMemo","map","column","render","item","rowNum","keyedItem","sectionsKeyedItems","isSectionRow","wrappedRowDetails","undefined","rowData","TableSectionsTrElement","useTableSectionRow","createElement","CollectionTable","_extends2","keyedItems","TrElementType","isRowDisabled","__self","__source","fileName","lineNumber","columnNumber","TableSections","exports","observer"],"sources":["../../../../src/components/TableSections/TableSections.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionTable, CollectionTableBaseProps } from '../CollectionTable';\nimport { useTableSectionRow } from './useTableSectionRow';\nimport { TableState } from '../../state';\nimport { RenderSection } from '../CollectionSectionHeader';\nimport { TableSectionsState } from './TableSectionsState';\n\nexport interface TableSectionsProps<T, F extends FiltersMap>\n  extends CollectionTableBaseProps<T, F> {\n  renderSection: RenderSection<T>;\n  table: TableState<T, F>;\n}\n\nconst _TableSections = <T, F extends FiltersMap>({\n  renderSection,\n  table,\n  columns,\n  rowDetails,\n  ...collectionTableProps\n}: TableSectionsProps<T, F>) => {\n  const [state] = useState(() => new TableSectionsState(table, renderSection));\n\n  const columnsWithSections = useMemo(\n    () =>\n      columns.map((column) => ({\n        ...column,\n        render: (item: T, rowNum: number) => {\n          const keyedItem = state.sectionsKeyedItems[rowNum];\n          if (keyedItem && state.isSectionRow(keyedItem)) {\n            return null;\n          }\n\n          return column.render(item, rowNum);\n        },\n      })),\n    [columns],\n  );\n\n  const wrappedRowDetails = useMemo(() => {\n    if (!rowDetails) {\n      return undefined;\n    }\n    return (rowData: KeyedItem<T>, rowNum: number) => {\n      if (state.isSectionRow(rowData)) {\n        return null;\n      }\n      return rowDetails(rowData, rowNum);\n    };\n  }, [rowDetails, state]);\n\n  const TableSectionsTrElement = useTableSectionRow(state);\n\n  return (\n    <CollectionTable\n      {...collectionTableProps}\n      rowDetails={wrappedRowDetails}\n      state={state.table}\n      columns={columnsWithSections}\n      keyedItems={state.sectionsKeyedItems}\n      TrElementType={TableSectionsTrElement}\n      isRowDisabled={(keyedItem) => {\n        return state.isSectionRow(keyedItem);\n      }}\n    />\n  );\n};\n\nexport const TableSections = observer(_TableSections);\n\nexport type TableSectionsProp<T> = {\n  TableSections: typeof TableSections;\n  renderSection: RenderSection<T>;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CollectionTable","_useTableSectionRow","_TableSectionsState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableSections","groupBy","renderSection","table","columns","rowDetails","collectionTableProps","state","useState","TableSectionsState","columnsWithSections","useMemo","map","column","render","item","rowNum","keyedItem","sectionsKeyedItems","isSectionRow","wrappedRowDetails","undefined","rowData","TableSectionsTrElement","useTableSectionRow","createElement","CollectionTable","_extends2","keyedItems","TrElementType","isRowDisabled","__self","__source","fileName","lineNumber","columnNumber","TableSections","exports","observer"],"sources":["../../../../src/components/TableSections/TableSections.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionTable, CollectionTableBaseProps } from '../CollectionTable';\nimport { useTableSectionRow } from './useTableSectionRow';\nimport { TableState } from '../../state';\nimport { GroupBy, RenderSection } from '../CollectionSectionHeader';\nimport { TableSectionsState } from './TableSectionsState';\n\nexport interface TableSectionsProps<T, F extends FiltersMap>\n  extends CollectionTableBaseProps<T, F> {\n  groupBy: GroupBy<T>;\n  renderSection: RenderSection<T>;\n  table: TableState<T, F>;\n}\n\nconst _TableSections = <T, F extends FiltersMap>({\n  groupBy,\n  renderSection,\n  table,\n  columns,\n  rowDetails,\n  ...collectionTableProps\n}: TableSectionsProps<T, F>) => {\n  const [state] = useState(\n    () => new TableSectionsState(table, groupBy, renderSection),\n  );\n\n  const columnsWithSections = useMemo(\n    () =>\n      columns.map((column) => ({\n        ...column,\n        render: (item: T, rowNum: number) => {\n          const keyedItem = state.sectionsKeyedItems[rowNum];\n          if (keyedItem && state.isSectionRow(keyedItem)) {\n            return null;\n          }\n\n          return column.render(item, rowNum);\n        },\n      })),\n    [columns],\n  );\n\n  const wrappedRowDetails = useMemo(() => {\n    if (!rowDetails) {\n      return undefined;\n    }\n    return (rowData: KeyedItem<T>, rowNum: number) => {\n      if (state.isSectionRow(rowData)) {\n        return null;\n      }\n      return rowDetails(rowData, rowNum);\n    };\n  }, [rowDetails, state]);\n\n  const TableSectionsTrElement = useTableSectionRow(state);\n\n  return (\n    <CollectionTable\n      {...collectionTableProps}\n      rowDetails={wrappedRowDetails}\n      state={state.table}\n      columns={columnsWithSections}\n      keyedItems={state.sectionsKeyedItems}\n      TrElementType={TableSectionsTrElement}\n      isRowDisabled={(keyedItem) => {\n        return state.isSectionRow(keyedItem);\n      }}\n    />\n  );\n};\n\nexport const TableSections = observer(_TableSections);\n\nexport type TableSectionsProp<T> = {\n  TableSections: typeof TableSections;\n  groupBy: GroupBy<T>;\n  renderSection: RenderSection<T>;\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TableSections/TableSectionsState.js

@@ -8,10 +8,12 @@ var _mobx = require("mobx");
 const SECTION_PREFIX = '$$$wix-patterns-sections$$$-';
 const INVISIBLE_ROW_ID = `${SECTION_PREFIX}invisible`;
 class TableSectionsState {
-  constructor(table, renderSection) {
+  constructor(table, groupBy, renderSection) {
     (0, _defineProperty2.default)(this, "table", void 0);
+    (0, _defineProperty2.default)(this, "groupBy", void 0);
     (0, _defineProperty2.default)(this, "renderSection", void 0);
     this.table = table;
+    this.groupBy = groupBy;
     this.renderSection = renderSection;
     (0, _mobx.makeObservable)(this, {
       sectionsKeyedItems: _mobx.computed,
@@ -23,10 +25,12 @@ class TableSectionsState {
   }
   get computeSectionData() {
     const counts = new Map();
+    const items = new Map();
     const keyedItems = [];
     if (this.table.keyedItems.length === 0) {
       return {
         counts,
+        items,
         keyedItems
       };
     }
@@ -44,16 +48,17 @@ class TableSectionsState {
     let currentSectionIndex = 0;
     let currentHeaderId = null;
     let count = 0;
+    let currentSectionItems = [];
     for (const keyedItem of this.table.keyedItems) {
-      const section = this.renderSection(keyedItem.item);
-      const sectionId = section.id;
+      const sectionId = this.groupBy(keyedItem.item);
       if (sectionId !== currentSectionId) {
-        // Store count for previous section
+        // Store count and items for previous section
         if (currentHeaderId) {
           counts.set(currentHeaderId, {
             count,
             isComplete: true
           });
+          items.set(currentHeaderId, currentSectionItems);
         }
 
         // Start new section
@@ -61,6 +66,7 @@ class TableSectionsState {
         currentHeaderId = this.generateSectionId(`${sectionId}@${currentSectionIndex}`);
         currentSectionIndex++;
         count = 1;
+        currentSectionItems = [keyedItem.item];
 
         // Add section header to keyed items
         const sectionKeyedItem = {
@@ -74,6 +80,7 @@ class TableSectionsState {
         keyedItems.push(sectionKeyedItem);
       } else {
         count++;
+        currentSectionItems.push(keyedItem.item);
       }
 
       // Add the actual data item
@@ -87,20 +94,24 @@ class TableSectionsState {
         count,
         isComplete: isLastSectionComplete
       });
+      items.set(currentHeaderId, currentSectionItems);
     }
     return {
       counts,
+      items,
       keyedItems
     };
   }
   get sectionCounts() {
     return this.computeSectionData.counts;
   }
+  get sectionItems() {
+    return this.computeSectionData.items;
+  }
   get sectionsKeyedItems() {
     return this.computeSectionData.keyedItems;
   }
   getSectionWithCount(sectionKeyedItem) {
-    const section = this.renderSection(sectionKeyedItem.item);
     const headerId = sectionKeyedItem.id;
     const sectionData = headerId ? this.sectionCounts.get(headerId) || {
       count: 0,
@@ -109,10 +120,17 @@ class TableSectionsState {
       count: 0,
       isComplete: true
     };
+    const sectionItemsList = headerId ? this.sectionItems.get(headerId) || [] : [];
+    const sectionId = this.groupBy(sectionKeyedItem.item);
+    const section = this.renderSection(sectionId, sectionItemsList);
     return {
-      ...section,
-      count: sectionData.count,
-      hasMore: !sectionData.isComplete
+      sectionId,
+      section: {
+        ...section,
+        count: sectionData.count,
+        hasMore: !sectionData.isComplete,
+        items: sectionItemsList
+      }
     };
   }
   isSectionRow(keyedItem) {

package/dist/cjs/components/TableSections/TableSectionsState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","SECTION_PREFIX","INVISIBLE_ROW_ID","TableSectionsState","constructor","table","renderSection","_defineProperty2","default","makeObservable","sectionsKeyedItems","computed","sectionCounts","generateSectionId","firstItemId","computeSectionData","counts","Map","keyedItems","length","push","id","key","item","index","pageIndex","indexWithinPage","currentSectionId","currentSectionIndex","currentHeaderId","count","keyedItem","section","sectionId","set","isComplete","sectionKeyedItem","isLastSectionComplete","collection","fetchedLastPage","getSectionWithCount","headerId","sectionData","get","hasMore","isSectionRow","startsWith","isInvisibleRow","exports"],"sources":["../../../../src/components/TableSections/TableSectionsState.ts"],"sourcesContent":["import { computed, makeObservable } from 'mobx';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { TableState } from '../../state';\nimport { RenderSection, Section } from '../CollectionSectionHeader';\n\nconst SECTION_PREFIX = '$$$wix-patterns-sections$$$-';\nconst INVISIBLE_ROW_ID = `${SECTION_PREFIX}invisible`;\n\nexport class TableSectionsState<T, F extends FiltersMap> {\n  table: TableState<T, F>;\n  renderSection: RenderSection<T>;\n\n  constructor(table: TableState<T, F>, renderSection: RenderSection<T>) {\n    this.table = table;\n    this.renderSection = renderSection;\n    makeObservable(this, {\n      sectionsKeyedItems: computed,\n      sectionCounts: computed,\n    });\n  }\n\n  private generateSectionId(firstItemId: string): string {\n    return `${SECTION_PREFIX}${firstItemId}`;\n  }\n\n  private get computeSectionData(): {\n    counts: Map<string, { count: number; isComplete: boolean }>;\n    keyedItems: KeyedItem<T>[];\n  } {\n    const counts = new Map<string, { count: number; isComplete: boolean }>();\n    const keyedItems: KeyedItem<T>[] = [];\n\n    if (this.table.keyedItems.length === 0) {\n      return { counts, keyedItems };\n    }\n\n    // Add invisible row for design purposes\n    keyedItems.push({\n      id: INVISIBLE_ROW_ID,\n      key: INVISIBLE_ROW_ID,\n      item: this.table.keyedItems[0].item,\n      index: 0,\n      pageIndex: 0,\n      indexWithinPage: 0,\n    });\n\n    let currentSectionId: string | null = null;\n    let currentSectionIndex: number = 0;\n    let currentHeaderId: string | null = null;\n    let count = 0;\n\n    for (const keyedItem of this.table.keyedItems) {\n      const section = this.renderSection(keyedItem.item);\n      const sectionId = section.id;\n\n      if (sectionId !== currentSectionId) {\n        // Store count for previous section\n        if (currentHeaderId) {\n          counts.set(currentHeaderId, { count, isComplete: true });\n        }\n\n        // Start new section\n        currentSectionId = sectionId;\n        currentHeaderId = this.generateSectionId(\n          `${sectionId}@${currentSectionIndex}`,\n        );\n        currentSectionIndex++;\n        count = 1;\n\n        // Add section header to keyed items\n        const sectionKeyedItem: KeyedItem<T> = {\n          id: currentHeaderId,\n          key: currentHeaderId,\n          item: keyedItem.item,\n          index: keyedItems.length,\n          pageIndex: 0,\n          indexWithinPage: keyedItems.length,\n        };\n        keyedItems.push(sectionKeyedItem);\n      } else {\n        count++;\n      }\n\n      // Add the actual data item\n      keyedItems.push(keyedItem);\n    }\n\n    // Handle last section\n    if (currentHeaderId) {\n      const isLastSectionComplete = this.table.collection.fetchedLastPage;\n      counts.set(currentHeaderId, { count, isComplete: isLastSectionComplete });\n    }\n\n    return { counts, keyedItems };\n  }\n\n  get sectionCounts(): Map<string, { count: number; isComplete: boolean }> {\n    return this.computeSectionData.counts;\n  }\n\n  get sectionsKeyedItems(): KeyedItem<T>[] {\n    return this.computeSectionData.keyedItems;\n  }\n\n  getSectionWithCount(\n    sectionKeyedItem: KeyedItem<T>,\n  ): Section & { count: number; hasMore: boolean } {\n    const section = this.renderSection(sectionKeyedItem.item);\n    const headerId = sectionKeyedItem.id;\n    const sectionData = headerId\n      ? this.sectionCounts.get(headerId) || { count: 0, isComplete: true }\n      : { count: 0, isComplete: true };\n\n    return {\n      ...section,\n      count: sectionData.count,\n      hasMore: !sectionData.isComplete,\n    };\n  }\n\n  isSectionRow(keyedItem: KeyedItem<T>): boolean {\n    return keyedItem.id.startsWith(SECTION_PREFIX);\n  }\n\n  isInvisibleRow(keyedItem: KeyedItem<T>): boolean {\n    return keyedItem.id === INVISIBLE_ROW_ID;\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobx","require","SECTION_PREFIX","INVISIBLE_ROW_ID","TableSectionsState","constructor","table","groupBy","renderSection","_defineProperty2","default","makeObservable","sectionsKeyedItems","computed","sectionCounts","generateSectionId","firstItemId","computeSectionData","counts","Map","items","keyedItems","length","push","id","key","item","index","pageIndex","indexWithinPage","currentSectionId","currentSectionIndex","currentHeaderId","count","currentSectionItems","keyedItem","sectionId","set","isComplete","sectionKeyedItem","isLastSectionComplete","collection","fetchedLastPage","sectionItems","getSectionWithCount","headerId","sectionData","get","sectionItemsList","section","hasMore","isSectionRow","startsWith","isInvisibleRow","exports"],"sources":["../../../../src/components/TableSections/TableSectionsState.ts"],"sourcesContent":["import { computed, makeObservable } from 'mobx';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { TableState } from '../../state';\nimport { GroupBy, RenderSection, Section } from '../CollectionSectionHeader';\n\nconst SECTION_PREFIX = '$$$wix-patterns-sections$$$-';\nconst INVISIBLE_ROW_ID = `${SECTION_PREFIX}invisible`;\n\nexport class TableSectionsState<T, F extends FiltersMap> {\n  table: TableState<T, F>;\n  groupBy: GroupBy<T>;\n  renderSection: RenderSection<T>;\n\n  constructor(\n    table: TableState<T, F>,\n    groupBy: GroupBy<T>,\n    renderSection: RenderSection<T>,\n  ) {\n    this.table = table;\n    this.groupBy = groupBy;\n    this.renderSection = renderSection;\n    makeObservable(this, {\n      sectionsKeyedItems: computed,\n      sectionCounts: computed,\n    });\n  }\n\n  private generateSectionId(firstItemId: string): string {\n    return `${SECTION_PREFIX}${firstItemId}`;\n  }\n\n  private get computeSectionData(): {\n    counts: Map<string, { count: number; isComplete: boolean }>;\n    items: Map<string, T[]>;\n    keyedItems: KeyedItem<T>[];\n  } {\n    const counts = new Map<string, { count: number; isComplete: boolean }>();\n    const items = new Map<string, T[]>();\n    const keyedItems: KeyedItem<T>[] = [];\n\n    if (this.table.keyedItems.length === 0) {\n      return { counts, items, keyedItems };\n    }\n\n    // Add invisible row for design purposes\n    keyedItems.push({\n      id: INVISIBLE_ROW_ID,\n      key: INVISIBLE_ROW_ID,\n      item: this.table.keyedItems[0].item,\n      index: 0,\n      pageIndex: 0,\n      indexWithinPage: 0,\n    });\n\n    let currentSectionId: string | null = null;\n    let currentSectionIndex: number = 0;\n    let currentHeaderId: string | null = null;\n    let count = 0;\n    let currentSectionItems: T[] = [];\n\n    for (const keyedItem of this.table.keyedItems) {\n      const sectionId = this.groupBy(keyedItem.item);\n\n      if (sectionId !== currentSectionId) {\n        // Store count and items for previous section\n        if (currentHeaderId) {\n          counts.set(currentHeaderId, { count, isComplete: true });\n          items.set(currentHeaderId, currentSectionItems);\n        }\n\n        // Start new section\n        currentSectionId = sectionId;\n        currentHeaderId = this.generateSectionId(\n          `${sectionId}@${currentSectionIndex}`,\n        );\n        currentSectionIndex++;\n        count = 1;\n        currentSectionItems = [keyedItem.item];\n\n        // Add section header to keyed items\n        const sectionKeyedItem: KeyedItem<T> = {\n          id: currentHeaderId,\n          key: currentHeaderId,\n          item: keyedItem.item,\n          index: keyedItems.length,\n          pageIndex: 0,\n          indexWithinPage: keyedItems.length,\n        };\n        keyedItems.push(sectionKeyedItem);\n      } else {\n        count++;\n        currentSectionItems.push(keyedItem.item);\n      }\n\n      // Add the actual data item\n      keyedItems.push(keyedItem);\n    }\n\n    // Handle last section\n    if (currentHeaderId) {\n      const isLastSectionComplete = this.table.collection.fetchedLastPage;\n      counts.set(currentHeaderId, { count, isComplete: isLastSectionComplete });\n      items.set(currentHeaderId, currentSectionItems);\n    }\n\n    return { counts, items, keyedItems };\n  }\n\n  get sectionCounts(): Map<string, { count: number; isComplete: boolean }> {\n    return this.computeSectionData.counts;\n  }\n\n  get sectionItems(): Map<string, T[]> {\n    return this.computeSectionData.items;\n  }\n\n  get sectionsKeyedItems(): KeyedItem<T>[] {\n    return this.computeSectionData.keyedItems;\n  }\n\n  getSectionWithCount(sectionKeyedItem: KeyedItem<T>): {\n    sectionId: string;\n    section: Section & { count: number; hasMore: boolean; items: T[] };\n  } {\n    const headerId = sectionKeyedItem.id;\n    const sectionData = headerId\n      ? this.sectionCounts.get(headerId) || { count: 0, isComplete: true }\n      : { count: 0, isComplete: true };\n    const sectionItemsList = headerId\n      ? this.sectionItems.get(headerId) || []\n      : [];\n\n    const sectionId = this.groupBy(sectionKeyedItem.item);\n    const section = this.renderSection(sectionId, sectionItemsList);\n\n    return {\n      sectionId,\n      section: {\n        ...section,\n        count: sectionData.count,\n        hasMore: !sectionData.isComplete,\n        items: sectionItemsList,\n      },\n    };\n  }\n\n  isSectionRow(keyedItem: KeyedItem<T>): boolean {\n    return keyedItem.id.startsWith(SECTION_PREFIX);\n  }\n\n  isInvisibleRow(keyedItem: KeyedItem<T>): boolean {\n    return keyedItem.id === INVISIBLE_ROW_ID;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "TabsFilter100655002";
+var _namespace_ = "TabsFilter2081280494";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "TabsFilter100655002__root",
-  "title": "TabsFilter100655002__title"
+  "root": "TabsFilter2081280494__root",
+  "title": "TabsFilter2081280494__title"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter100655002\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"TabsFilter100655002__root\",\"title\":\"TabsFilter100655002__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qBAAqB;AACvC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,2BAA2B;EAAC,OAAO,EAAC;AAA4B,CAAC;AACvF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter2081280494\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"TabsFilter2081280494__root\",\"title\":\"TabsFilter2081280494__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,4BAA4B;EAAC,OAAO,EAAC;AAA6B,CAAC;AACzF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/Tags/BulkAssignTagsPopover/BulkAssignTagsPopover.js

@@ -70,12 +70,15 @@ const _BulkAssignTagsPopover = ({
     });
   };
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.Popover, {
+    tabIndex: 0,
     showArrow: true,
     shown: state.isShown,
     appendTo: "window",
     placement: "bottom",
     width: "304px",
     onClickOutside: closePopover,
+    onEscPress: closePopover,
+    onTabOut: closePopover,
     dataHook: "bulk-assign-tags-popover",
     __self: void 0,
     __source: {
@@ -87,14 +90,14 @@ const _BulkAssignTagsPopover = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 95,
       columnNumber: 9
     }
   }, popoverElement), /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Content, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 93,
+      lineNumber: 96,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -103,7 +106,7 @@ const _BulkAssignTagsPopover = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 94,
+      lineNumber: 97,
       columnNumber: 11
     }
   }, state.isLoading && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -113,7 +116,7 @@ const _BulkAssignTagsPopover = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 96,
+      lineNumber: 99,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
@@ -121,10 +124,11 @@ const _BulkAssignTagsPopover = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 97,
+      lineNumber: 100,
       columnNumber: 17
     }
   })), !state.isLoading && /*#__PURE__*/_react.default.createElement(_designSystem.SelectorList, {
+    autoFocus: true,
     key: state.tagsManagementState.items.length // Remount the component on every new created tag
     ,
     dataHook: "bulk-assign-tags-selector-list",
@@ -134,7 +138,7 @@ const _BulkAssignTagsPopover = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 105,
+        lineNumber: 109,
         columnNumber: 29
       }
     }),
@@ -145,7 +149,7 @@ const _BulkAssignTagsPopover = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 115,
+        lineNumber: 119,
         columnNumber: 19
       }
     }, /*#__PURE__*/_react.default.createElement(_CreateTagButton.CreateTagButton, {
@@ -154,7 +158,7 @@ const _BulkAssignTagsPopover = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 116,
+        lineNumber: 120,
         columnNumber: 21
       }
     })),
@@ -164,7 +168,7 @@ const _BulkAssignTagsPopover = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 101,
+      lineNumber: 104,
       columnNumber: 15
     }
   }), /*#__PURE__*/_react.default.createElement(_Footer.Footer, {
@@ -172,7 +176,7 @@ const _BulkAssignTagsPopover = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 124,
+      lineNumber: 128,
       columnNumber: 13
     }
   })))), /*#__PURE__*/_react.default.createElement(_AsyncJobProgressModal.AsyncJobProgressModal, {
@@ -180,7 +184,7 @@ const _BulkAssignTagsPopover = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 128,
+      lineNumber: 132,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/Tags/BulkAssignTagsPopover/BulkAssignTagsPopover.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_designSystem","_CreateTagButton","_EmptyState","_Footer","_bexCore","_minimalRequiredWdsRuntimeCheck","_AsyncJobProgressModal","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_BulkAssignTagsPopover","state","popoverElement","translate","useWixPatternsContainer","closePopover","useCallback","handleItemSelect","item","id","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","selectorListDataSource","searchQuery","handleSearchChange","filteredOptions","tagOptions","filter","tag","name","toLowerCase","includes","length","TAG_MAX_LENGTH","truncatedTag","find","_tag$name","substring","push","items","map","idx","title","createElement","Tag","removable","maxWidth","dataHook","__self","__source","fileName","lineNumber","columnNumber","selected","assignedWithOptimisticTagIds","indeterminate","indeterminateTagIds","Promise","resolve","totalCount","Fragment","Popover","showArrow","shown","isShown","appendTo","placement","width","onClickOutside","Element","Content","Box","height","direction","isLoading","align","verticalAlign","flex","Loader","SelectorList","key","tagsManagementState","dataSource","emptyState","EmptyState","size","searchPlaceholder","isInEmptyState","renderNoResults","searchValue","padding","CreateTagButton","multiple","onSelect","Footer","AsyncJobProgressModal","exports","BulkAssignTagsPopover","observer"],"sources":["../../../../../src/components/Tags/BulkAssignTagsPopover/BulkAssignTagsPopover.tsx"],"sourcesContent":["import React, { useCallback, ReactElement } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { Box, Loader, Popover, SelectorList, Tag } from '@wix/design-system';\nimport { TagsBulkAssignPopoverState } from '../../../state/TagsBulkAssignPopoverState';\nimport { CreateTagButton } from './CreateTagButton';\nimport { EmptyState } from './EmptyState';\nimport { Footer } from './Footer';\nimport { FiltersMap, TAG_MAX_LENGTH } from '@wix/bex-core';\nimport { minimalRequiredWdsRuntimeCheck } from '../../../minimalRequiredWdsRuntimeCheck';\nimport { AsyncJobProgressModal } from './AsyncJobProgressModal';\n\nexport interface BulkAssignTagsPopoverProps<T, F extends FiltersMap> {\n  state: TagsBulkAssignPopoverState<T, F>;\n  popoverElement: ReactElement;\n}\n\nexport const _BulkAssignTagsPopover = <T, F extends FiltersMap>({\n  state,\n  popoverElement,\n}: BulkAssignTagsPopoverProps<T, F>) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const closePopover = useCallback(() => {\n    state.closePopover();\n  }, [state]);\n\n  const handleItemSelect = useCallback(\n    (item) => {\n      state.handleItemSelect(item.id);\n    },\n    [state],\n  );\n\n  if (process.env.NODE_ENV !== 'production') {\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.76.1',\n      requiredBy: 'WixPatterns/BulkAssignTagsPopover',\n    });\n  }\n\n  const selectorListDataSource = (searchQuery: string) => {\n    state.handleSearchChange(searchQuery);\n    const filteredOptions = state.tagOptions.filter((tag) => {\n      return tag.name!.toLowerCase().includes(searchQuery);\n    });\n\n    if (filteredOptions.length === 0 && searchQuery.length > TAG_MAX_LENGTH) {\n      const truncatedTag = state.tagOptions.find(\n        (tag) =>\n          tag.name?.toLowerCase() ===\n          searchQuery.substring(0, TAG_MAX_LENGTH).toLowerCase(),\n      );\n\n      if (truncatedTag) {\n        filteredOptions.push(truncatedTag);\n      }\n    }\n\n    const items = filteredOptions.map((tag, idx) => ({\n      id: tag.id!,\n      title: (\n        <Tag\n          id={tag.id!}\n          removable={false}\n          maxWidth=\"198px\"\n          dataHook={`bulk-assign-tags-tag-${idx}`}\n        >\n          {tag.name}\n        </Tag>\n      ),\n      selected: state.assignedWithOptimisticTagIds.includes(tag.id!),\n      indeterminate: state.indeterminateTagIds.includes(tag.id!),\n    }));\n    return Promise.resolve({\n      items,\n      totalCount: items.length,\n    });\n  };\n\n  return (\n    <>\n      <Popover\n        showArrow\n        shown={state.isShown}\n        appendTo=\"window\"\n        placement=\"bottom\"\n        width=\"304px\"\n        onClickOutside={closePopover}\n        dataHook=\"bulk-assign-tags-popover\"\n      >\n        <Popover.Element>{popoverElement}</Popover.Element>\n        <Popover.Content>\n          <Box height=\"270px\" direction=\"vertical\">\n            {state.isLoading && (\n              <Box align=\"center\" verticalAlign=\"middle\" flex={1}>\n                <Loader dataHook=\"bulk-assign-tags-loading-state\" />\n              </Box>\n            )}\n            {!state.isLoading && (\n              <SelectorList\n                key={state.tagsManagementState.items.length} // Remount the component on every new created tag\n                dataHook=\"bulk-assign-tags-selector-list\"\n                dataSource={selectorListDataSource}\n                emptyState={<EmptyState state={state} />}\n                size=\"small\"\n                searchPlaceholder={\n                  state.isInEmptyState\n                    ? t(\n                        'cairo.tags.collectionPage.popover.emptyState.search.placeholder',\n                      )\n                    : t('cairo.tags.collectionPage.popover.search.placeholder')\n                }\n                renderNoResults={(searchValue) => (\n                  <Box padding=\"SP2 SP5\">\n                    <CreateTagButton state={state} searchValue={searchValue} />\n                  </Box>\n                )}\n                multiple\n                onSelect={handleItemSelect}\n                height=\"216px\"\n              />\n            )}\n            <Footer state={state} />\n          </Box>\n        </Popover.Content>\n      </Popover>\n      <AsyncJobProgressModal state={state} />\n    </>\n  );\n};\n\nexport const BulkAssignTagsPopover = observer(_BulkAssignTagsPopover);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_designSystem","_CreateTagButton","_EmptyState","_Footer","_bexCore","_minimalRequiredWdsRuntimeCheck","_AsyncJobProgressModal","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_BulkAssignTagsPopover","state","popoverElement","translate","useWixPatternsContainer","closePopover","useCallback","handleItemSelect","item","id","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","selectorListDataSource","searchQuery","handleSearchChange","filteredOptions","tagOptions","filter","tag","name","toLowerCase","includes","length","TAG_MAX_LENGTH","truncatedTag","find","_tag$name","substring","push","items","map","idx","title","createElement","Tag","removable","maxWidth","dataHook","__self","__source","fileName","lineNumber","columnNumber","selected","assignedWithOptimisticTagIds","indeterminate","indeterminateTagIds","Promise","resolve","totalCount","Fragment","Popover","tabIndex","showArrow","shown","isShown","appendTo","placement","width","onClickOutside","onEscPress","onTabOut","Element","Content","Box","height","direction","isLoading","align","verticalAlign","flex","Loader","SelectorList","autoFocus","key","tagsManagementState","dataSource","emptyState","EmptyState","size","searchPlaceholder","isInEmptyState","renderNoResults","searchValue","padding","CreateTagButton","multiple","onSelect","Footer","AsyncJobProgressModal","exports","BulkAssignTagsPopover","observer"],"sources":["../../../../../src/components/Tags/BulkAssignTagsPopover/BulkAssignTagsPopover.tsx"],"sourcesContent":["import React, { useCallback, ReactElement } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { Box, Loader, Popover, SelectorList, Tag } from '@wix/design-system';\nimport { TagsBulkAssignPopoverState } from '../../../state/TagsBulkAssignPopoverState';\nimport { CreateTagButton } from './CreateTagButton';\nimport { EmptyState } from './EmptyState';\nimport { Footer } from './Footer';\nimport { FiltersMap, TAG_MAX_LENGTH } from '@wix/bex-core';\nimport { minimalRequiredWdsRuntimeCheck } from '../../../minimalRequiredWdsRuntimeCheck';\nimport { AsyncJobProgressModal } from './AsyncJobProgressModal';\n\nexport interface BulkAssignTagsPopoverProps<T, F extends FiltersMap> {\n  state: TagsBulkAssignPopoverState<T, F>;\n  popoverElement: ReactElement;\n}\n\nexport const _BulkAssignTagsPopover = <T, F extends FiltersMap>({\n  state,\n  popoverElement,\n}: BulkAssignTagsPopoverProps<T, F>) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const closePopover = useCallback(() => {\n    state.closePopover();\n  }, [state]);\n\n  const handleItemSelect = useCallback(\n    (item) => {\n      state.handleItemSelect(item.id);\n    },\n    [state],\n  );\n\n  if (process.env.NODE_ENV !== 'production') {\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.76.1',\n      requiredBy: 'WixPatterns/BulkAssignTagsPopover',\n    });\n  }\n\n  const selectorListDataSource = (searchQuery: string) => {\n    state.handleSearchChange(searchQuery);\n    const filteredOptions = state.tagOptions.filter((tag) => {\n      return tag.name!.toLowerCase().includes(searchQuery);\n    });\n\n    if (filteredOptions.length === 0 && searchQuery.length > TAG_MAX_LENGTH) {\n      const truncatedTag = state.tagOptions.find(\n        (tag) =>\n          tag.name?.toLowerCase() ===\n          searchQuery.substring(0, TAG_MAX_LENGTH).toLowerCase(),\n      );\n\n      if (truncatedTag) {\n        filteredOptions.push(truncatedTag);\n      }\n    }\n\n    const items = filteredOptions.map((tag, idx) => ({\n      id: tag.id!,\n      title: (\n        <Tag\n          id={tag.id!}\n          removable={false}\n          maxWidth=\"198px\"\n          dataHook={`bulk-assign-tags-tag-${idx}`}\n        >\n          {tag.name}\n        </Tag>\n      ),\n      selected: state.assignedWithOptimisticTagIds.includes(tag.id!),\n      indeterminate: state.indeterminateTagIds.includes(tag.id!),\n    }));\n    return Promise.resolve({\n      items,\n      totalCount: items.length,\n    });\n  };\n\n  return (\n    <>\n      <Popover\n        tabIndex={0}\n        showArrow\n        shown={state.isShown}\n        appendTo=\"window\"\n        placement=\"bottom\"\n        width=\"304px\"\n        onClickOutside={closePopover}\n        onEscPress={closePopover}\n        onTabOut={closePopover}\n        dataHook=\"bulk-assign-tags-popover\"\n      >\n        <Popover.Element>{popoverElement}</Popover.Element>\n        <Popover.Content>\n          <Box height=\"270px\" direction=\"vertical\">\n            {state.isLoading && (\n              <Box align=\"center\" verticalAlign=\"middle\" flex={1}>\n                <Loader dataHook=\"bulk-assign-tags-loading-state\" />\n              </Box>\n            )}\n            {!state.isLoading && (\n              <SelectorList\n                autoFocus\n                key={state.tagsManagementState.items.length} // Remount the component on every new created tag\n                dataHook=\"bulk-assign-tags-selector-list\"\n                dataSource={selectorListDataSource}\n                emptyState={<EmptyState state={state} />}\n                size=\"small\"\n                searchPlaceholder={\n                  state.isInEmptyState\n                    ? t(\n                        'cairo.tags.collectionPage.popover.emptyState.search.placeholder',\n                      )\n                    : t('cairo.tags.collectionPage.popover.search.placeholder')\n                }\n                renderNoResults={(searchValue) => (\n                  <Box padding=\"SP2 SP5\">\n                    <CreateTagButton state={state} searchValue={searchValue} />\n                  </Box>\n                )}\n                multiple\n                onSelect={handleItemSelect}\n                height=\"216px\"\n              />\n            )}\n            <Footer state={state} />\n          </Box>\n        </Popover.Content>\n      </Popover>\n      <AsyncJobProgressModal state={state} />\n    </>\n  );\n};\n\nexport const BulkAssignTagsPopover = observer(_BulkAssignTagsPopover);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ManageTagsModal1935372859";
+var _namespace_ = "ManageTagsModal4010282068";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ManageTagsModal1935372859__root"
+  "root": "ManageTagsModal4010282068__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal1935372859\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ManageTagsModal1935372859__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal4010282068\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ManageTagsModal4010282068__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ToolbarItem2056431157";
+var _namespace_ = "ToolbarItem1551718793";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ToolbarItem2056431157__root"
+  "root": "ToolbarItem1551718793__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem2056431157\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItem2056431157__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA6B,CAAC;AACpD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem1551718793\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItem1551718793__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA6B,CAAC;AACpD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ToolbarItemBox84292117";
+var _namespace_ = "ToolbarItemBox2456760311";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ToolbarItemBox84292117__root"
+  "root": "ToolbarItemBox2456760311__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox84292117\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItemBox84292117__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8B,CAAC;AACrD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox2456760311\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ToolbarItemBox2456760311__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/common.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "common1431577632";
+var _namespace_ = "common1469325834";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "common1431577632__root",
-  "column": "common1431577632__column",
-  "fullHeight": "common1431577632__fullHeight"
+  "root": "common1469325834__root",
+  "column": "common1469325834__column",
+  "fullHeight": "common1469325834__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/common.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../src/components/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common1431577632\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"common1431577632__root\",\"column\":\"common1431577632__column\",\"fullHeight\":\"common1431577632__fullHeight\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../src/components/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common1469325834\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"common1469325834__root\",\"column\":\"common1469325834__column\",\"fullHeight\":\"common1469325834__fullHeight\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionPageHeader217017969";
+var _namespace_ = "CollectionPageHeader4096175137";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "CollectionPageHeader217017969__root"
+  "root": "CollectionPageHeader4096175137__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader217017969\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CollectionPageHeader217017969__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,+BAA+B;AACjD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAqC,CAAC;AAC5D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader4096175137\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CollectionPageHeader4096175137__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/state/FormPage/FormPageHeader.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "FormPageHeader3680476915";
+var _namespace_ = "FormPageHeader3199519027";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "FormPageHeader3680476915__root"
+  "root": "FormPageHeader3199519027__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/FormPage/FormPageHeader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader3680476915\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"FormPageHeader3680476915__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"FormPageHeader3199519027\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"FormPageHeader3199519027__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}