@wix/patterns 1.452.0 → 1.454.0

package/dist/cjs/styles.global.css

@@ -1,3 +1,3 @@
-.CardContainer3189623173__root.CardContainer3189623173--mobile{border-radius:0}.CmsFieldForm4067018512__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal3867099862__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection4060205610__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput1370471021__field{flex:1;min-width:0}.Collapse3424582889__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3424582889__exit{height:0}.CollectionPage922707883__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage922707883__root.CollectionPage922707883--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage922707883__root.CollectionPage922707883--panel{overflow:hidden;position:relative}.CollectionSectionHeader1836029724__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2125122338__root td{vertical-align:middle}.CollectionTable2125122338__root.CollectionTable2125122338--mobile td:first-child{padding-left:18px}.CollectionTable2125122338__root.CollectionTable2125122338--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable4050221733__root.CollectionTableWSRTable4050221733--resizable table{min-width:100%}.CollectionTableWSRTable4050221733__root.CollectionTableWSRTable4050221733--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar1745683558__root.CollectionToolbar1745683558--harmony .CollectionToolbar1745683558__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar1745683558__left{min-width:0}.CollectionToolbar1745683558__left.CollectionToolbar1745683558--expandable{flex:auto}.CollectionToolbar1745683558__left.CollectionToolbar1745683558--title>*{width:100%}.CollectionToolbar1745683558__root.CollectionToolbar1745683558---responsiveMode-5-title .CollectionToolbar1745683558__left{flex:1 100;min-width:50px}.CollectionToolbar1745683558__root.CollectionToolbar1745683558---responsiveMode-4-tabs .CollectionToolbar1745683558__left,.CollectionToolbar1745683558__root.CollectionToolbar1745683558---responsiveMode-4-tabs .CollectionToolbar1745683558__left.CollectionToolbar1745683558--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1745683558__root.CollectionToolbar1745683558---responsiveMode-4-tabs .CollectionToolbar1745683558__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1745683558__root .CollectionToolbar1745683558__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1745683558__root.CollectionToolbar1745683558--views .CollectionToolbar1745683558__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1745683558__root.CollectionToolbar1745683558---responsiveMode-4-tabs .CollectionToolbar1745683558__right,.CollectionToolbar1745683558__root.CollectionToolbar1745683558---responsiveMode-5-title .CollectionToolbar1745683558__right{flex:0 1 auto;min-width:0}.CollectionToolbar1745683558__root .CollectionToolbar1745683558__right.CollectionToolbar1745683558__fullWidth{margin-inline-start:0!important}.CollectionToolbar1745683558__root.CollectionToolbar1745683558--mobile:not(.CollectionToolbar1745683558--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter3014443928__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3014443928__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3014443928__searchMobile:not(.SearchOrCustomFilter3014443928--expandable){left:18px}.SearchOrCustomFilter3014443928__searchMobile.SearchOrCustomFilter3014443928--expandable.SearchOrCustomFilter3014443928--expanded{left:18px}.AutoCompleteReadonly4207687144__root.AutoCompleteReadonly4207687144--disableEditing{cursor:pointer}.AutoCompleteReadonly4207687144__root.AutoCompleteReadonly4207687144--disableEditing input{cursor:pointer}.ViewsDropdown3476770355__root{width:200px}.DragHandle2990790188__root{display:flex;align-items:center}.DragHandle2990790188__root:not(.DragHandle2990790188--disabled){cursor:grab;color:#a8caff}.DragHandle2990790188__root.DragHandle2990790188--disabled{color:#acafc4}.DragHandle2990790188__root:focus-visible:not(.DragHandle2990790188--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2990790188__root.DragHandle2990790188--disabled{pointer-events:none}.DragHandle2990790188__root.DragHandle2990790188--dragging:not(.DragHandle2990790188--disabled){cursor:grabbing}td:has(>.EditableCell3063850741__root){position:relative;overflow:visible}tr:has(.EditableCell3063850741__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell3063850741__root{display:flex;align-items:center;padding:0;position:absolute;top:-1px;left:-1px;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff));border:var(--wds-border-width-default, 1px) solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb))}tr:first-child>td>.EditableCell3063850741__root{top:0}.EditableCell3063850741__root:hover:not(.EditableCell3063850741--rowActive):not(.EditableCell3063850741--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell3063850741__root.EditableCell3063850741--rowActive:not(.EditableCell3063850741--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell3063850741__root.EditableCell3063850741--rowActive:hover:not(.EditableCell3063850741--focused):not(.EditableCell3063850741--rangeSelected){border-color:var(--wds-input-border-color-hover, var(--wsr-color-B40, #d6e6fe));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell3063850741__root.EditableCell3063850741--focused:not(.EditableCell3063850741--rangeSelected){border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05);z-index:2}.EditableCell3063850741__root.EditableCell3063850741--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell3063850741__root.EditableCell3063850741--editing:not(.EditableCell3063850741--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell3063850741__root.EditableCell3063850741--focused.EditableCell3063850741--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell3063850741__root:has([data-inner-focused]){overflow:visible;z-index:3;border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell3063850741__root.EditableCell3063850741--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell3063850741__root.EditableCell3063850741--selectionTop:not(.EditableCell3063850741--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell3063850741__root.EditableCell3063850741--selectionBottom:not(.EditableCell3063850741--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell3063850741__root.EditableCell3063850741--selectionLeft:not(.EditableCell3063850741--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell3063850741__root.EditableCell3063850741--selectionRight:not(.EditableCell3063850741--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell3063850741__root.EditableCell3063850741--invalid,.EditableCell3063850741__root.EditableCell3063850741--invalid.EditableCell3063850741--rowActive:hover:not(.EditableCell3063850741--focused):not(.EditableCell3063850741--rangeSelected),.EditableCell3063850741__root.EditableCell3063850741--invalid.EditableCell3063850741--focused:not(.EditableCell3063850741--rangeSelected),.EditableCell3063850741__root.EditableCell3063850741--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell3063850741__root.EditableCell3063850741--copiedTop:not(.EditableCell3063850741--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell3063850741__root.EditableCell3063850741--copiedBottom:not(.EditableCell3063850741--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell3063850741__root.EditableCell3063850741--copiedLeft:not(.EditableCell3063850741--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell3063850741__root.EditableCell3063850741--copiedRight:not(.EditableCell3063850741--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell3063850741__root.EditableCell3063850741--invalid:not(.EditableCell3063850741--focused):not(.EditableCell3063850741--editing){z-index:1}.EditableCell3063850741__errorMessage{position:absolute;top:calc(100% + 4px);left:-1px;z-index:4;box-sizing:border-box;width:max-content;max-width:240px;padding:6px 8px;pointer-events:none;border-radius:var(--wds-popover-border-radius, var(--wds-border-radius-400, 8px));background:var(--wds-popover-fill, var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff)));box-shadow:var(--wds-shadow-surface-overlay, 0 0 18px rgba(0, 6, 36, 0.1), 0 6px 6px rgba(0, 6, 36, 0.05))}.HeaderActionsPopover3184686529__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3184686529__root,.HeaderActionsPopover3184686529__root[data-menu-open=true],.HeaderActionsPopover3184686529__root:focus-within{opacity:1}.CellViewLayout3067730996__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3067730996__root>*{flex:1;min-width:0}.Edit573617918__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding-left:8px;padding-right:8px;min-width:0;overflow:hidden}.Edit573617918__addressInput>div,.Edit573617918__addressInput>div>div,.Edit573617918__addressInput>div>div>div{width:100%;min-width:0}.Edit694503945__jsonInput{width:100%;margin-left:-1px}.Edit970143215__booleanEdit{display:flex;align-items:center;margin-left:8px}.View3946193143__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit3805972204__root{width:100%;height:100%;display:flex;align-items:center}.Edit4037685151__dateInput{width:100%;margin-left:-1px}.Edit2987329467__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit2987329467__dateHalf{flex:60 1 0}.Edit2987329467__timeHalf{flex:40 1 0}.Edit2987329467__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit2987329467__passiveText{padding:6px 8px;font-size:14px;line-height:18px;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%}.Edit2987329467__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View2073084754__leaf{min-width:0;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;font-family:inherit;box-sizing:border-box}.View2073084754__datePart{flex:60 1 0}.View2073084754__timePart{flex:40 1 0}.View2073084754__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View2073084754__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit882439298__emailInput{width:100%;margin-left:-1px}.Edit3359988324__numberInput{width:100%;margin-right:2px}.Edit3359988324__numberInput input{text-align:right;direction:ltr}.View2642979210__textView{width:100%;text-align:right}.Edit4098335287__jsonInput{width:100%;margin-left:-1px}.Edit2624712268__selectInput{width:100%}.Edit4072830659__editWrapper{width:100%}.Edit4072830659__inputArea{background-color:transparent;width:100%}.Edit4072830659__inputArea input,.Edit4072830659__inputArea textarea{font-size:var(--wds-font-size-body-small, var(--wsr-text-font-size-small, 14px))!important;line-height:var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px))!important}.Edit4072830659__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit4072830659__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit4072830659__inputArea>div::after{box-shadow:none!important}.Edit4072830659__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit4072830659__inputArea:not(.Edit4072830659--isFocused) textarea{resize:none;overflow:hidden}.Edit4072830659__inputArea:not(.Edit4072830659--isFocused) textarea::-webkit-scrollbar{display:none}.Edit2354996155__wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;--wds-input-value-font-size-small:var(--wds-font-size-body-small);--wds-input-value-font-line-height-small:var(
+.CardContainer3564880150__root.CardContainer3564880150--mobile{border-radius:0}.CmsFieldForm1400944717__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal4209527740__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection1402411564__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput2982254875__field{flex:1;min-width:0}.Collapse3704984179__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3704984179__exit{height:0}.CollectionPage294888781__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage294888781__root.CollectionPage294888781--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage294888781__root.CollectionPage294888781--panel{overflow:hidden;position:relative}.CollectionSectionHeader2089588687__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable148974822__root td{vertical-align:middle}.CollectionTable148974822__root.CollectionTable148974822--mobile td:first-child{padding-left:18px}.CollectionTable148974822__root.CollectionTable148974822--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable1166829819__root.CollectionTableWSRTable1166829819--resizable table{min-width:100%}.CollectionTableWSRTable1166829819__root.CollectionTableWSRTable1166829819--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar2483390763__root.CollectionToolbar2483390763--harmony .CollectionToolbar2483390763__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar2483390763__left{min-width:0}.CollectionToolbar2483390763__left.CollectionToolbar2483390763--expandable{flex:auto}.CollectionToolbar2483390763__left.CollectionToolbar2483390763--title>*{width:100%}.CollectionToolbar2483390763__root.CollectionToolbar2483390763---responsiveMode-5-title .CollectionToolbar2483390763__left{flex:1 100;min-width:50px}.CollectionToolbar2483390763__root.CollectionToolbar2483390763---responsiveMode-4-tabs .CollectionToolbar2483390763__left,.CollectionToolbar2483390763__root.CollectionToolbar2483390763---responsiveMode-4-tabs .CollectionToolbar2483390763__left.CollectionToolbar2483390763--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar2483390763__root.CollectionToolbar2483390763---responsiveMode-4-tabs .CollectionToolbar2483390763__left>*{flex-shrink:1;min-width:0}.CollectionToolbar2483390763__root .CollectionToolbar2483390763__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2483390763__root.CollectionToolbar2483390763--views .CollectionToolbar2483390763__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2483390763__root.CollectionToolbar2483390763---responsiveMode-4-tabs .CollectionToolbar2483390763__right,.CollectionToolbar2483390763__root.CollectionToolbar2483390763---responsiveMode-5-title .CollectionToolbar2483390763__right{flex:0 1 auto;min-width:0}.CollectionToolbar2483390763__root .CollectionToolbar2483390763__right.CollectionToolbar2483390763__fullWidth{margin-inline-start:0!important}.CollectionToolbar2483390763__root.CollectionToolbar2483390763--mobile:not(.CollectionToolbar2483390763--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter4241867303__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter4241867303__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter4241867303__searchMobile:not(.SearchOrCustomFilter4241867303--expandable){left:18px}.SearchOrCustomFilter4241867303__searchMobile.SearchOrCustomFilter4241867303--expandable.SearchOrCustomFilter4241867303--expanded{left:18px}.AutoCompleteReadonly1639128788__root.AutoCompleteReadonly1639128788--disableEditing{cursor:pointer}.AutoCompleteReadonly1639128788__root.AutoCompleteReadonly1639128788--disableEditing input{cursor:pointer}.ViewsDropdown347310512__root{width:200px}.DragHandle1917235192__root{display:flex;align-items:center}.DragHandle1917235192__root:not(.DragHandle1917235192--disabled){cursor:grab;color:#a8caff}.DragHandle1917235192__root.DragHandle1917235192--disabled{color:#acafc4}.DragHandle1917235192__root:focus-visible:not(.DragHandle1917235192--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1917235192__root.DragHandle1917235192--disabled{pointer-events:none}.DragHandle1917235192__root.DragHandle1917235192--dragging:not(.DragHandle1917235192--disabled){cursor:grabbing}td:has(>.EditableCell3842257538__root){position:relative;overflow:visible}tr:has(.EditableCell3842257538__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell3842257538__root{display:flex;align-items:center;padding:0;position:absolute;top:-1px;left:-1px;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff));border:var(--wds-border-width-default, 1px) solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb))}tr:first-child>td>.EditableCell3842257538__root{top:0}.EditableCell3842257538__root:hover:not(.EditableCell3842257538--rowActive):not(.EditableCell3842257538--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell3842257538__root.EditableCell3842257538--rowActive:not(.EditableCell3842257538--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell3842257538__root.EditableCell3842257538--rowActive:hover:not(.EditableCell3842257538--focused):not(.EditableCell3842257538--rangeSelected){border-color:var(--wds-input-border-color-hover, var(--wsr-color-B40, #d6e6fe));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell3842257538__root.EditableCell3842257538--focused:not(.EditableCell3842257538--rangeSelected){border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05);z-index:2}.EditableCell3842257538__root.EditableCell3842257538--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell3842257538__root.EditableCell3842257538--editing:not(.EditableCell3842257538--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell3842257538__root.EditableCell3842257538--focused.EditableCell3842257538--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell3842257538__root:has([data-inner-focused]){overflow:visible;z-index:3;border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell3842257538__root.EditableCell3842257538--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell3842257538__root.EditableCell3842257538--selectionTop:not(.EditableCell3842257538--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell3842257538__root.EditableCell3842257538--selectionBottom:not(.EditableCell3842257538--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell3842257538__root.EditableCell3842257538--selectionLeft:not(.EditableCell3842257538--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell3842257538__root.EditableCell3842257538--selectionRight:not(.EditableCell3842257538--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell3842257538__root.EditableCell3842257538--invalid,.EditableCell3842257538__root.EditableCell3842257538--invalid.EditableCell3842257538--rowActive:hover:not(.EditableCell3842257538--focused):not(.EditableCell3842257538--rangeSelected),.EditableCell3842257538__root.EditableCell3842257538--invalid.EditableCell3842257538--focused:not(.EditableCell3842257538--rangeSelected),.EditableCell3842257538__root.EditableCell3842257538--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell3842257538__root.EditableCell3842257538--copiedTop:not(.EditableCell3842257538--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell3842257538__root.EditableCell3842257538--copiedBottom:not(.EditableCell3842257538--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell3842257538__root.EditableCell3842257538--copiedLeft:not(.EditableCell3842257538--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell3842257538__root.EditableCell3842257538--copiedRight:not(.EditableCell3842257538--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell3842257538__root.EditableCell3842257538--invalid:not(.EditableCell3842257538--focused):not(.EditableCell3842257538--editing){z-index:1}.EditableCell3842257538__errorMessage{position:absolute;top:calc(100% + 4px);left:-1px;z-index:4;box-sizing:border-box;width:max-content;max-width:240px;padding:6px 8px;pointer-events:none;border-radius:var(--wds-popover-border-radius, var(--wds-border-radius-400, 8px));background:var(--wds-popover-fill, var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff)));box-shadow:var(--wds-shadow-surface-overlay, 0 0 18px rgba(0, 6, 36, 0.1), 0 6px 6px rgba(0, 6, 36, 0.05))}tr:last-child .EditableCell3842257538__errorMessage{top:auto;bottom:calc(100% + 4px)}.HeaderActionsPopover3503547974__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3503547974__root,.HeaderActionsPopover3503547974__root[data-menu-open=true],.HeaderActionsPopover3503547974__root:focus-within{opacity:1}.CellViewLayout2497841279__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout2497841279__root>*{flex:1;min-width:0}.Edit2484785626__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding-left:8px;padding-right:8px;min-width:0;overflow:hidden}.Edit2484785626__addressInput>div,.Edit2484785626__addressInput>div>div,.Edit2484785626__addressInput>div>div>div{width:100%;min-width:0}.Edit972206386__jsonInput{width:100%;margin-left:-1px}.Edit3544195428__booleanEdit{display:flex;align-items:center;margin-left:8px}.View223633667__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit1423312245__root{width:100%;height:100%;display:flex;align-items:center}.Edit2286892758__dateInput{width:100%;margin-left:-1px}.Edit1795212304__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit1795212304__dateHalf{flex:60 1 0}.Edit1795212304__timeHalf{flex:40 1 0}.Edit1795212304__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit1795212304__passiveText{padding:6px 8px;font-size:14px;line-height:18px;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%}.Edit1795212304__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View788564784__leaf{min-width:0;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;font-family:inherit;box-sizing:border-box}.View788564784__datePart{flex:60 1 0}.View788564784__timePart{flex:40 1 0}.View788564784__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View788564784__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3574056688__emailInput{width:100%;margin-left:-1px}.Edit3490551560__numberInput{width:100%;margin-right:2px}.Edit3490551560__numberInput input{text-align:right;direction:ltr}.View3905001463__textView{width:100%;text-align:right}.Edit2311030066__jsonInput{width:100%;margin-left:-1px}.Edit1986266056__selectInput{width:100%}.Edit2512647605__editWrapper{width:100%}.Edit2512647605__inputArea{background-color:transparent;width:100%}.Edit2512647605__inputArea input,.Edit2512647605__inputArea textarea{font-size:var(--wds-font-size-body-small, var(--wsr-text-font-size-small, 14px))!important;line-height:var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px))!important}.Edit2512647605__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2512647605__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit2512647605__inputArea>div::after{box-shadow:none!important}.Edit2512647605__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2512647605__inputArea:not(.Edit2512647605--isFocused) textarea{resize:none;overflow:hidden}.Edit2512647605__inputArea:not(.Edit2512647605--isFocused) textarea::-webkit-scrollbar{display:none}.Edit3759386228__wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;--wds-input-value-font-size-small:var(--wds-font-size-body-small);--wds-input-value-font-line-height-small:var(
     --wds-font-line-height-body-small
-  )}.Edit2354996155__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit320912684__urlInput{width:100%;margin-left:-1px}.View1435422047__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View1435422047__urlText{flex:1;min-width:0}.View1435422047__suffix{flex-shrink:0;margin-left:10px}.View1435422047__textView.View1435422047--suffixOnHover:not(:hover) .View1435422047__suffix{display:none}.EmptyStateBase1544698307__root{min-height:230px;align-items:center}.EntityPagePlain1303641387__root.EntityPagePlain1303641387--mobile{--wds-page-header-padding-horizontal:0}.Fade2053901324__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2053901324__root.Fade2053901324--exit{opacity:0}.Heading2974358087__root{visibility:visible}.Heading2974358087__root.Heading2974358087--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload1076017428__fileUpload{width:100%}.InputOverflow1986083919__root.InputOverflow1986083919--selected:not(.InputOverflow1986083919--focused) input::placeholder{color:#000624}@keyframes LoadingRow1817081367__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%}}.LoadingRow1817081367__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:LoadingRow1817081367__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3468804530__root{opacity:1}.MaxHeightText3468804530__root.MaxHeightText3468804530--height24{line-height:24px}.MaxLines673010593__root{overflow:hidden}.MaxLines673010593__root.MaxLines673010593--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar518249866__root{min-width:0}.MultiBulkActionToolbar518249866__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar518249866__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar518249866__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2834634142__root td{padding:0!important;width:100%}.NestedTableRow1428131267__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow1428131267__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow1428131267__root.NestedTableRow1428131267--expandable{cursor:pointer}.NestedTableRow1428131267__placeholder td{padding:0!important;width:100%}.NestedTableRow1428131267__root:hover td:first-of-type::before,.NestedTableRow1428131267__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.MultipleDragOverlayEffect4141741821__root{position:absolute;transform:translate(6px,6px);background-color:var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff));box-shadow:var(--wds-shadow-surface-overlay, var(--wsr-shadow20, 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12)))}.NestedTableDragAndDropRow3833085857__root.NestedTableDragAndDropRow3833085857--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent1710021617__root{display:flex}.PickerContentAdditionalStep2534262030__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2534262030__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem606027138__root{box-sizing:border-box}.ScrollableContent2984743530__root.ScrollableContent2984743530--overflowY{overflow-y:auto}.ScrollableContent2984743530__root.ScrollableContent2984743530--overflowX{overflow-x:auto}.ScrollableContent2984743530__root.ScrollableContent2984743530--smooth{scroll-behavior:smooth}.SetupWidget3377495061__row{display:flex;flex-direction:column;overflow:clip;--wds-clickable-card-outline-border-color:var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))}.SetupWidget3377495061__row.SetupWidget3377495061--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget3377495061__row.SetupWidget3377495061--focused.SetupWidget3377495061--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget3377495061__completedCta,.SetupWidget3377495061__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget3377495061__row:hover .SetupWidget3377495061__completedCta,.SetupWidget3377495061__row:hover .SetupWidget3377495061__secondaryCta{opacity:1}}.SetupWidget3377495061__row:focus-within .SetupWidget3377495061__completedCta,.SetupWidget3377495061__row:focus-within .SetupWidget3377495061__secondaryCta,.SetupWidget3377495061__secondaryCta:focus-within{opacity:1}.SetupWidget3377495061__card{display:block;width:100%;border:0;border-radius:var(--wds-border-radius-400, 8px);background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);overflow:clip;box-sizing:border-box;text-align:start;font:inherit;color:inherit;padding:0;margin:0}.SetupWidget3377495061__card.SetupWidget3377495061--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget3377495061__card.SetupWidget3377495061--clickable{cursor:pointer}.SetupWidget3377495061__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget3377495061__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget3377495061__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget3377495061__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard2392640735__headerLoading{display:block!important}.SlidingModal487516369__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal487516369__root.SlidingModal487516369--overlay{transition:transform 0s ease 0s}.SlidingModal487516369__root.SlidingModal487516369---appendTo-6-parent{position:absolute}.SlidingModal487516369__root.SlidingModal487516369--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal487516369__root:not(.SlidingModal487516369--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader2192483832__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader2192483832__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader2192483832__hoverBridge{display:inline-block;padding:4px 13px 4px 4px;background:0 0}[data-content-element^=popover-content-add-field-popover-][data-hook=popover-content][class]{background:0 0;border:0;box-shadow:none;border-radius:0;padding:0}.TabsFilter2869575637__root .TabsFilter2869575637__titleBox *{color:inherit!important}.ManageTagsModal3286175546__root{display:flex}.ManageTagsModal3286175546__root.ManageTagsModal3286175546--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal3286175546__root.ManageTagsModal3286175546--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem236025399__root{min-width:0}.ToolbarItemBox1045028660__root{min-width:0}.ToolbarItemBox1045028660__root.ToolbarItemBox1045028660--removeStartPadding{margin-left:-24px}.ToolbarItemBox1045028660__root.ToolbarItemBox1045028660--expandable{flex:1 0}.common3315801141__column{display:flex;flex-direction:column}.common3315801141__fullHeight{height:100%;min-height:0}.CollectionPageHeader2331853534__root:not(.CollectionPageHeader2331853534--mobile){gap:12px}.CollectionPageHeader2331853534__root.CollectionPageHeader2331853534--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2331853534__root.CollectionPageHeader2331853534--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3378018280__root.FormPageHeader3378018280--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3378018280__root.FormPageHeader3378018280--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+  )}.Edit3759386228__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit4188546714__urlInput{width:100%;margin-left:-1px}.View1832107320__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View1832107320__urlText{flex:1;min-width:0}.View1832107320__suffix{flex-shrink:0;margin-left:10px}.View1832107320__textView.View1832107320--suffixOnHover:not(:hover) .View1832107320__suffix{display:none}.EmptyStateBase3817057834__root{min-height:230px;align-items:center}.EntityPagePlain2185880808__root.EntityPagePlain2185880808--mobile{--wds-page-header-padding-horizontal:0}.Fade512860168__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade512860168__root.Fade512860168--exit{opacity:0}.Heading3077622923__root{visibility:visible}.Heading3077622923__root.Heading3077622923--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload739697631__fileUpload{width:100%}.InputOverflow348762498__root.InputOverflow348762498--selected:not(.InputOverflow348762498--focused) input::placeholder{color:#000624}@keyframes LoadingRow1007375783__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%}}.LoadingRow1007375783__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:LoadingRow1007375783__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2409169340__root{opacity:1}.MaxHeightText2409169340__root.MaxHeightText2409169340--height24{line-height:24px}.MaxLines3294220488__root{overflow:hidden}.MaxLines3294220488__root.MaxLines3294220488--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1285148428__root{min-width:0}.MultiBulkActionToolbar1285148428__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1285148428__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1285148428__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3088686009__root td{padding:0!important;width:100%}.NestedTableRow3247189450__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow3247189450__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow3247189450__root.NestedTableRow3247189450--expandable{cursor:pointer}.NestedTableRow3247189450__placeholder td{padding:0!important;width:100%}.NestedTableRow3247189450__root:hover td:first-of-type::before,.NestedTableRow3247189450__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.MultipleDragOverlayEffect824365765__root{position:absolute;transform:translate(6px,6px);background-color:var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff));box-shadow:var(--wds-shadow-surface-overlay, var(--wsr-shadow20, 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12)))}.NestedTableDragAndDropRow1181710227__root.NestedTableDragAndDropRow1181710227--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent2517787932__root{display:flex}.PickerContentAdditionalStep1757242952__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1757242952__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2909879809__root{box-sizing:border-box}.ScrollableContent1862169288__root.ScrollableContent1862169288--overflowY{overflow-y:auto}.ScrollableContent1862169288__root.ScrollableContent1862169288--overflowX{overflow-x:auto}.ScrollableContent1862169288__root.ScrollableContent1862169288--smooth{scroll-behavior:smooth}.SetupWidget870228798__row{display:flex;flex-direction:column;overflow:clip;--wds-clickable-card-outline-border-color:var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))}.SetupWidget870228798__row.SetupWidget870228798--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget870228798__row.SetupWidget870228798--focused.SetupWidget870228798--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget870228798__completedCta,.SetupWidget870228798__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget870228798__row:hover .SetupWidget870228798__completedCta,.SetupWidget870228798__row:hover .SetupWidget870228798__secondaryCta{opacity:1}}.SetupWidget870228798__row:focus-within .SetupWidget870228798__completedCta,.SetupWidget870228798__row:focus-within .SetupWidget870228798__secondaryCta,.SetupWidget870228798__secondaryCta:focus-within{opacity:1}.SetupWidget870228798__card{display:block;width:100%;border:0;border-radius:var(--wds-border-radius-400, 8px);background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);overflow:clip;box-sizing:border-box;text-align:start;font:inherit;color:inherit;padding:0;margin:0}.SetupWidget870228798__card.SetupWidget870228798--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget870228798__card.SetupWidget870228798--clickable{cursor:pointer}.SetupWidget870228798__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget870228798__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget870228798__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget870228798__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard2751193167__headerLoading{display:block!important}.SlidingModal1609958439__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1609958439__root.SlidingModal1609958439--overlay{transition:transform 0s ease 0s}.SlidingModal1609958439__root.SlidingModal1609958439---appendTo-6-parent{position:absolute}.SlidingModal1609958439__root.SlidingModal1609958439--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal1609958439__root:not(.SlidingModal1609958439--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader3381691961__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader3381691961__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader3381691961__hoverBridge{display:inline-block;padding:4px 13px 4px 4px;background:0 0}[data-content-element^=popover-content-add-field-popover-][data-hook=popover-content][class]{background:0 0;border:0;box-shadow:none;border-radius:0;padding:0}.TabsFilter1619201132__root .TabsFilter1619201132__titleBox *{color:inherit!important}.ManageTagsModal1213448534__root{display:flex}.ManageTagsModal1213448534__root.ManageTagsModal1213448534--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal1213448534__root.ManageTagsModal1213448534--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem4093817295__root{min-width:0}.ToolbarItemBox993114243__root{min-width:0}.ToolbarItemBox993114243__root.ToolbarItemBox993114243--removeStartPadding{margin-left:-24px}.ToolbarItemBox993114243__root.ToolbarItemBox993114243--expandable{flex:1 0}.common312301349__column{display:flex;flex-direction:column}.common312301349__fullHeight{height:100%;min-height:0}.CollectionPageHeader3083416505__root:not(.CollectionPageHeader3083416505--mobile){gap:12px}.CollectionPageHeader3083416505__root.CollectionPageHeader3083416505--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3083416505__root.CollectionPageHeader3083416505--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3991938290__root.FormPageHeader3991938290--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3991938290__root.FormPageHeader3991938290--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/dist/cjs/version.js

@@ -2,5 +2,5 @@
 
 exports.__esModule = true;
 exports.version = void 0;
-const version = exports.version = 'patterns@1.452.0';
+const version = exports.version = 'patterns@1.454.0';
 //# sourceMappingURL=version.js.map

package/dist/cjs/version.js.map

@@ -1 +1 @@
-{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.452.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.454.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}

package/dist/docs/ActionCellProps.md

@@ -8,6 +8,68 @@
 
 [TableActionCellProps](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--tableactioncell)
 
+### Disabling the secondary actions menu
+
+```tsx
+import React from 'react';
+import { CollectionPage } from '@wix/patterns/page';
+import { CollectionEmptyState, Table, useTableCollection } from '@wix/patterns';
+import { Edit } from '@wix/wix-ui-icons-common';
+
+interface Item {
+  id: string;
+  name: string;
+  archived: boolean;
+}
+
+function DisabledSecondaryActions() {
+  const tableState = useTableCollection<Item>({
+    queryName: 'items-ActionCellDisabledMenu',
+    fetchData: async () => ({
+      items: [
+        { id: '1', name: 'Active item', archived: false },
+        { id: '2', name: 'Archived item', archived: true },
+      ],
+      total: 2,
+    }),
+  });
+
+  return (
+    <CollectionPage height="400px">
+      <CollectionPage.Header title={{ text: 'Items' }} />
+      <CollectionPage.Content>
+        <Table
+          state={tableState}
+          columns={[
+            {
+              title: 'Name',
+              render: (item) => item.name,
+            },
+          ]}
+          emptyState={<CollectionEmptyState />}
+          actionCell={(item) => ({
+            primaryAction: {
+              text: 'View',
+              onClick: () => console.log('View', item),
+            },
+            secondaryMenuDisabled: item.archived,
+            secondaryMenuDisabledTooltip:
+              'Actions are unavailable for archived items',
+            secondaryActions: [
+              {
+                icon: <Edit />,
+                text: 'Edit',
+                onClick: () => console.log('Edit', item),
+              },
+            ],
+          })}
+        />
+      </CollectionPage.Content>
+    </CollectionPage>
+  );
+}
+```
+
 ### Props
 
 | Prop | Type | Required | Default | Description |

package/dist/docs/MultiAutoInlineCheckboxFilter.md

@@ -67,9 +67,9 @@ import { MultiAutoInlineCheckboxFilter } from '@wix/patterns';
 | `page` | `Page` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2023. **Syntax**: `auto \| <custom-ident>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :----: \| :----: \| :-: \| \| **85** \| **110** \| **1** \| **85** \| No \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/page |
 | `inline` | `boolean` | No | - | Defines if the box behaves as an inline element |
 | `fill` | `Fill` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017. **Syntax**: `<paint>` **Initial value**: `black` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :----: \| :-----: \| :-: \| \| **1** \| **3** \| **4** \| **≤15** \| No \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/fill |
-| `minHeight` | `any` | No | - | Sets the minimum height of the box in pixels This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. **Syntax**: `auto \| <length-percentage [0,∞]> \| min-content \| max-content \| fit-content \| fit-content(<length-percentage [0,∞]>) \| <calc-size()> \| <anchor-size()>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :-----: \| :----: \| :---: \| \| **1** \| **3** \| **1.3** \| **12** \| **7** \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-height |
 | `width` | `any` | No | - | Sets the width of the box in pixels This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. **Syntax**: `auto \| <length-percentage [0,∞]> \| min-content \| max-content \| fit-content \| fit-content(<length-percentage [0,∞]>) \| <calc-size()> \| <anchor-size()>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :----: \| :----: \| :---: \| \| **1** \| **1** \| **1** \| **12** \| **4** \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/width |
 | `zIndex` | `ZIndex` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. **Syntax**: `auto \| <integer>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :----: \| :----: \| :---: \| \| **1** \| **1** \| **1** \| **12** \| **4** \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/z-index |
+| `minHeight` | `any` | No | - | Sets the minimum height of the box in pixels This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. **Syntax**: `auto \| <length-percentage [0,∞]> \| min-content \| max-content \| fit-content \| fit-content(<length-percentage [0,∞]>) \| <calc-size()> \| <anchor-size()>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :-----: \| :----: \| :---: \| \| **1** \| **3** \| **1.3** \| **12** \| **7** \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-height |
 | `grid` | `Grid` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017. **Syntax**: `<'grid-template'> \| <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? \| [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :------: \| :----: \| :-: \| \| **57** \| **52** \| **10.1** \| **16** \| No \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid |
 | `container` | `Container` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2023. **Syntax**: `<'container-name'> [ / <'container-type'> ]?` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :-----: \| :-----: \| :----: \| :-----: \| :-: \| \| **105** \| **110** \| **16** \| **105** \| No \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/container |
 | `style` | `CSSProperties` | No | - | Sets object of CSS styles |

package/dist/docs/MultiInlineCheckboxFilter.md

@@ -88,9 +88,9 @@ function BasicMultiInlineCheckboxFilter() {
 | `page` | `Page` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2023. **Syntax**: `auto \| <custom-ident>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :----: \| :----: \| :-: \| \| **85** \| **110** \| **1** \| **85** \| No \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/page |
 | `inline` | `boolean` | No | - | Defines if the box behaves as an inline element |
 | `fill` | `Fill` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017. **Syntax**: `<paint>` **Initial value**: `black` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :----: \| :-----: \| :-: \| \| **1** \| **3** \| **4** \| **≤15** \| No \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/fill |
-| `minHeight` | `any` | No | - | Sets the minimum height of the box in pixels This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. **Syntax**: `auto \| <length-percentage [0,∞]> \| min-content \| max-content \| fit-content \| fit-content(<length-percentage [0,∞]>) \| <calc-size()> \| <anchor-size()>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :-----: \| :----: \| :---: \| \| **1** \| **3** \| **1.3** \| **12** \| **7** \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-height |
 | `width` | `any` | No | - | Sets the width of the box in pixels This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. **Syntax**: `auto \| <length-percentage [0,∞]> \| min-content \| max-content \| fit-content \| fit-content(<length-percentage [0,∞]>) \| <calc-size()> \| <anchor-size()>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :----: \| :----: \| :---: \| \| **1** \| **1** \| **1** \| **12** \| **4** \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/width |
 | `zIndex` | `ZIndex` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. **Syntax**: `auto \| <integer>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :----: \| :----: \| :---: \| \| **1** \| **1** \| **1** \| **12** \| **4** \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/z-index |
+| `minHeight` | `any` | No | - | Sets the minimum height of the box in pixels This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. **Syntax**: `auto \| <length-percentage [0,∞]> \| min-content \| max-content \| fit-content \| fit-content(<length-percentage [0,∞]>) \| <calc-size()> \| <anchor-size()>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :-----: \| :----: \| :---: \| \| **1** \| **3** \| **1.3** \| **12** \| **7** \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-height |
 | `grid` | `Grid` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017. **Syntax**: `<'grid-template'> \| <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? \| [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :------: \| :----: \| :-: \| \| **57** \| **52** \| **10.1** \| **16** \| No \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid |
 | `container` | `Container` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2023. **Syntax**: `<'container-name'> [ / <'container-type'> ]?` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :-----: \| :-----: \| :----: \| :-----: \| :-: \| \| **105** \| **110** \| **16** \| **105** \| No \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/container |
 | `style` | `CSSProperties` | No | - | Sets object of CSS styles |

package/dist/docs/bulkActionModal.md

@@ -20,26 +20,75 @@ Return a React element (typically a `<MessageModalLayout>` or custom modal conte
 ### Usage
 
 ```tsx
-<Table
-  state={state}
-  columns={columns}
-  bulkActionToolbar={({ openModal }) => (
-    <MultiBulkActionToolbar>
-      <MultiBulkActionToolbar.ActionButton onClick={openModal}>
-        Delete Selected
-      </MultiBulkActionToolbar.ActionButton>
-    </MultiBulkActionToolbar>
-  )}
-  bulkActionModal={({ selectedValues, closeModal }) => (
-    <MessageModalLayout
-      primaryButtonText="Delete"
-      primaryButtonOnClick={() => { deleteItems(selectedValues); closeModal(); }}
-      secondaryButtonText="Cancel"
-      secondaryButtonOnClick={closeModal}
-    >
-      Delete {selectedValues.length} items?
-    </MessageModalLayout>
-  )}
-/>
+import React from 'react';
+import { MessageModalLayout, Modal } from '@wix/design-system';
+import { CollectionPage } from '@wix/patterns/page';
+import {
+  CollectionEmptyState,
+  MultiBulkActionToolbar,
+  Table,
+  useTableCollection,
+} from '@wix/patterns';
+
+interface Item {
+  id: string;
+  name: string;
+}
+
+function DeleteSelected() {
+  const tableState = useTableCollection<Item>({
+    queryName: 'items-BulkActionModal',
+    fetchData: async () => ({
+      items: [
+        { id: '1', name: 'First item' },
+        { id: '2', name: 'Second item' },
+      ],
+      total: 2,
+    }),
+  });
+
+  return (
+    <CollectionPage height="400px">
+      <CollectionPage.Header title={{ text: 'Items' }} />
+      <CollectionPage.Content>
+        <Table
+          state={tableState}
+          columns={[
+            {
+              title: 'Name',
+              render: (item) => item.name,
+            },
+          ]}
+          emptyState={<CollectionEmptyState />}
+          bulkActionToolbar={({ openModal }) => (
+            <MultiBulkActionToolbar
+              primaryActionItems={[
+                {
+                  label: 'Delete Selected',
+                  onClick: openModal,
+                },
+              ]}
+            />
+          )}
+          bulkActionModal={({ isModalOpen, selectedValues, closeModal }) => (
+            <Modal isOpen={isModalOpen}>
+              <MessageModalLayout
+                primaryButtonText="Delete"
+                primaryButtonOnClick={() => {
+                  console.log('Delete', selectedValues);
+                  closeModal();
+                }}
+                secondaryButtonText="Cancel"
+                secondaryButtonOnClick={closeModal}
+              >
+                Delete {selectedValues.length} items?
+              </MessageModalLayout>
+            </Modal>
+          )}
+        />
+      </CollectionPage.Content>
+    </CollectionPage>
+  );
+}
 ```
 

package/dist/docs/index.json

@@ -1,12 +1,4 @@
 {
-  "ActionSubItem": {
-    "file": "ActionSubItem.md",
-    "category": "Common/Types"
-  },
-  "AutoCompleteFilter": {
-    "file": "AutoCompleteFilter.md",
-    "category": "Features/Filter/Components"
-  },
   "AI Assistant": {
     "file": "AI Assistant.md",
     "category": "Integrations/AI Assistant",
@@ -14,17 +6,29 @@
       "createAiAssistant"
     ]
   },
+  "AutoCompleteFilter": {
+    "file": "AutoCompleteFilter.md",
+    "category": "Features/Filter/Components"
+  },
+  "ActionSubItem": {
+    "file": "ActionSubItem.md",
+    "category": "Common/Types"
+  },
   "CollectionEmptyState": {
     "file": "CollectionEmptyState.md",
     "category": "Features/Display/Empty States"
   },
+  "CollectionNoResultsState": {
+    "file": "CollectionNoResultsState.md",
+    "category": "Features/Display/Empty States"
+  },
   "CollectionErrorState": {
     "file": "CollectionErrorState.md",
     "category": "Common/State"
   },
-  "CollectionNoResultsState": {
-    "file": "CollectionNoResultsState.md",
-    "category": "Features/Display/Empty States"
+  "CollectionPage": {
+    "file": "CollectionPage.md",
+    "category": "Base Components/Pages/Collection Page"
   },
   "CollectionOptimisticActions": {
     "file": "CollectionOptimisticActions.md",
@@ -34,10 +38,6 @@
     "file": "CollectionPage.Content.md",
     "category": "Base Components/Pages/Collection Page"
   },
-  "CollectionPage": {
-    "file": "CollectionPage.md",
-    "category": "Base Components/Pages/Collection Page"
-  },
   "CollectionPage.Header": {
     "file": "CollectionPage.Header.md",
     "category": "Base Components/Pages/Collection Page",
@@ -53,6 +53,14 @@
     "file": "CollectionSearch.md",
     "category": "Features/Filter/Components"
   },
+  "CollectionSubToolbar": {
+    "file": "CollectionSubToolbar.md",
+    "category": "Common/Components"
+  },
+  "CollectionToolbar": {
+    "file": "CollectionToolbar.md",
+    "category": "Common/Components"
+  },
   "ToolbarFilters": {
     "file": "ToolbarFilters.md",
     "category": "Features/Filter/Components",
@@ -60,13 +68,9 @@
       "CollectionToolbarFilters"
     ]
   },
-  "CollectionToolbar": {
-    "file": "CollectionToolbar.md",
-    "category": "Common/Components"
-  },
-  "CollectionSubToolbar": {
-    "file": "CollectionSubToolbar.md",
-    "category": "Common/Components"
+  "CustomFieldType": {
+    "file": "CustomFieldType.md",
+    "category": "Features/Enrich/Custom Field Types"
   },
   "CustomColumns": {
     "file": "CustomColumns.md",
@@ -76,22 +80,18 @@
     "file": "CustomFieldsViewWidget.md",
     "category": "Features/Enrich/Data Extension/Components"
   },
-  "CustomFieldType": {
-    "file": "CustomFieldType.md",
-    "category": "Features/Enrich/Custom Field Types"
-  },
   "CustomFieldsWidget": {
     "file": "CustomFieldsWidget.md",
     "category": "Features/Enrich/Data Extension/Components"
   },
-  "EntityPage": {
-    "file": "EntityPage.md",
-    "category": "Base Components/Pages/Entity Page"
-  },
   "DateRangeFilter": {
     "file": "DateRangeFilter.Components.md",
     "category": "Features/Filter/Components"
   },
+  "EntityPage": {
+    "file": "EntityPage.md",
+    "category": "Base Components/Pages/Entity Page"
+  },
   "EntityPage.AdditionalContent": {
     "file": "EntityPage.AdditionalContent.md",
     "category": "Base Components/Pages/Entity Page"
@@ -100,10 +100,6 @@
     "file": "EntityPage.Card.md",
     "category": "Base Components/Pages/Entity Page"
   },
-  "EntityPage.Content": {
-    "file": "EntityPage.Content.md",
-    "category": "Base Components/Pages/Entity Page"
-  },
   "EntityPage.Header": {
     "file": "EntityPage.Header.md",
     "category": "Base Components/Pages/Entity Page"
@@ -116,6 +112,10 @@
     "file": "EntityPage.Slots.md",
     "category": "Base Components/Pages/Entity Page"
   },
+  "EntityPage.Content": {
+    "file": "EntityPage.Content.md",
+    "category": "Base Components/Pages/Entity Page"
+  },
   "Grid": {
     "file": "Grid.md",
     "category": "Base Components/Collections/Grid/Grid"
@@ -440,10 +440,6 @@
     "file": "customFilter.md",
     "category": "Features/Filter/Factories"
   },
-  "DataResultRaw": {
-    "file": "DataResultRaw.md",
-    "category": "Common/Types"
-  },
   "Data Extension Overview": {
     "file": "Data Extension Overview.md",
     "category": "Features/Enrich/Data Extension"
@@ -460,6 +456,10 @@
     "file": "Allow Users to Add Extended Fields.md",
     "category": "Features/Enrich/Data Extension"
   },
+  "DataResultRaw": {
+    "file": "DataResultRaw.md",
+    "category": "Common/Types"
+  },
   "EntityPageState": {
     "file": "EntityPageState.md",
     "category": "Base Components/Pages/Entity Page/State"
@@ -471,14 +471,14 @@
       "ExportButton"
     ]
   },
-  "FormPageState": {
-    "file": "FormPageState.md",
-    "category": "Common/State"
-  },
   "FilterProps": {
     "file": "FilterProps.md",
     "category": "Features/Filter/Props"
   },
+  "FormPageState": {
+    "file": "FormPageState.md",
+    "category": "Common/State"
+  },
   "GridDragAndDrop": {
     "file": "GridDragAndDrop.md",
     "category": "Features/Sort/Drag and Drop"

package/dist/docs/useAmbassadorCollection.md

@@ -16,22 +16,78 @@ import { useAmbassadorCollection } from '@wix/patterns';
 ### Example
 
 ```tsx
-import { useAmbassadorCollection, Table } from '@wix/patterns';
-import { contacts } from '@wix/crm';
-
-const state = useAmbassadorCollection({
-  ambassador: contacts,
-  transformPlatformizedQuery: (query) => query,
-});
-
-return (
-  <Table
-    state={state}
-    columns={[
-      { title: 'Name', render: (c) => c.name },
-    ]}
-  />
-);
+import React from 'react';
+import { CollectionPage } from '@wix/patterns/page';
+import {
+  CollectionEmptyState,
+  Table,
+  useAmbassadorCollection,
+} from '@wix/patterns';
+import * as ambassador from '@wix/ambassador-ecom-v1-order/crud/http';
+
+function UseAmbassador() {
+  const collection = useAmbassadorCollection({
+    ambassador,
+    itemName: (t) => t.number!,
+    itemKey: (t) => t.id!,
+  });
+
+  return (
+    <CollectionPage height="400px">
+      <CollectionPage.Header title={{ text: 'Orders' }} />
+      <CollectionPage.Content>
+        <Table
+          state={collection}
+          columns={[
+            {
+              id: 'number',
+              width: '30px',
+              title: 'Number',
+              sortable: true,
+              render: (t) => t.number,
+            },
+            {
+              id: 'paymentStatus',
+              width: '50px',
+              title: 'Payment Status',
+              sortable: true,
+              render: (t) => t.paymentStatus,
+            },
+            {
+              id: 'fulfillmentStatus',
+              width: '50px',
+              title: 'Fulfillment Status',
+              sortable: true,
+              render: (t) => t.fulfillmentStatus,
+            },
+            {
+              id: 'createdDate',
+              width: '40px',
+              title: 'Created Date',
+              sortable: true,
+              render: (t) => t.createdDate?.toLocaleDateString(),
+            },
+            {
+              id: 'updatedDate',
+              width: '40px',
+              title: 'Updated Date',
+              sortable: true,
+              render: (t) => t.updatedDate?.toLocaleDateString(),
+            },
+            {
+              id: 'buyerNote',
+              width: '50px',
+              title: 'Buyer Note',
+              sortable: true,
+              render: (t) => t.buyerNote,
+            },
+          ]}
+          emptyState={<CollectionEmptyState />}
+        />
+      </CollectionPage.Content>
+    </CollectionPage>
+  );
+}
 ```
 
 ### Returns

package/dist/docs/useCollection.md

@@ -17,20 +17,36 @@ import { useCollection } from '@wix/patterns';
 ### Example
 
 ```tsx
-import { useCollection } from '@wix/patterns';
+import React from 'react';
+import { OffsetQuery, stringFilter, useCollection } from '@wix/patterns';
+
+interface Item {
+  id: string;
+  name: string;
+}
+
+const api = {
+  list: (query: OffsetQuery): Promise<{ items: Item[]; total: number }> =>
+    Promise.resolve({ items: [], total: 0 }),
+};
+
+function ItemCount() {
+  const collection = useCollection({
+    queryName: 'my-items',
+    fetchData: async (query: OffsetQuery) => {
+      const { items, total } = await api.list(query);
+      return { items, total };
+    },
+    itemKey: (item: Item) => item.id,
+    limit: 50,
+    filters: { status: stringFilter() },
+  });
+
+  // `keyedItems`, `total` and `invalidate()` all live on the returned state.
+  return <div>{collection.total} items</div>;
+}
 
-const collection = useCollection({
-  queryName: 'my-items',
-  fetchData: async (query) => {
-    const { items, total } = await api.list(query);
-    return { items, total };
-  },
-  itemKey: (item) => item.id,
-  limit: 50,
-  filters: { status: stringFilter() },
-});
-
-// collection.keyedItems, collection.total, collection.invalidate(), etc.
+export default ItemCount;
 ```
 
 ### Returns