@wix/patterns 1.335.0 → 1.337.0

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

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

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

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

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

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

package/src/components/Kanban/Stage.tsx

@@ -125,6 +125,7 @@ function _StageComponent<T, S, F extends FiltersMap>({
 
   const { DraggableCard } = KanbanCardDragAndDrop;
   const isInSearchMode = state.isInSearchMode();
+  const isInFilterMode = state.isInFilterMode();
   const isStageLoading = stageState.isLoading;
   const isChangingFiltersValue = state.getIsChangingFiltersValue();
   const shouldShowStageSummary = !isChangingFiltersValue && !isStageLoading;
@@ -240,7 +241,7 @@ function _StageComponent<T, S, F extends FiltersMap>({
                 }}
                 onScroll={handleScroll}
               >
-                {isInSearchMode && items.length === 0 ? (
+                {(isInSearchMode || isInFilterMode) && items.length === 0 ? (
                   <Box
                     flex="1"
                     verticalAlign="middle"

package/src/components/KanbanDragAndDropDndKit/KanbanDragAndDropContext.tsx

@@ -68,10 +68,11 @@ function _KanbanDragAndDropContext<T, S, F extends FiltersMap>(
       sensors={sensors}
       autoScroll={{
         activator: AutoScrollActivator.DraggableRect,
-        acceleration: 4,
+        acceleration: 1,
+        interval: 10,
         threshold: {
-          y: 0.01,
-          x: 0.2,
+          y: 0.15,
+          x: 0.15,
         },
       }}
       accessibility={{

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow1936050132";
+var _namespace_ = "LoadingRow51442686";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"LoadingRow1936050132__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow1936050132__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow51442686__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow51442686__gradientSwoosh"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

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

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

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar1534987121";
+var _namespace_ = "MultiBulkActionToolbar3538856250";
 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":"MultiBulkActionToolbar1534987121__root","leftGroupWrapper":"MultiBulkActionToolbar1534987121__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1534987121__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1534987121__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar3538856250__root","leftGroupWrapper":"MultiBulkActionToolbar3538856250__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3538856250__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3538856250__selectedCountText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTablePlaceholderStatesRow2199556467";
+var _namespace_ = "NestedTablePlaceholderStatesRow2901976876";
 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":"NestedTablePlaceholderStatesRow2199556467__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow2901976876__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_ = "NestedTableRow1982625251";
+var _namespace_ = "NestedTableRow4216831903";
 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":"NestedTableRow1982625251__root","firstLevel":"NestedTableRow1982625251__firstLevel","placeholder":"NestedTableRow1982625251__placeholder","parentHovered":"NestedTableRow1982625251__parentHovered"};
+export var classes = {"root":"NestedTableRow4216831903__root","firstLevel":"NestedTableRow4216831903__firstLevel","placeholder":"NestedTableRow4216831903__placeholder","parentHovered":"NestedTableRow4216831903__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_ = "MultipleDragOverlayEffect4010038675";
+var _namespace_ = "MultipleDragOverlayEffect2720149821";
 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":"MultipleDragOverlayEffect4010038675__root"};
+export var classes = {"root":"MultipleDragOverlayEffect2720149821__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_ = "NestedTableDragAndDropRow1983017318";
+var _namespace_ = "NestedTableDragAndDropRow2752194378";
 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":"NestedTableDragAndDropRow1983017318__root"};
+export var classes = {"root":"NestedTableDragAndDropRow2752194378__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_ = "PickerContent159785635";
+var _namespace_ = "PickerContent123699860";
 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":"PickerContent159785635__root"};
+export var classes = {"root":"PickerContent123699860__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_ = "PickerContentAdditionalStep511420962";
+var _namespace_ = "PickerContentAdditionalStep23964712";
 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":"PickerContentAdditionalStep511420962__root","titles":"PickerContentAdditionalStep511420962__titles","suffix":"PickerContentAdditionalStep511420962__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep23964712__root","titles":"PickerContentAdditionalStep23964712__titles","suffix":"PickerContentAdditionalStep23964712__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_ = "PickerTableListItem2511265970";
+var _namespace_ = "PickerTableListItem3689164289";
 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":"PickerTableListItem2511265970__root"};
+export var classes = {"root":"PickerTableListItem3689164289__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/RequestId/assets/locale/messages_da.json

@@ -1,5 +1,5 @@
 {
-  "description": "If you report this error to Customer Care, share this request ID so they can investigate.",
-  "cta": "Copy ID",
-  "copiedSuccess": "Copied!"
+  "description": "Hvis du rapporterer denne fejl til kundeservice, skal du dele dette anmodnings-ID, så de kan undersøge sagen.",
+  "cta": "Kopiér ID",
+  "copiedSuccess": "Kopieret."
 }

package/src/components/RequestId/assets/locale/messages_de.json

@@ -1,5 +1,5 @@
 {
-  "description": "If you report this error to Customer Care, share this request ID so they can investigate.",
-  "cta": "Copy ID",
-  "copiedSuccess": "Copied!"
+  "description": "Wenn du diesen Fehler dem Support-Team meldest, teile diese Anfrage-ID, damit diese die Anfrage prüfen können.",
+  "cta": "ID kopieren",
+  "copiedSuccess": "Kopiert"
 }

package/src/components/RequestId/assets/locale/messages_es.json

@@ -1,5 +1,5 @@
 {
-  "description": "If you report this error to Customer Care, share this request ID so they can investigate.",
-  "cta": "Copy ID",
-  "copiedSuccess": "Copied!"
+  "description": "Si reportas este error a Atención al Cliente, comparte este ID de solicitud para que puedan investigarlo.",
+  "cta": "Copiar ID",
+  "copiedSuccess": "Copiado."
 }

package/src/components/RequestId/assets/locale/messages_ru.json

@@ -1,5 +1,5 @@
 {
-  "description": "If you report this error to Customer Care, share this request ID so they can investigate.",
-  "cta": "Copy ID",
-  "copiedSuccess": "Copied!"
+  "description": "Если вы сообщите об ошибке команде поддержки, отправьте этот идентификатор запроса, чтобы они могли разобраться.",
+  "cta": "Копировать ID",
+  "copiedSuccess": "Скопировано!"
 }

package/src/components/RequestId/assets/locale/messages_th.json

@@ -1,5 +1,5 @@
 {
-  "description": "If you report this error to Customer Care, share this request ID so they can investigate.",
-  "cta": "Copy ID",
-  "copiedSuccess": "Copied!"
+  "description": "หากคุณรายงานปัญหานี้ให้ฝ่ายดูแลลูกค้าทราบ โปรดแจ้ง ID คำขอนี้เพื่อให้พวกเขาตรวจสอบได้",
+  "cta": "คัดลอก ID",
+  "copiedSuccess": "คัดลอกแล้ว !"
 }

package/src/components/RequestId/assets/locale/messages_uk.json

@@ -1,5 +1,5 @@
 {
-  "description": "If you report this error to Customer Care, share this request ID so they can investigate.",
-  "cta": "Copy ID",
-  "copiedSuccess": "Copied!"
+  "description": "Якщо ви повідомляєте про цю помилку Службі підтримки, надайте їм ідентифікатор запиту, щоб вони могли дослідити помилку.",
+  "cta": "Копіювати ідентифікатор",
+  "copiedSuccess": "Скопійовано"
 }

package/src/components/RequestId/assets/locale/messages_vi.json

@@ -1,5 +1,5 @@
 {
-  "description": "If you report this error to Customer Care, share this request ID so they can investigate.",
-  "cta": "Copy ID",
-  "copiedSuccess": "Copied!"
+  "description": "Nếu bạn báo cáo lỗi này cho bộ phận Chăm sóc khách hàng, hãy chia sẻ ID yêu cầu này để họ có thể điều tra.",
+  "cta": "Sao chép ID",
+  "copiedSuccess": "Đã sao chép!"
 }

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard4018805160";
+var _namespace_ = "SkeletonCard4200077779";
 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":"SkeletonCard4018805160__root","headerLoading":"SkeletonCard4018805160__headerLoading"};
+export var classes = {"root":"SkeletonCard4200077779__root","headerLoading":"SkeletonCard4200077779__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_ = "SlidingModal2374535293";
+var _namespace_ = "SlidingModal1143591618";
 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":"SlidingModal2374535293__root"};
+export var classes = {"root":"SlidingModal1143591618__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter4131272490";
+var _namespace_ = "TabsFilter232326813";
 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":"TabsFilter4131272490__root","title":"TabsFilter4131272490__title"};
+export var classes = {"root":"TabsFilter232326813__root","title":"TabsFilter232326813__title"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "ManageTagsModal4259143539";
+var _namespace_ = "ManageTagsModal3811406198";
 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":"ManageTagsModal4259143539__root"};
+export var classes = {"root":"ManageTagsModal3811406198__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_ = "ToolbarItem3218374573";
+var _namespace_ = "ToolbarItem4209088188";
 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":"ToolbarItem3218374573__root"};
+export var classes = {"root":"ToolbarItem4209088188__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_ = "ToolbarItemBox1995015242";
+var _namespace_ = "ToolbarItemBox3824877352";
 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":"ToolbarItemBox1995015242__root"};
+export var classes = {"root":"ToolbarItemBox3824877352__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_ = "common2255049808";
+var _namespace_ = "common2150455002";
 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":"common2255049808__root","column":"common2255049808__column","fullHeight":"common2255049808__fullHeight"};
+export var classes = {"root":"common2150455002__root","column":"common2150455002__column","fullHeight":"common2150455002__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/CollectionPage/CollectionPageHeader.st.css.ts

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

package/src/state/FormPage/FormPageHeader.st.css.ts

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

package/src/state/KanbanState/KanbanStageState.ts

@@ -100,7 +100,7 @@ export class KanbanStageState<
 
   init() {
     const disposers = [
-      this.itemsCollectionState.init(),
+      this.itemsCollectionState.init({ skipFilterListeners: true }),
       this.optimisticActions.init(),
     ];
 

package/src/state/KanbanState/KanbanState.ts

@@ -281,6 +281,10 @@ export class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>
     return search && search.length > 0;
   }
 
+  isInFilterMode() {
+    return this.queryComputed.hasActiveFilters;
+  }
+
   getIsChangingFiltersValue() {
     return this.isChangingFiltersValue;
   }

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer3131583970__root.CardContainer3131583970--mobile{border-radius:0}.Collapse1565447752__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1565447752__exit{height:0}.CollectionPage2162759526__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2162759526__root.CollectionPage2162759526--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2162759526__root.CollectionPage2162759526--panel{overflow:hidden;position:relative}.CollectionTable616826088__root td{vertical-align:middle}.CollectionTable616826088__root.CollectionTable616826088--mobile td:first-child{padding-left:18px}.CollectionTable616826088__root.CollectionTable616826088--mobile td:last-child{padding-right:18px}.CollectionToolbar2127930018__left{min-width:0}.CollectionToolbar2127930018__root.CollectionToolbar2127930018--views .CollectionToolbar2127930018__left{flex-shrink:1;flex-grow:0}.CollectionToolbar2127930018__left.CollectionToolbar2127930018--expandable{flex:auto}.CollectionToolbar2127930018__root .CollectionToolbar2127930018__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2127930018__root.CollectionToolbar2127930018--views .CollectionToolbar2127930018__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2127930018__root .CollectionToolbar2127930018__right.CollectionToolbar2127930018__fullWidth{margin-inline-start:0!important}.CollectionToolbar2127930018__root.CollectionToolbar2127930018--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3490607859__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3490607859__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3490607859__searchMobile:not(.SearchOrCustomFilter3490607859--expandable){left:18px}.SearchOrCustomFilter3490607859__searchMobile.SearchOrCustomFilter3490607859--expandable.SearchOrCustomFilter3490607859--expanded{left:18px}.AutoCompleteReadonly1533483511__root.AutoCompleteReadonly1533483511--disableEditing{cursor:pointer}.AutoCompleteReadonly1533483511__root.AutoCompleteReadonly1533483511--disableEditing input{cursor:pointer}.ViewsDropdown3036192494__root{width:200px}.DragHandle1447157029__root{display:flex;align-items:center}.DragHandle1447157029__root:not(.DragHandle1447157029--disabled){cursor:grab;color:#a8caff}.DragHandle1447157029__root.DragHandle1447157029--disabled{color:#acafc4}.DragHandle1447157029__root:focus-visible:not(.DragHandle1447157029--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1447157029__root.DragHandle1447157029--disabled{pointer-events:none}.DragHandle1447157029__root.DragHandle1447157029--dragging:not(.DragHandle1447157029--disabled){cursor:grabbing}.EntityPagePlain4274540058__root.EntityPagePlain4274540058--mobile{--wds-page-header-padding-horizontal:0}.Fade752423391__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade752423391__root.Fade752423391--exit{opacity:0}.Heading1643787226__root{visibility:visible}.Heading1643787226__root.Heading1643787226--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1075987301__root.InputOverflow1075987301--selected:not(.InputOverflow1075987301--focused) input::placeholder{color:#000624}@keyframes LoadingRow1936050132__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow1936050132__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow1936050132__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText207077314__root{opacity:1}.MaxHeightText207077314__root.MaxHeightText207077314--height24{line-height:24px}.MaxLines2360165854__root{overflow:hidden}.MaxLines2360165854__root.MaxLines2360165854--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1534987121__root{min-width:0}.MultiBulkActionToolbar1534987121__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1534987121__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1534987121__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2199556467__root td{padding:0!important;width:100%}.NestedTableRow1982625251__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1982625251__root:hover{background-color:#e7f0ff!important}.NestedTableRow1982625251__root.NestedTableRow1982625251--expandable{cursor:pointer}.NestedTableRow1982625251__placeholder td{padding:0!important;width:100%}.NestedTableRow1982625251__root:hover td:first-of-type::before,.NestedTableRow1982625251__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect4010038675__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow1983017318__root.NestedTableDragAndDropRow1983017318--draggingInto td{background-color:#e7f0ff!important}.PickerContent159785635__root{display:flex}.PickerContentAdditionalStep511420962__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep511420962__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2511265970__root{box-sizing:border-box}.ScrollableContent3427381415__root.ScrollableContent3427381415--overflowY{overflow-y:auto}.ScrollableContent3427381415__root.ScrollableContent3427381415--overflowX{overflow-x:auto}.ScrollableContent3427381415__root.ScrollableContent3427381415--smooth{scroll-behavior:smooth}.SkeletonCard4018805160__headerLoading{display:block!important}.SlidingModal2374535293__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2374535293__root.SlidingModal2374535293--overlay{transition:transform 0s ease 0s}.SlidingModal2374535293__root.SlidingModal2374535293---appendTo-6-parent{position:absolute}.SlidingModal2374535293__root:not(.SlidingModal2374535293--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter4131272490__root .TabsFilter4131272490__title{color:inherit!important}.ManageTagsModal4259143539__root{display:flex}.ToolbarItem3218374573__root{min-width:0}.ToolbarItemBox1995015242__root{min-width:0}.ToolbarItemBox1995015242__root.ToolbarItemBox1995015242--removeStartPadding{margin-left:-24px}.ToolbarItemBox1995015242__root.ToolbarItemBox1995015242--expandable{flex:1 0}.common2255049808__column{display:flex;flex-direction:column}.common2255049808__fullHeight{height:100%;min-height:0}.CollectionPageHeader3823760480__root.CollectionPageHeader3823760480--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3823760480__root.CollectionPageHeader3823760480--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader342490347__root.FormPageHeader342490347--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader342490347__root.FormPageHeader342490347--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer1127640947__root.CardContainer1127640947--mobile{border-radius:0}.Collapse4173233543__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse4173233543__exit{height:0}.CollectionPage1884614354__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1884614354__root.CollectionPage1884614354--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1884614354__root.CollectionPage1884614354--panel{overflow:hidden;position:relative}.CollectionTable830039945__root td{vertical-align:middle}.CollectionTable830039945__root.CollectionTable830039945--mobile td:first-child{padding-left:18px}.CollectionTable830039945__root.CollectionTable830039945--mobile td:last-child{padding-right:18px}.CollectionToolbar2067268736__left{min-width:0}.CollectionToolbar2067268736__root.CollectionToolbar2067268736--views .CollectionToolbar2067268736__left{flex-shrink:1;flex-grow:0}.CollectionToolbar2067268736__left.CollectionToolbar2067268736--expandable{flex:auto}.CollectionToolbar2067268736__root .CollectionToolbar2067268736__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2067268736__root.CollectionToolbar2067268736--views .CollectionToolbar2067268736__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2067268736__root .CollectionToolbar2067268736__right.CollectionToolbar2067268736__fullWidth{margin-inline-start:0!important}.CollectionToolbar2067268736__root.CollectionToolbar2067268736--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3266924804__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3266924804__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3266924804__searchMobile:not(.SearchOrCustomFilter3266924804--expandable){left:18px}.SearchOrCustomFilter3266924804__searchMobile.SearchOrCustomFilter3266924804--expandable.SearchOrCustomFilter3266924804--expanded{left:18px}.AutoCompleteReadonly1578371289__root.AutoCompleteReadonly1578371289--disableEditing{cursor:pointer}.AutoCompleteReadonly1578371289__root.AutoCompleteReadonly1578371289--disableEditing input{cursor:pointer}.ViewsDropdown445946096__root{width:200px}.DragHandle3732314417__root{display:flex;align-items:center}.DragHandle3732314417__root:not(.DragHandle3732314417--disabled){cursor:grab;color:#a8caff}.DragHandle3732314417__root.DragHandle3732314417--disabled{color:#acafc4}.DragHandle3732314417__root:focus-visible:not(.DragHandle3732314417--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3732314417__root.DragHandle3732314417--disabled{pointer-events:none}.DragHandle3732314417__root.DragHandle3732314417--dragging:not(.DragHandle3732314417--disabled){cursor:grabbing}.EntityPagePlain1938592713__root.EntityPagePlain1938592713--mobile{--wds-page-header-padding-horizontal:0}.Fade1959325389__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1959325389__root.Fade1959325389--exit{opacity:0}.Heading1774965373__root{visibility:visible}.Heading1774965373__root.Heading1774965373--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow869134323__root.InputOverflow869134323--selected:not(.InputOverflow869134323--focused) input::placeholder{color:#000624}@keyframes LoadingRow51442686__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow51442686__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow51442686__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2323143137__root{opacity:1}.MaxHeightText2323143137__root.MaxHeightText2323143137--height24{line-height:24px}.MaxLines3438071243__root{overflow:hidden}.MaxLines3438071243__root.MaxLines3438071243--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3538856250__root{min-width:0}.MultiBulkActionToolbar3538856250__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3538856250__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3538856250__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2901976876__root td{padding:0!important;width:100%}.NestedTableRow4216831903__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow4216831903__root:hover{background-color:#e7f0ff!important}.NestedTableRow4216831903__root.NestedTableRow4216831903--expandable{cursor:pointer}.NestedTableRow4216831903__placeholder td{padding:0!important;width:100%}.NestedTableRow4216831903__root:hover td:first-of-type::before,.NestedTableRow4216831903__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2720149821__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow2752194378__root.NestedTableDragAndDropRow2752194378--draggingInto td{background-color:#e7f0ff!important}.PickerContent123699860__root{display:flex}.PickerContentAdditionalStep23964712__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep23964712__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3689164289__root{box-sizing:border-box}.ScrollableContent1514627155__root.ScrollableContent1514627155--overflowY{overflow-y:auto}.ScrollableContent1514627155__root.ScrollableContent1514627155--overflowX{overflow-x:auto}.ScrollableContent1514627155__root.ScrollableContent1514627155--smooth{scroll-behavior:smooth}.SkeletonCard4200077779__headerLoading{display:block!important}.SlidingModal1143591618__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1143591618__root.SlidingModal1143591618--overlay{transition:transform 0s ease 0s}.SlidingModal1143591618__root.SlidingModal1143591618---appendTo-6-parent{position:absolute}.SlidingModal1143591618__root:not(.SlidingModal1143591618--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter232326813__root .TabsFilter232326813__title{color:inherit!important}.ManageTagsModal3811406198__root{display:flex}.ToolbarItem4209088188__root{min-width:0}.ToolbarItemBox3824877352__root{min-width:0}.ToolbarItemBox3824877352__root.ToolbarItemBox3824877352--removeStartPadding{margin-left:-24px}.ToolbarItemBox3824877352__root.ToolbarItemBox3824877352--expandable{flex:1 0}.common2150455002__column{display:flex;flex-direction:column}.common2150455002__fullHeight{height:100%;min-height:0}.CollectionPageHeader3964412975__root.CollectionPageHeader3964412975--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3964412975__root.CollectionPageHeader3964412975--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3327977933__root.FormPageHeader3327977933--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3327977933__root.FormPageHeader3327977933--mobile>*{margin-left:0;margin-top:6px!important;height:auto}