@wix/patterns 1.282.0 → 1.284.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItem4114832342";
+var _namespace_ = "ToolbarItem1141962950";
 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":"ToolbarItem4114832342__root"};
+export var classes = {"root":"ToolbarItem1141962950__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_ = "ToolbarItemBox2183553790";
+var _namespace_ = "ToolbarItemBox2990080081";
 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":"ToolbarItemBox2183553790__root"};
+export var classes = {"root":"ToolbarItemBox2990080081__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_ = "common4150460078";
+var _namespace_ = "common232755757";
 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":"common4150460078__root","column":"common4150460078__column","fullHeight":"common4150460078__fullHeight"};
+export var classes = {"root":"common232755757__root","column":"common232755757__column","fullHeight":"common232755757__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/hooks/useIsMobile.ts

@@ -1,6 +1,9 @@
 import { usePageContext } from '@wix/bex-core/react';
 import { useSelector } from '../useSelector';
 
+// CAIRO-3582: modify mobile detection to use user agent
+// export { MOBILE_BREAKPOINT } from '@wix/bex-core';
+
 export const useIsMobile = () => {
   const pageState = usePageContext();
   return useSelector(() => pageState.isMobile);

package/src/index.ts

@@ -39,6 +39,7 @@ export * from './components/PickerContent';
 export * from './components/PickerModalOpenButton';
 export * from './components/PickerStandalone';
 export * from './components/PickerEmptyState/PickerEmptyState';
+export * from './components/PickerListItemProps';
 export {
   SingleSelectFilter,
   SingleSelectFilterProps,

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPageHeader379512100";
+var _namespace_ = "CollectionPageHeader695128185";
 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":"CollectionPageHeader379512100__root"};
+export var classes = {"root":"CollectionPageHeader695128185__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_ = "FormPageHeader4140726448";
+var _namespace_ = "FormPageHeader3325375134";
 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":"FormPageHeader4140726448__root"};
+export var classes = {"root":"FormPageHeader3325375134__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer4287715274__root.CardContainer4287715274--mobile{border-radius:0}.Collapse1941697231__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1941697231__exit{height:0}.CollectionPage1550734603__root.CollectionPage1550734603--mobile{--wds-page-header-padding-horizontal:0}.CollectionPage1550734603__root.CollectionPage1550734603--panel{overflow:hidden;position:relative}.CollectionTable3737154312__root td{vertical-align:middle}.CollectionTable3737154312__root.CollectionTable3737154312--mobile td:first-child{padding-left:18px}.CollectionTable3737154312__root.CollectionTable3737154312--mobile td:last-child{padding-right:18px}.CollectionToolbar4040748353__left{min-width:0}.CollectionToolbar4040748353__root.CollectionToolbar4040748353--views .CollectionToolbar4040748353__left{flex-shrink:1;flex-grow:0}.CollectionToolbar4040748353__left.CollectionToolbar4040748353--expandable{flex:auto}.CollectionToolbar4040748353__root .CollectionToolbar4040748353__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar4040748353__root.CollectionToolbar4040748353--views .CollectionToolbar4040748353__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar4040748353__root .CollectionToolbar4040748353__right.CollectionToolbar4040748353__fullWidth{margin-inline-start:0!important}.CollectionToolbar4040748353__root.CollectionToolbar4040748353--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter997006993__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter997006993__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly792548025__root.AutoCompleteReadonly792548025--disableEditing{cursor:pointer}.AutoCompleteReadonly792548025__root.AutoCompleteReadonly792548025--disableEditing input{cursor:pointer}.ViewsDropdown3686975570__root{width:200px}.DragHandle2680024589__root{display:flex;align-items:center}.DragHandle2680024589__root:not(.DragHandle2680024589--disabled){cursor:grab;color:#a8caff}.DragHandle2680024589__root.DragHandle2680024589--disabled{color:#acafc4}.DragHandle2680024589__root:focus-visible:not(.DragHandle2680024589--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2680024589__root.DragHandle2680024589--disabled{pointer-events:none}.DragHandle2680024589__root.DragHandle2680024589--dragging:not(.DragHandle2680024589--disabled){cursor:grabbing}.EntityPagePlain3021178661__root.EntityPagePlain3021178661--mobile{--wds-page-header-padding-horizontal:0}.Fade1767536362__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1767536362__root.Fade1767536362--exit{opacity:0}.Heading1383475214__root{visibility:visible}.Heading1383475214__root.Heading1383475214--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1770508773__root.InputOverflow1770508773--selected:not(.InputOverflow1770508773--focused) input::placeholder{color:#000624}@keyframes LoadingRow3029212842__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%}}.LoadingRow3029212842__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:LoadingRow3029212842__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText352790855__root{opacity:1}.MaxHeightText352790855__root.MaxHeightText352790855--height24{line-height:24px}.MaxLines950311130__root{overflow:hidden}.MaxLines950311130__root.MaxLines950311130--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar4220623650__root{min-width:0}.NestedTablePlaceholderStatesRow775845285__root td{padding:0!important;width:100%}.NestedTableRow3641775232__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3641775232__root:hover{background-color:#e7f0ff!important}.NestedTableRow3641775232__root.NestedTableRow3641775232--expandable{cursor:pointer}.NestedTableRow3641775232__placeholder td{padding:0!important;width:100%}.NestedTableRow3641775232__root:hover td:first-of-type::before,.NestedTableRow3641775232__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2212524863__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)}.NestedTableDragAndDropRow984956868__root.NestedTableDragAndDropRow984956868--draggingInto td{background-color:#e7f0ff!important}.PickerContent1430439400__root{display:flex}.PickerContentAdditionalStep1026964937__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1026964937__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem4283028305__root{box-sizing:border-box}.ScrollableContent3191075584__root.ScrollableContent3191075584--overflowY{overflow-y:auto}.ScrollableContent3191075584__root.ScrollableContent3191075584--overflowX{overflow-x:auto}.ScrollableContent3191075584__root.ScrollableContent3191075584--smooth{scroll-behavior:smooth}.SkeletonCard601437578__headerLoading{display:block!important}.SlidingModal3346888524__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3346888524__root.SlidingModal3346888524---appendTo-6-parent{transition:transform 0s ease 0s;position:absolute}.SlidingModal3346888524__root:not(.SlidingModal3346888524--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2810476643__root .TabsFilter2810476643__title{color:inherit!important}.ManageTagsModal2903736930__root{display:flex}.ToolbarItem4114832342__root{min-width:0}.ToolbarItemBox2183553790__root{min-width:0}.ToolbarItemBox2183553790__root.ToolbarItemBox2183553790--removeStartPadding{margin-left:-24px}.ToolbarItemBox2183553790__root.ToolbarItemBox2183553790--expandable{flex:1 0}.common4150460078__column{display:flex;flex-direction:column}.common4150460078__fullHeight{height:100%;min-height:0}.CollectionPageHeader379512100__root.CollectionPageHeader379512100--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader379512100__root.CollectionPageHeader379512100--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader4140726448__root.FormPageHeader4140726448--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader4140726448__root.FormPageHeader4140726448--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer1173599019__root.CardContainer1173599019--mobile{border-radius:0}.Collapse2942994278__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2942994278__exit{height:0}.CollectionPage4232657214__root.CollectionPage4232657214--mobile{--wds-page-header-padding-horizontal:0}.CollectionPage4232657214__root.CollectionPage4232657214--panel{overflow:hidden;position:relative}.CollectionTable4144147257__root td{vertical-align:middle}.CollectionTable4144147257__root.CollectionTable4144147257--mobile td:first-child{padding-left:18px}.CollectionTable4144147257__root.CollectionTable4144147257--mobile td:last-child{padding-right:18px}.CollectionToolbar2557870050__left{min-width:0}.CollectionToolbar2557870050__root.CollectionToolbar2557870050--views .CollectionToolbar2557870050__left{flex-shrink:1;flex-grow:0}.CollectionToolbar2557870050__left.CollectionToolbar2557870050--expandable{flex:auto}.CollectionToolbar2557870050__root .CollectionToolbar2557870050__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2557870050__root.CollectionToolbar2557870050--views .CollectionToolbar2557870050__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2557870050__root .CollectionToolbar2557870050__right.CollectionToolbar2557870050__fullWidth{margin-inline-start:0!important}.CollectionToolbar2557870050__root.CollectionToolbar2557870050--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter2225133622__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2225133622__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly3032510705__root.AutoCompleteReadonly3032510705--disableEditing{cursor:pointer}.AutoCompleteReadonly3032510705__root.AutoCompleteReadonly3032510705--disableEditing input{cursor:pointer}.ViewsDropdown2477243733__root{width:200px}.DragHandle2296843790__root{display:flex;align-items:center}.DragHandle2296843790__root:not(.DragHandle2296843790--disabled){cursor:grab;color:#a8caff}.DragHandle2296843790__root.DragHandle2296843790--disabled{color:#acafc4}.DragHandle2296843790__root:focus-visible:not(.DragHandle2296843790--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2296843790__root.DragHandle2296843790--disabled{pointer-events:none}.DragHandle2296843790__root.DragHandle2296843790--dragging:not(.DragHandle2296843790--disabled){cursor:grabbing}.EntityPagePlain44069723__root.EntityPagePlain44069723--mobile{--wds-page-header-padding-horizontal:0}.Fade3377805644__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3377805644__root.Fade3377805644--exit{opacity:0}.Heading267357093__root{visibility:visible}.Heading267357093__root.Heading267357093--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow93407402__root.InputOverflow93407402--selected:not(.InputOverflow93407402--focused) input::placeholder{color:#000624}@keyframes LoadingRow4069909050__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%}}.LoadingRow4069909050__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:LoadingRow4069909050__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2796451498__root{opacity:1}.MaxHeightText2796451498__root.MaxHeightText2796451498--height24{line-height:24px}.MaxLines303919276__root{overflow:hidden}.MaxLines303919276__root.MaxLines303919276--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3414469576__root{min-width:0}.NestedTablePlaceholderStatesRow930298248__root td{padding:0!important;width:100%}.NestedTableRow639090589__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow639090589__root:hover{background-color:#e7f0ff!important}.NestedTableRow639090589__root.NestedTableRow639090589--expandable{cursor:pointer}.NestedTableRow639090589__placeholder td{padding:0!important;width:100%}.NestedTableRow639090589__root:hover td:first-of-type::before,.NestedTableRow639090589__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect4159934568__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)}.NestedTableDragAndDropRow1848556553__root.NestedTableDragAndDropRow1848556553--draggingInto td{background-color:#e7f0ff!important}.PickerContent1530551351__root{display:flex}.PickerContentAdditionalStep1839617539__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1839617539__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2919378850__root{box-sizing:border-box}.ScrollableContent3148344206__root.ScrollableContent3148344206--overflowY{overflow-y:auto}.ScrollableContent3148344206__root.ScrollableContent3148344206--overflowX{overflow-x:auto}.ScrollableContent3148344206__root.ScrollableContent3148344206--smooth{scroll-behavior:smooth}.SkeletonCard3580578791__headerLoading{display:block!important}.SlidingModal3930660502__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3930660502__root.SlidingModal3930660502---appendTo-6-parent{transition:transform 0s ease 0s;position:absolute}.SlidingModal3930660502__root:not(.SlidingModal3930660502--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter3132067899__root .TabsFilter3132067899__title{color:inherit!important}.ManageTagsModal3117927177__root{display:flex}.ToolbarItem1141962950__root{min-width:0}.ToolbarItemBox2990080081__root{min-width:0}.ToolbarItemBox2990080081__root.ToolbarItemBox2990080081--removeStartPadding{margin-left:-24px}.ToolbarItemBox2990080081__root.ToolbarItemBox2990080081--expandable{flex:1 0}.common232755757__column{display:flex;flex-direction:column}.common232755757__fullHeight{height:100%;min-height:0}.CollectionPageHeader695128185__root.CollectionPageHeader695128185--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader695128185__root.CollectionPageHeader695128185--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3325375134__root.FormPageHeader3325375134--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3325375134__root.FormPageHeader3325375134--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/unidriver/baseUniDriverFactory.ts

@@ -7,5 +7,6 @@ export function baseUniDriverFactory(base: UniDriver) {
     exists: () => driver.exists(),
     click: () => driver.click(),
     element: () => driver.element(),
+    base: driver.base,
   };
 }

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.282.0';
+export const version = 'patterns@1.284.0';