@wix/patterns 1.401.0 → 1.403.0

package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContentAdditionalStep1197764926";
+var _namespace_ = "PickerContentAdditionalStep1165878217";
 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":"PickerContentAdditionalStep1197764926__root","titles":"PickerContentAdditionalStep1197764926__titles","suffix":"PickerContentAdditionalStep1197764926__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep1165878217__root","titles":"PickerContentAdditionalStep1165878217__titles","suffix":"PickerContentAdditionalStep1165878217__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_ = "PickerTableListItem3278916111";
+var _namespace_ = "PickerTableListItem1020420000";
 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":"PickerTableListItem3278916111__root"};
+export var classes = {"root":"PickerTableListItem1020420000__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_ = "ScrollableContent3463206713";
+var _namespace_ = "ScrollableContent3983010382";
 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":"ScrollableContent3463206713__root"};
+export var classes = {"root":"ScrollableContent3983010382__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_ = "SkeletonCard4110983351";
+var _namespace_ = "SkeletonCard1670406343";
 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":"SkeletonCard4110983351__root","headerLoading":"SkeletonCard4110983351__headerLoading"};
+export var classes = {"root":"SkeletonCard1670406343__root","headerLoading":"SkeletonCard1670406343__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_ = "SlidingModal549485581";
+var _namespace_ = "SlidingModal470879679";
 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":"SlidingModal549485581__root"};
+export var classes = {"root":"SlidingModal470879679__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_ = "TabsFilter1577501811";
+var _namespace_ = "TabsFilter278983639";
 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":"TabsFilter1577501811__root","title":"TabsFilter1577501811__title"};
+export var classes = {"root":"TabsFilter278983639__root","title":"TabsFilter278983639__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_ = "ManageTagsModal2825701445";
+var _namespace_ = "ManageTagsModal3976632832";
 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":"ManageTagsModal2825701445__root"};
+export var classes = {"root":"ManageTagsModal3976632832__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_ = "ToolbarItem178256262";
+var _namespace_ = "ToolbarItem2761750576";
 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":"ToolbarItem178256262__root"};
+export var classes = {"root":"ToolbarItem2761750576__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_ = "ToolbarItemBox4212102949";
+var _namespace_ = "ToolbarItemBox4208486906";
 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":"ToolbarItemBox4212102949__root"};
+export var classes = {"root":"ToolbarItemBox4208486906__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_ = "common3847889495";
+var _namespace_ = "common4214916960";
 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":"common3847889495__root","column":"common3847889495__column","fullHeight":"common3847889495__fullHeight"};
+export var classes = {"root":"common4214916960__root","column":"common4214916960__column","fullHeight":"common4214916960__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_ = "CollectionPageHeader1263821278";
+var _namespace_ = "CollectionPageHeader1652520871";
 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":"CollectionPageHeader1263821278__root"};
+export var classes = {"root":"CollectionPageHeader1652520871__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_ = "FormPageHeader711300537";
+var _namespace_ = "FormPageHeader3773447306";
 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":"FormPageHeader711300537__root"};
+export var classes = {"root":"FormPageHeader3773447306__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer1747427141__root.CardContainer1747427141--mobile{border-radius:0}.CmsFieldForm596386490__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal4154121255__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection950605717__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput1400949335__field{flex:1;min-width:0}.Collapse3524610307__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3524610307__exit{height:0}.CollectionPage3045364494__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3045364494__root.CollectionPage3045364494--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3045364494__root.CollectionPage3045364494--panel{overflow:hidden;position:relative}.CollectionSectionHeader456911823__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable66429427__root td{vertical-align:middle}.CollectionTable66429427__root.CollectionTable66429427--mobile td:first-child{padding-left:18px}.CollectionTable66429427__root.CollectionTable66429427--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable1127825129__root.CollectionTableWSRTable1127825129--resizable table{min-width:100%}.CollectionTableWSRTable1127825129__root.CollectionTableWSRTable1127825129--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar1811952797__left{min-width:0}.CollectionToolbar1811952797__left.CollectionToolbar1811952797--expandable{flex:auto}.CollectionToolbar1811952797__left.CollectionToolbar1811952797--title>*{width:100%}.CollectionToolbar1811952797__root.CollectionToolbar1811952797---responsiveMode-5-title .CollectionToolbar1811952797__left{flex:1 100;min-width:50px}.CollectionToolbar1811952797__root.CollectionToolbar1811952797---responsiveMode-4-tabs .CollectionToolbar1811952797__left,.CollectionToolbar1811952797__root.CollectionToolbar1811952797---responsiveMode-4-tabs .CollectionToolbar1811952797__left.CollectionToolbar1811952797--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1811952797__root.CollectionToolbar1811952797---responsiveMode-4-tabs .CollectionToolbar1811952797__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1811952797__root .CollectionToolbar1811952797__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1811952797__root.CollectionToolbar1811952797--views .CollectionToolbar1811952797__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1811952797__root.CollectionToolbar1811952797---responsiveMode-4-tabs .CollectionToolbar1811952797__right,.CollectionToolbar1811952797__root.CollectionToolbar1811952797---responsiveMode-5-title .CollectionToolbar1811952797__right{flex:0 1 auto;min-width:0}.CollectionToolbar1811952797__root .CollectionToolbar1811952797__right.CollectionToolbar1811952797__fullWidth{margin-inline-start:0!important}.CollectionToolbar1811952797__root.CollectionToolbar1811952797--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter2247733909__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2247733909__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter2247733909__searchMobile:not(.SearchOrCustomFilter2247733909--expandable){left:18px}.SearchOrCustomFilter2247733909__searchMobile.SearchOrCustomFilter2247733909--expandable.SearchOrCustomFilter2247733909--expanded{left:18px}.AutoCompleteReadonly2030167710__root.AutoCompleteReadonly2030167710--disableEditing{cursor:pointer}.AutoCompleteReadonly2030167710__root.AutoCompleteReadonly2030167710--disableEditing input{cursor:pointer}.ViewsDropdown1488945568__root{width:200px}.DragHandle10500396__root{display:flex;align-items:center}.DragHandle10500396__root:not(.DragHandle10500396--disabled){cursor:grab;color:#a8caff}.DragHandle10500396__root.DragHandle10500396--disabled{color:#acafc4}.DragHandle10500396__root:focus-visible:not(.DragHandle10500396--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle10500396__root.DragHandle10500396--disabled{pointer-events:none}.DragHandle10500396__root.DragHandle10500396--dragging:not(.DragHandle10500396--disabled){cursor:grabbing}td:has(>.EditableCell297025019__root){position:relative;overflow:visible;min-height:24px}.EditableCell297025019__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell297025019__root.EditableCell297025019--selected{background:rgba(56,153,236,.08)}.EditableCell297025019__root.EditableCell297025019--focused:not(.EditableCell297025019--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell297025019__root.EditableCell297025019--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell297025019__root.EditableCell297025019--editing:not(.EditableCell297025019--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell297025019__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell297025019__root.EditableCell297025019--selectionTop:not(.EditableCell297025019--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell297025019__root.EditableCell297025019--selectionBottom:not(.EditableCell297025019--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell297025019__root.EditableCell297025019--selectionLeft:not(.EditableCell297025019--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell297025019__root.EditableCell297025019--selectionRight:not(.EditableCell297025019--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell297025019__root.EditableCell297025019--selectionTop.EditableCell297025019--editing.EditableCell297025019--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell297025019__root.EditableCell297025019--selectionBottom.EditableCell297025019--editing.EditableCell297025019--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell297025019__root.EditableCell297025019--selectionLeft.EditableCell297025019--editing.EditableCell297025019--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell297025019__root.EditableCell297025019--selectionRight.EditableCell297025019--editing.EditableCell297025019--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell297025019__root.EditableCell297025019--invalid:not(.EditableCell297025019--editing){background:rgba(229,0,77,.06)}.EditableCell297025019__root.EditableCell297025019--copiedTop:not(.EditableCell297025019--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell297025019__root.EditableCell297025019--copiedBottom:not(.EditableCell297025019--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell297025019__root.EditableCell297025019--copiedLeft:not(.EditableCell297025019--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell297025019__root.EditableCell297025019--copiedRight:not(.EditableCell297025019--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell297025019__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover793704806__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover793704806__root,.HeaderActionsPopover793704806__root[data-menu-open=true],.HeaderActionsPopover793704806__root:focus-within{opacity:1}.CellViewLayout3401481838__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3401481838__root>*{flex:1;min-width:0}.Edit815432497__booleanEdit{display:flex;align-items:center;margin-left:12px}.View3234124570__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit4231325539__dateInput{width:100%;margin-left:-1px}.Edit1177767794__emailInput{width:100%;margin-left:-1px}.Edit1340566835__numberInput{width:100%;margin-right:2px}.Edit1340566835__numberInput input{text-align:right;direction:ltr}.View2401474797__textView{width:100%;text-align:right}.Edit3982562543__jsonInput{width:100%;margin-left:-1px}.Edit3639170053__selectInput{width:100%}.Edit3136783284__editWrapper{width:100%}.Edit3136783284__inputArea{background-color:transparent;width:100%}.Edit3136783284__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3136783284__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit3136783284__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3136783284__inputArea:not(.Edit3136783284--isFocused) textarea{resize:none;overflow:hidden}.Edit3136783284__inputArea:not(.Edit3136783284--isFocused) textarea::-webkit-scrollbar{display:none}.Edit977864146__urlInput{width:100%;margin-left:-1px}.View4093717522__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View4093717522__urlText{flex:1;min-width:0}.View4093717522__suffix{flex-shrink:0;margin-left:10px}.View4093717522__textView.View4093717522--suffixOnHover:not(:hover) .View4093717522__suffix{display:none}.EntityPagePlain4187557972__root.EntityPagePlain4187557972--mobile{--wds-page-header-padding-horizontal:0}.Fade4173305272__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade4173305272__root.Fade4173305272--exit{opacity:0}.Heading3015715108__root{visibility:visible}.Heading3015715108__root.Heading3015715108--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload460242634__fileUpload{width:100%}.InputOverflow2662682754__root.InputOverflow2662682754--selected:not(.InputOverflow2662682754--focused) input::placeholder{color:#000624}@keyframes LoadingRow3814389136__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%}}.LoadingRow3814389136__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:LoadingRow3814389136__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1592082439__root{opacity:1}.MaxHeightText1592082439__root.MaxHeightText1592082439--height24{line-height:24px}.MaxLines1554926877__root{overflow:hidden}.MaxLines1554926877__root.MaxLines1554926877--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2611932029__root{min-width:0}.MultiBulkActionToolbar2611932029__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2611932029__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2611932029__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow699819150__root td{padding:0!important;width:100%}.NestedTableRow212358992__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow212358992__root:hover{background-color:#e7f0ff!important}.NestedTableRow212358992__root.NestedTableRow212358992--expandable{cursor:pointer}.NestedTableRow212358992__placeholder td{padding:0!important;width:100%}.NestedTableRow212358992__root:hover td:first-of-type::before,.NestedTableRow212358992__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3071203482__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)}.NestedTableDragAndDropRow2107314432__root.NestedTableDragAndDropRow2107314432--draggingInto td{background-color:#e7f0ff!important}.PickerContent782551539__root{display:flex}.PickerContentAdditionalStep1197764926__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1197764926__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3278916111__root{box-sizing:border-box}.ScrollableContent3463206713__root.ScrollableContent3463206713--overflowY{overflow-y:auto}.ScrollableContent3463206713__root.ScrollableContent3463206713--overflowX{overflow-x:auto}.ScrollableContent3463206713__root.ScrollableContent3463206713--smooth{scroll-behavior:smooth}.SkeletonCard4110983351__headerLoading{display:block!important}.SlidingModal549485581__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal549485581__root.SlidingModal549485581--overlay{transition:transform 0s ease 0s}.SlidingModal549485581__root.SlidingModal549485581---appendTo-6-parent{position:absolute}.SlidingModal549485581__root:not(.SlidingModal549485581--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1577501811__root .TabsFilter1577501811__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter1577501811__root.TabsFilter1577501811--selected .TabsFilter1577501811__title,.TabsFilter1577501811__root:hover .TabsFilter1577501811__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal2825701445__root{display:flex}.ToolbarItem178256262__root{min-width:0}.ToolbarItemBox4212102949__root{min-width:0}.ToolbarItemBox4212102949__root.ToolbarItemBox4212102949--removeStartPadding{margin-left:-24px}.ToolbarItemBox4212102949__root.ToolbarItemBox4212102949--expandable{flex:1 0}.common3847889495__column{display:flex;flex-direction:column}.common3847889495__fullHeight{height:100%;min-height:0}.CollectionPageHeader1263821278__root:not(.CollectionPageHeader1263821278--mobile){gap:12px}.CollectionPageHeader1263821278__root.CollectionPageHeader1263821278--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader1263821278__root.CollectionPageHeader1263821278--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader711300537__root.FormPageHeader711300537--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader711300537__root.FormPageHeader711300537--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer2250090011__root.CardContainer2250090011--mobile{border-radius:0}.CmsFieldForm1093903414__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal2771827931__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection3549871759__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput4082401476__field{flex:1;min-width:0}.Collapse862903150__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse862903150__exit{height:0}.CollectionPage3523435138__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3523435138__root.CollectionPage3523435138--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3523435138__root.CollectionPage3523435138--panel{overflow:hidden;position:relative}.CollectionSectionHeader3119916954__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable312694286__root td{vertical-align:middle}.CollectionTable312694286__root.CollectionTable312694286--mobile td:first-child{padding-left:18px}.CollectionTable312694286__root.CollectionTable312694286--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable696558779__root.CollectionTableWSRTable696558779--resizable table{min-width:100%}.CollectionTableWSRTable696558779__root.CollectionTableWSRTable696558779--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar2177225730__left{min-width:0}.CollectionToolbar2177225730__left.CollectionToolbar2177225730--expandable{flex:auto}.CollectionToolbar2177225730__left.CollectionToolbar2177225730--title>*{width:100%}.CollectionToolbar2177225730__root.CollectionToolbar2177225730---responsiveMode-5-title .CollectionToolbar2177225730__left{flex:1 100;min-width:50px}.CollectionToolbar2177225730__root.CollectionToolbar2177225730---responsiveMode-4-tabs .CollectionToolbar2177225730__left,.CollectionToolbar2177225730__root.CollectionToolbar2177225730---responsiveMode-4-tabs .CollectionToolbar2177225730__left.CollectionToolbar2177225730--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar2177225730__root.CollectionToolbar2177225730---responsiveMode-4-tabs .CollectionToolbar2177225730__left>*{flex-shrink:1;min-width:0}.CollectionToolbar2177225730__root .CollectionToolbar2177225730__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2177225730__root.CollectionToolbar2177225730--views .CollectionToolbar2177225730__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2177225730__root.CollectionToolbar2177225730---responsiveMode-4-tabs .CollectionToolbar2177225730__right,.CollectionToolbar2177225730__root.CollectionToolbar2177225730---responsiveMode-5-title .CollectionToolbar2177225730__right{flex:0 1 auto;min-width:0}.CollectionToolbar2177225730__root .CollectionToolbar2177225730__right.CollectionToolbar2177225730__fullWidth{margin-inline-start:0!important}.CollectionToolbar2177225730__root.CollectionToolbar2177225730--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1379226531__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1379226531__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1379226531__searchMobile:not(.SearchOrCustomFilter1379226531--expandable){left:18px}.SearchOrCustomFilter1379226531__searchMobile.SearchOrCustomFilter1379226531--expandable.SearchOrCustomFilter1379226531--expanded{left:18px}.AutoCompleteReadonly184333055__root.AutoCompleteReadonly184333055--disableEditing{cursor:pointer}.AutoCompleteReadonly184333055__root.AutoCompleteReadonly184333055--disableEditing input{cursor:pointer}.ViewsDropdown2992817294__root{width:200px}.DragHandle222401585__root{display:flex;align-items:center}.DragHandle222401585__root:not(.DragHandle222401585--disabled){cursor:grab;color:#a8caff}.DragHandle222401585__root.DragHandle222401585--disabled{color:#acafc4}.DragHandle222401585__root:focus-visible:not(.DragHandle222401585--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle222401585__root.DragHandle222401585--disabled{pointer-events:none}.DragHandle222401585__root.DragHandle222401585--dragging:not(.DragHandle222401585--disabled){cursor:grabbing}td:has(>.EditableCell1925262655__root){position:relative;overflow:visible;min-height:24px}.EditableCell1925262655__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell1925262655__root.EditableCell1925262655--selected{background:rgba(56,153,236,.08)}.EditableCell1925262655__root.EditableCell1925262655--focused:not(.EditableCell1925262655--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell1925262655__root.EditableCell1925262655--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell1925262655__root.EditableCell1925262655--editing:not(.EditableCell1925262655--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell1925262655__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell1925262655__root.EditableCell1925262655--selectionTop:not(.EditableCell1925262655--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell1925262655__root.EditableCell1925262655--selectionBottom:not(.EditableCell1925262655--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell1925262655__root.EditableCell1925262655--selectionLeft:not(.EditableCell1925262655--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell1925262655__root.EditableCell1925262655--selectionRight:not(.EditableCell1925262655--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell1925262655__root.EditableCell1925262655--selectionTop.EditableCell1925262655--editing.EditableCell1925262655--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell1925262655__root.EditableCell1925262655--selectionBottom.EditableCell1925262655--editing.EditableCell1925262655--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell1925262655__root.EditableCell1925262655--selectionLeft.EditableCell1925262655--editing.EditableCell1925262655--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell1925262655__root.EditableCell1925262655--selectionRight.EditableCell1925262655--editing.EditableCell1925262655--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell1925262655__root.EditableCell1925262655--invalid:not(.EditableCell1925262655--editing){background:rgba(229,0,77,.06)}.EditableCell1925262655__root.EditableCell1925262655--copiedTop:not(.EditableCell1925262655--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell1925262655__root.EditableCell1925262655--copiedBottom:not(.EditableCell1925262655--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell1925262655__root.EditableCell1925262655--copiedLeft:not(.EditableCell1925262655--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell1925262655__root.EditableCell1925262655--copiedRight:not(.EditableCell1925262655--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell1925262655__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover3485391159__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3485391159__root,.HeaderActionsPopover3485391159__root[data-menu-open=true],.HeaderActionsPopover3485391159__root:focus-within{opacity:1}.CellViewLayout2196670343__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout2196670343__root>*{flex:1;min-width:0}.Edit624312548__booleanEdit{display:flex;align-items:center;margin-left:12px}.View274638029__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit166524453__dateInput{width:100%;margin-left:-1px}.Edit3932297184__emailInput{width:100%;margin-left:-1px}.Edit326219640__numberInput{width:100%;margin-right:2px}.Edit326219640__numberInput input{text-align:right;direction:ltr}.View3357411424__textView{width:100%;text-align:right}.Edit1637913410__jsonInput{width:100%;margin-left:-1px}.Edit583565067__selectInput{width:100%}.Edit1941275800__editWrapper{width:100%}.Edit1941275800__inputArea{background-color:transparent;width:100%}.Edit1941275800__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1941275800__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit1941275800__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1941275800__inputArea:not(.Edit1941275800--isFocused) textarea{resize:none;overflow:hidden}.Edit1941275800__inputArea:not(.Edit1941275800--isFocused) textarea::-webkit-scrollbar{display:none}.Edit2356949548__urlInput{width:100%;margin-left:-1px}.View2977590093__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View2977590093__urlText{flex:1;min-width:0}.View2977590093__suffix{flex-shrink:0;margin-left:10px}.View2977590093__textView.View2977590093--suffixOnHover:not(:hover) .View2977590093__suffix{display:none}.EntityPagePlain1852884246__root.EntityPagePlain1852884246--mobile{--wds-page-header-padding-horizontal:0}.Fade836314318__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade836314318__root.Fade836314318--exit{opacity:0}.Heading1110205473__root{visibility:visible}.Heading1110205473__root.Heading1110205473--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload561245064__fileUpload{width:100%}.InputOverflow2095058486__root.InputOverflow2095058486--selected:not(.InputOverflow2095058486--focused) input::placeholder{color:#000624}@keyframes LoadingRow27151542__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%}}.LoadingRow27151542__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:LoadingRow27151542__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1027689227__root{opacity:1}.MaxHeightText1027689227__root.MaxHeightText1027689227--height24{line-height:24px}.MaxLines3382631321__root{overflow:hidden}.MaxLines3382631321__root.MaxLines3382631321--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar361500702__root{min-width:0}.MultiBulkActionToolbar361500702__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar361500702__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar361500702__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow553377234__root td{padding:0!important;width:100%}.NestedTableRow3585755523__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3585755523__root:hover{background-color:#e7f0ff!important}.NestedTableRow3585755523__root.NestedTableRow3585755523--expandable{cursor:pointer}.NestedTableRow3585755523__placeholder td{padding:0!important;width:100%}.NestedTableRow3585755523__root:hover td:first-of-type::before,.NestedTableRow3585755523__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect4034041113__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)}.NestedTableDragAndDropRow82694202__root.NestedTableDragAndDropRow82694202--draggingInto td{background-color:#e7f0ff!important}.PickerContent3906719728__root{display:flex}.PickerContentAdditionalStep1165878217__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1165878217__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1020420000__root{box-sizing:border-box}.ScrollableContent3983010382__root.ScrollableContent3983010382--overflowY{overflow-y:auto}.ScrollableContent3983010382__root.ScrollableContent3983010382--overflowX{overflow-x:auto}.ScrollableContent3983010382__root.ScrollableContent3983010382--smooth{scroll-behavior:smooth}.SkeletonCard1670406343__headerLoading{display:block!important}.SlidingModal470879679__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal470879679__root.SlidingModal470879679--overlay{transition:transform 0s ease 0s}.SlidingModal470879679__root.SlidingModal470879679---appendTo-6-parent{position:absolute}.SlidingModal470879679__root:not(.SlidingModal470879679--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter278983639__root .TabsFilter278983639__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter278983639__root.TabsFilter278983639--selected .TabsFilter278983639__title,.TabsFilter278983639__root:hover .TabsFilter278983639__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal3976632832__root{display:flex}.ToolbarItem2761750576__root{min-width:0}.ToolbarItemBox4208486906__root{min-width:0}.ToolbarItemBox4208486906__root.ToolbarItemBox4208486906--removeStartPadding{margin-left:-24px}.ToolbarItemBox4208486906__root.ToolbarItemBox4208486906--expandable{flex:1 0}.common4214916960__column{display:flex;flex-direction:column}.common4214916960__fullHeight{height:100%;min-height:0}.CollectionPageHeader1652520871__root:not(.CollectionPageHeader1652520871--mobile){gap:12px}.CollectionPageHeader1652520871__root.CollectionPageHeader1652520871--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader1652520871__root.CollectionPageHeader1652520871--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3773447306__root.FormPageHeader3773447306--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3773447306__root.FormPageHeader3773447306--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/types/SchemaConfig.ts

@@ -1,96 +1,34 @@
-export type PatternsFieldType =
-  | 'SHORT_TEXT'
-  | 'LONG_TEXT'
-  | 'NUMBER'
-  | 'BOOLEAN'
-  | 'DATE'
-  | 'DATETIME'
-  | 'TIME'
-  | 'URL'
-  | 'ARRAY'
-  | 'REFERENCE'
-  | 'MULTI_REFERENCE'
-  | 'OBJECT'
-  | 'IMAGE'
-  | 'VIDEO'
-  | 'MEDIA_GALLERY'
-  | 'ADDRESS'
-  | 'RICH_TEXT'
-  | 'DOCUMENT'
-  | 'RICH_CONTENT'
-  | 'MULTI_DOCUMENT'
-  | 'EMAIL'
-  | 'AUDIO'
-  | 'COLOR'
-  | 'UNKNOWN';
+import type {
+  PatternsFieldType,
+  QueryOperator,
+  NumberRange,
+  StringLengthRange,
+  BaseReferenceField,
+  ReferenceField,
+  MultiReferenceField,
+  NonReferenceField,
+  Field,
+  FieldSpec,
+} from '@wix/bex-core';
 
-export type QueryOperator =
-  | 'CONTAINS'
-  | 'ENDS_WITH'
-  | 'EQ'
-  | 'EXISTS'
-  | 'GT'
-  | 'GTE'
-  | 'HAS_ALL'
-  | 'HAS_SOME'
-  | 'LT'
-  | 'LTE'
-  | 'NE'
-  | 'STARTS_WITH'
-  | 'URLIZED';
-
-interface BaseField {
-  id: string;
-  displayName: string;
-  isPii?: boolean;
-  helpText?: string;
-  validation?: {
-    numberRange?: NumberRange;
-    stringLengthRange?: StringLengthRange;
-    required: boolean;
-  };
-  capabilities?: {
-    supportedQueryOperators: QueryOperator[];
-    sortable: boolean;
-  };
-}
-
-export interface BaseReferenceField extends BaseField {
-  referenceMetadata: {
-    referencedCollectionId: string;
-  };
-}
-
-export interface ReferenceField extends BaseReferenceField {
-  type: 'REFERENCE';
-}
-
-export interface MultiReferenceField extends BaseReferenceField {
-  type: 'MULTI_REFERENCE';
-}
-
-export interface NonReferenceField extends BaseField {
-  type: Exclude<PatternsFieldType, 'REFERENCE' | 'MULTI_REFERENCE'>;
-}
-
-export type Field = ReferenceField | MultiReferenceField | NonReferenceField;
-export type FieldSpec = Omit<Field, 'id'>;
+export type {
+  PatternsFieldType,
+  QueryOperator,
+  NumberRange,
+  StringLengthRange,
+  BaseReferenceField,
+  ReferenceField,
+  MultiReferenceField,
+  NonReferenceField,
+  Field,
+  FieldSpec,
+};
 
 export interface CategoryCollectionInfo {
   collectionId: string;
   displayName: string;
 }
 
-export interface NumberRange {
-  min?: number;
-  max?: number;
-}
-
-export interface StringLengthRange {
-  minLength?: number;
-  maxLength?: number;
-}
-
 export interface CursorQueryResult {
   items: any[];
   cursor?: string | undefined | null;

package/src/useSelector.ts

@@ -1,9 +1 @@
-import { autorun, runInAction } from 'mobx';
-import { useEffect, useState } from 'react';
-
-// https://github.com/mobxjs/mobx/discussions/2566#discussioncomment-593670
-export function useSelector<T>(select: () => T) {
-  const [selected, setSelected] = useState(() => runInAction(select));
-  useEffect(() => autorun(() => setSelected(select())), []);
-  return selected;
-}
+export { useSelector } from '@wix/bex-core';

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.401.0';
+export const version = 'patterns@1.403.0';