@wix/patterns 1.265.0 → 1.267.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Fade4066996397";
+var _namespace_ = "Fade3087381115";
 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":"Fade4066996397__root"};
+export var classes = {"root":"Fade3087381115__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_ = "Heading3152379401";
+var _namespace_ = "Heading3158021534";
 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":"Heading3152379401__root"};
+export var classes = {"root":"Heading3158021534__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_ = "InputOverflow2116414656";
+var _namespace_ = "InputOverflow3236173267";
 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":"InputOverflow2116414656__root"};
+export var classes = {"root":"InputOverflow3236173267__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Kanban/Kanban.tsx

@@ -11,7 +11,7 @@ import { StagesSkeleton } from './StagesSkeleton';
 
 export interface KanbanProps<C, S, F extends FiltersMap>
   extends ToolbarBaseProps,
-    KanbanBaseProps<C, S, F> {}
+  KanbanBaseProps<C, S, F> { }
 
 function _Kanban<C, S, F extends FiltersMap>(props: KanbanProps<C, S, F>) {
   const { state, dataHook } = props;
@@ -59,7 +59,13 @@ function _Kanban<C, S, F extends FiltersMap>(props: KanbanProps<C, S, F>) {
 
   const stagesContent = (
     <KanbanDragAndDropContext state={state} stageId="all">
-      <Box direction="horizontal" gap="12px">
+      <Box
+        direction="horizontal"
+        gap="12px"
+        scrollbarWidth="thin"
+        scrollbarColor="#CFD1DC transparent"
+        overflowX="scroll"
+      >
         {stages.map((stage: S, index: number) => (
           <>
             {index === firstDoneIndex && firstDoneIndex !== -1 && (

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow3617053642";
+var _namespace_ = "LoadingRow2398070843";
 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":"LoadingRow3617053642__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow3617053642__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow2398070843__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow2398070843__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_ = "MaxHeightText4075989554";
+var _namespace_ = "MaxHeightText173930744";
 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":"MaxHeightText4075989554__root"};
+export var classes = {"root":"MaxHeightText173930744__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_ = "MaxLines483284732";
+var _namespace_ = "MaxLines954524742";
 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":"MaxLines483284732__root"};
+export var classes = {"root":"MaxLines954524742__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_ = "MultiBulkActionToolbar206332739";
+var _namespace_ = "MultiBulkActionToolbar2133876086";
 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":"MultiBulkActionToolbar206332739__root"};
+export var classes = {"root":"MultiBulkActionToolbar2133876086__root"};
 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_ = "NestedTablePlaceholderStatesRow4070074949";
+var _namespace_ = "NestedTablePlaceholderStatesRow2723501048";
 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":"NestedTablePlaceholderStatesRow4070074949__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow2723501048__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_ = "NestedTableRow1332964938";
+var _namespace_ = "NestedTableRow1133267633";
 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":"NestedTableRow1332964938__root","firstLevel":"NestedTableRow1332964938__firstLevel","placeholder":"NestedTableRow1332964938__placeholder","parentHovered":"NestedTableRow1332964938__parentHovered"};
+export var classes = {"root":"NestedTableRow1133267633__root","firstLevel":"NestedTableRow1133267633__firstLevel","placeholder":"NestedTableRow1133267633__placeholder","parentHovered":"NestedTableRow1133267633__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_ = "MultipleDragOverlayEffect493559973";
+var _namespace_ = "MultipleDragOverlayEffect1068395415";
 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":"MultipleDragOverlayEffect493559973__root"};
+export var classes = {"root":"MultipleDragOverlayEffect1068395415__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_ = "NestedTableDragAndDropRow2736321106";
+var _namespace_ = "NestedTableDragAndDropRow4137815036";
 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":"NestedTableDragAndDropRow2736321106__root"};
+export var classes = {"root":"NestedTableDragAndDropRow4137815036__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_ = "PickerContent1184630930";
+var _namespace_ = "PickerContent3438207586";
 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":"PickerContent1184630930__root"};
+export var classes = {"root":"PickerContent3438207586__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_ = "PickerContentAdditionalStep1014198277";
+var _namespace_ = "PickerContentAdditionalStep4143253153";
 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":"PickerContentAdditionalStep1014198277__root","titles":"PickerContentAdditionalStep1014198277__titles","suffix":"PickerContentAdditionalStep1014198277__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep4143253153__root","titles":"PickerContentAdditionalStep4143253153__titles","suffix":"PickerContentAdditionalStep4143253153__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_ = "PickerTableListItem2409496180";
+var _namespace_ = "PickerTableListItem1386941642";
 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":"PickerTableListItem2409496180__root"};
+export var classes = {"root":"PickerTableListItem1386941642__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ScrollableContent3193808438";
+var _namespace_ = "ScrollableContent3869977938";
 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":"ScrollableContent3193808438__root"};
+export var classes = {"root":"ScrollableContent3869977938__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_ = "SkeletonCard366659410";
+var _namespace_ = "SkeletonCard1000238212";
 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":"SkeletonCard366659410__root","headerLoading":"SkeletonCard366659410__headerLoading"};
+export var classes = {"root":"SkeletonCard1000238212__root","headerLoading":"SkeletonCard1000238212__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_ = "SlidingModal826424250";
+var _namespace_ = "SlidingModal3445316288";
 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":"SlidingModal826424250__root"};
+export var classes = {"root":"SlidingModal3445316288__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/TableSkeleton/TableSkeleton.tsx

@@ -9,7 +9,6 @@ import {
 import { FiltersMap } from '@wix/bex-core';
 import { ResponsiveColumnsState, ToolbarCollectionState } from '../../state';
 import { observer } from 'mobx-react-lite';
-import { useTableRoundedCornersEnabled } from '../../hooks/useTableRoundedCornersEnabled';
 
 export interface TableSkeletonProps<T, F extends FiltersMap> {
   state: ToolbarCollectionState<T, F>;
@@ -24,8 +23,6 @@ export function _TableSkeleton<T, F extends FiltersMap>(
 ) {
   const { state, dataHook, rowsCount = 7, showTitleBar, ...rest } = props;
 
-  const roundedCornersEnabled = useTableRoundedCornersEnabled();
-
   const [{ columnCount, minItemWidth, itemsContentWidth }] = useState(
     () =>
       new ResponsiveColumnsState({
@@ -95,7 +92,7 @@ export function _TableSkeleton<T, F extends FiltersMap>(
           direction="vertical"
           backgroundColor="D80"
           borderRadius="0px 0px 8px 8px"
-          overflow={roundedCornersEnabled ? 'hidden' : undefined}
+          overflow="hidden"
         >
           <Table.Content titleBarVisible={showTitleBar} />
         </Box>

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter3146213581";
+var _namespace_ = "TabsFilter1686671822";
 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":"TabsFilter3146213581__root","title":"TabsFilter3146213581__title"};
+export var classes = {"root":"TabsFilter1686671822__root","title":"TabsFilter1686671822__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_ = "ManageTagsModal497343785";
+var _namespace_ = "ManageTagsModal3082686369";
 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":"ManageTagsModal497343785__root"};
+export var classes = {"root":"ManageTagsModal3082686369__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_ = "ToolbarItem246157428";
+var _namespace_ = "ToolbarItem348002915";
 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":"ToolbarItem246157428__root"};
+export var classes = {"root":"ToolbarItem348002915__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_ = "ToolbarItemBox3629337748";
+var _namespace_ = "ToolbarItemBox3052096235";
 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":"ToolbarItemBox3629337748__root"};
+export var classes = {"root":"ToolbarItemBox3052096235__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_ = "common430087294";
+var _namespace_ = "common3040524433";
 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":"common430087294__root","column":"common430087294__column","fullHeight":"common430087294__fullHeight"};
+export var classes = {"root":"common3040524433__root","column":"common3040524433__column","fullHeight":"common3040524433__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_ = "CollectionPageHeader3779852258";
+var _namespace_ = "CollectionPageHeader3158062920";
 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":"CollectionPageHeader3779852258__root"};
+export var classes = {"root":"CollectionPageHeader3158062920__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_ = "FormPageHeader2552518940";
+var _namespace_ = "FormPageHeader3571033747";
 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":"FormPageHeader2552518940__root"};
+export var classes = {"root":"FormPageHeader3571033747__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer1162892424__root.CardContainer1162892424--mobile{border-radius:0}.Collapse1354406179__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1354406179__exit{height:0}.CollectionPage4089491718__root.CollectionPage4089491718--mobile{--wds-page-header-padding-horizontal:0}.CollectionPage4089491718__root.CollectionPage4089491718--panel{overflow:hidden;position:relative}.CollectionTable3362170684__root.CollectionTable3362170684--mobile td:first-child{padding-left:18px}.CollectionTable3362170684__root.CollectionTable3362170684--mobile td:last-child{padding-right:18px}.CollectionToolbar1939736022__left{min-width:0}.CollectionToolbar1939736022__root.CollectionToolbar1939736022--views .CollectionToolbar1939736022__left{flex-shrink:1;flex-grow:0}.CollectionToolbar1939736022__left.CollectionToolbar1939736022--expandable{flex:auto}.CollectionToolbar1939736022__root .CollectionToolbar1939736022__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1939736022__root.CollectionToolbar1939736022--views .CollectionToolbar1939736022__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1939736022__root .CollectionToolbar1939736022__right.CollectionToolbar1939736022__fullWidth{margin-inline-start:0!important}.CollectionToolbar1939736022__root.CollectionToolbar1939736022--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1499759097__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1499759097__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly3562650700__root.AutoCompleteReadonly3562650700--disableEditing{cursor:pointer}.AutoCompleteReadonly3562650700__root.AutoCompleteReadonly3562650700--disableEditing input{cursor:pointer}.ViewsDropdown1853269276__root{width:200px}.DragHandle173041026__root{display:flex;align-items:center}.DragHandle173041026__root:not(.DragHandle173041026--disabled){cursor:grab;color:#a8caff}.DragHandle173041026__root.DragHandle173041026--disabled{color:#acafc4}.DragHandle173041026__root:focus-visible:not(.DragHandle173041026--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle173041026__root.DragHandle173041026--disabled{pointer-events:none}.DragHandle173041026__root.DragHandle173041026--dragging:not(.DragHandle173041026--disabled){cursor:grabbing}.EntityPagePlain3125617155__root.EntityPagePlain3125617155--mobile{--wds-page-header-padding-horizontal:0}.Fade4066996397__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade4066996397__root.Fade4066996397--exit{opacity:0}.Heading3152379401__root{visibility:visible}.Heading3152379401__root.Heading3152379401--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2116414656__root.InputOverflow2116414656--selected:not(.InputOverflow2116414656--focused) input::placeholder{color:#000624}@keyframes LoadingRow3617053642__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%}}.LoadingRow3617053642__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:LoadingRow3617053642__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText4075989554__root{opacity:1}.MaxHeightText4075989554__root.MaxHeightText4075989554--height24{line-height:24px}.MaxLines483284732__root{overflow:hidden}.MaxLines483284732__root.MaxLines483284732--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar206332739__root{min-width:0}.NestedTablePlaceholderStatesRow4070074949__root td{padding:0!important;width:100%}.NestedTableRow1332964938__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1332964938__root:hover{background-color:#e7f0ff!important}.NestedTableRow1332964938__root.NestedTableRow1332964938--expandable{cursor:pointer}.NestedTableRow1332964938__placeholder td{padding:0!important;width:100%}.NestedTableRow1332964938__root:hover td:first-of-type::before,.NestedTableRow1332964938__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect493559973__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)}.NestedTableDragAndDropRow2736321106__root.NestedTableDragAndDropRow2736321106--draggingInto td{background-color:#e7f0ff!important}.PickerContent1184630930__root{display:flex}.PickerContentAdditionalStep1014198277__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1014198277__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2409496180__root{box-sizing:border-box}.ScrollableContent3193808438__root.ScrollableContent3193808438--overflowY{overflow-y:auto}.ScrollableContent3193808438__root.ScrollableContent3193808438--overflowX{overflow-x:auto}.ScrollableContent3193808438__root.ScrollableContent3193808438--smooth{scroll-behavior:smooth}.SkeletonCard366659410__headerLoading{display:block!important}.SlidingModal826424250__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal826424250__root.SlidingModal826424250---appendTo-6-parent{transition:transform 0s ease 0s;position:absolute}.SlidingModal826424250__root:not(.SlidingModal826424250--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter3146213581__root .TabsFilter3146213581__title{color:inherit!important}.ManageTagsModal497343785__root{display:flex}.ToolbarItem246157428__root{min-width:0}.ToolbarItemBox3629337748__root{min-width:0}.ToolbarItemBox3629337748__root.ToolbarItemBox3629337748--removeStartPadding{margin-left:-24px}.ToolbarItemBox3629337748__root.ToolbarItemBox3629337748--expandable{flex:1 0}.common430087294__column{display:flex;flex-direction:column}.common430087294__fullHeight{height:100%;min-height:0}.CollectionPageHeader3779852258__root.CollectionPageHeader3779852258--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3779852258__root.CollectionPageHeader3779852258--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2552518940__root.FormPageHeader2552518940--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2552518940__root.FormPageHeader2552518940--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer3203007634__root.CardContainer3203007634--mobile{border-radius:0}.Collapse1440950590__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1440950590__exit{height:0}.CollectionPage2061458258__root.CollectionPage2061458258--mobile{--wds-page-header-padding-horizontal:0}.CollectionPage2061458258__root.CollectionPage2061458258--panel{overflow:hidden;position:relative}.CollectionTable3094042517__root.CollectionTable3094042517--mobile td:first-child{padding-left:18px}.CollectionTable3094042517__root.CollectionTable3094042517--mobile td:last-child{padding-right:18px}.CollectionToolbar817392230__left{min-width:0}.CollectionToolbar817392230__root.CollectionToolbar817392230--views .CollectionToolbar817392230__left{flex-shrink:1;flex-grow:0}.CollectionToolbar817392230__left.CollectionToolbar817392230--expandable{flex:auto}.CollectionToolbar817392230__root .CollectionToolbar817392230__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar817392230__root.CollectionToolbar817392230--views .CollectionToolbar817392230__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar817392230__root .CollectionToolbar817392230__right.CollectionToolbar817392230__fullWidth{margin-inline-start:0!important}.CollectionToolbar817392230__root.CollectionToolbar817392230--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3051195853__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3051195853__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly3122863706__root.AutoCompleteReadonly3122863706--disableEditing{cursor:pointer}.AutoCompleteReadonly3122863706__root.AutoCompleteReadonly3122863706--disableEditing input{cursor:pointer}.ViewsDropdown3768192699__root{width:200px}.DragHandle3095245558__root{display:flex;align-items:center}.DragHandle3095245558__root:not(.DragHandle3095245558--disabled){cursor:grab;color:#a8caff}.DragHandle3095245558__root.DragHandle3095245558--disabled{color:#acafc4}.DragHandle3095245558__root:focus-visible:not(.DragHandle3095245558--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3095245558__root.DragHandle3095245558--disabled{pointer-events:none}.DragHandle3095245558__root.DragHandle3095245558--dragging:not(.DragHandle3095245558--disabled){cursor:grabbing}.EntityPagePlain4038994748__root.EntityPagePlain4038994748--mobile{--wds-page-header-padding-horizontal:0}.Fade3087381115__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3087381115__root.Fade3087381115--exit{opacity:0}.Heading3158021534__root{visibility:visible}.Heading3158021534__root.Heading3158021534--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow3236173267__root.InputOverflow3236173267--selected:not(.InputOverflow3236173267--focused) input::placeholder{color:#000624}@keyframes LoadingRow2398070843__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%}}.LoadingRow2398070843__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:LoadingRow2398070843__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText173930744__root{opacity:1}.MaxHeightText173930744__root.MaxHeightText173930744--height24{line-height:24px}.MaxLines954524742__root{overflow:hidden}.MaxLines954524742__root.MaxLines954524742--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2133876086__root{min-width:0}.NestedTablePlaceholderStatesRow2723501048__root td{padding:0!important;width:100%}.NestedTableRow1133267633__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1133267633__root:hover{background-color:#e7f0ff!important}.NestedTableRow1133267633__root.NestedTableRow1133267633--expandable{cursor:pointer}.NestedTableRow1133267633__placeholder td{padding:0!important;width:100%}.NestedTableRow1133267633__root:hover td:first-of-type::before,.NestedTableRow1133267633__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1068395415__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)}.NestedTableDragAndDropRow4137815036__root.NestedTableDragAndDropRow4137815036--draggingInto td{background-color:#e7f0ff!important}.PickerContent3438207586__root{display:flex}.PickerContentAdditionalStep4143253153__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep4143253153__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1386941642__root{box-sizing:border-box}.ScrollableContent3869977938__root.ScrollableContent3869977938--overflowY{overflow-y:auto}.ScrollableContent3869977938__root.ScrollableContent3869977938--overflowX{overflow-x:auto}.ScrollableContent3869977938__root.ScrollableContent3869977938--smooth{scroll-behavior:smooth}.SkeletonCard1000238212__headerLoading{display:block!important}.SlidingModal3445316288__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3445316288__root.SlidingModal3445316288---appendTo-6-parent{transition:transform 0s ease 0s;position:absolute}.SlidingModal3445316288__root:not(.SlidingModal3445316288--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1686671822__root .TabsFilter1686671822__title{color:inherit!important}.ManageTagsModal3082686369__root{display:flex}.ToolbarItem348002915__root{min-width:0}.ToolbarItemBox3052096235__root{min-width:0}.ToolbarItemBox3052096235__root.ToolbarItemBox3052096235--removeStartPadding{margin-left:-24px}.ToolbarItemBox3052096235__root.ToolbarItemBox3052096235--expandable{flex:1 0}.common3040524433__column{display:flex;flex-direction:column}.common3040524433__fullHeight{height:100%;min-height:0}.CollectionPageHeader3158062920__root.CollectionPageHeader3158062920--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3158062920__root.CollectionPageHeader3158062920--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3571033747__root.FormPageHeader3571033747--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3571033747__root.FormPageHeader3571033747--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/themes/PatternsTheme.ts

@@ -23,4 +23,9 @@ export interface PatternsTheme {
   radioGroup: {
     spacing?: string;
   };
+  rangePicker: {
+    size?: 'small' | 'medium';
+    zIndex?: number;
+    width?: string | number;
+  };
 }

package/src/themes/PatternsThemeProvider.ts

@@ -8,6 +8,10 @@ export const PatternsThemeContext = createContext<PatternsTheme>({
     item: {},
   },
   radioGroup: {},
+  rangePicker: {
+    size: 'medium',
+    width: '172px',
+  },
 });
 
 export const PatternsThemeProvider = PatternsThemeContext.Provider;

package/src/themes/panel-theme.tsx

@@ -23,4 +23,9 @@ export const panelTheme: PatternsTheme = {
   radioGroup: {
     spacing: '0px',
   },
+  rangePicker: {
+    size: 'small',
+    width: '100%',
+    zIndex: 2000,
+  },
 };

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.265.0';
+export const version = 'patterns@1.267.0';

package/dist/cjs/hooks/useTableRoundedCornersEnabled.js

@@ -1,12 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.useTableRoundedCornersEnabled = useTableRoundedCornersEnabled;
-var _react = require("@wix/bex-core/react");
-function useTableRoundedCornersEnabled() {
-  const {
-    internalExperiments
-  } = (0, _react.useWixPatternsContainer)();
-  return internalExperiments == null ? void 0 : internalExperiments.enabled('specs.cairo.tableRoundedCorners');
-}
-//# sourceMappingURL=useTableRoundedCornersEnabled.js.map

package/dist/cjs/hooks/useTableRoundedCornersEnabled.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","useTableRoundedCornersEnabled","internalExperiments","useWixPatternsContainer","enabled"],"sources":["../../../src/hooks/useTableRoundedCornersEnabled.ts"],"sourcesContent":["import { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport function useTableRoundedCornersEnabled() {\n  const { internalExperiments } = useWixPatternsContainer();\n  return internalExperiments?.enabled('specs.cairo.tableRoundedCorners');\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,SAASC,6BAA6BA,CAAA,EAAG;EAC9C,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EACzD,OAAOD,mBAAmB,oBAAnBA,mBAAmB,CAAEE,OAAO,CAAC,iCAAiC,CAAC;AACxE","ignoreList":[]}

package/dist/esm/hooks/useTableRoundedCornersEnabled.js

@@ -1,6 +0,0 @@
-import { useWixPatternsContainer } from '@wix/bex-core/react';
-export function useTableRoundedCornersEnabled() {
-    const { internalExperiments } = useWixPatternsContainer();
-    return internalExperiments?.enabled('specs.cairo.tableRoundedCorners');
-}
-//# sourceMappingURL=useTableRoundedCornersEnabled.js.map

package/dist/esm/hooks/useTableRoundedCornersEnabled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableRoundedCornersEnabled.js","sourceRoot":"","sources":["../../../src/hooks/useTableRoundedCornersEnabled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAE9D,MAAM,UAAU,6BAA6B;IAC3C,MAAM,EAAE,mBAAmB,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAC1D,OAAO,mBAAmB,EAAE,OAAO,CAAC,iCAAiC,CAAC,CAAC;AACzE,CAAC"}

package/dist/types/hooks/useTableRoundedCornersEnabled.d.ts

@@ -1,2 +0,0 @@
-export declare function useTableRoundedCornersEnabled(): boolean | undefined;
-//# sourceMappingURL=useTableRoundedCornersEnabled.d.ts.map

package/dist/types/hooks/useTableRoundedCornersEnabled.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableRoundedCornersEnabled.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTableRoundedCornersEnabled.ts"],"names":[],"mappings":"AAEA,wBAAgB,6BAA6B,wBAG5C"}

package/src/hooks/useTableRoundedCornersEnabled.ts

@@ -1,6 +0,0 @@
-import { useWixPatternsContainer } from '@wix/bex-core/react';
-
-export function useTableRoundedCornersEnabled() {
-  const { internalExperiments } = useWixPatternsContainer();
-  return internalExperiments?.enabled('specs.cairo.tableRoundedCorners');
-}