@wix/patterns 1.446.0 → 1.448.0

package/dist/cjs/styles.global.css

@@ -1,3 +1,3 @@
-.CardContainer717511808__root.CardContainer717511808--mobile{border-radius:0}.CmsFieldForm2795121629__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal2249243587__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection3637935446__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput3097606045__field{flex:1;min-width:0}.Collapse2200595477__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2200595477__exit{height:0}.CollectionPage46210937__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage46210937__root.CollectionPage46210937--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage46210937__root.CollectionPage46210937--panel{overflow:hidden;position:relative}.CollectionSectionHeader3603664615__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3709056707__root td{vertical-align:middle}.CollectionTable3709056707__root.CollectionTable3709056707--mobile td:first-child{padding-left:18px}.CollectionTable3709056707__root.CollectionTable3709056707--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable1028882096__root.CollectionTableWSRTable1028882096--resizable table{min-width:100%}.CollectionTableWSRTable1028882096__root.CollectionTableWSRTable1028882096--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar2577173130__root.CollectionToolbar2577173130--harmony .CollectionToolbar2577173130__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar2577173130__left{min-width:0}.CollectionToolbar2577173130__left.CollectionToolbar2577173130--expandable{flex:auto}.CollectionToolbar2577173130__left.CollectionToolbar2577173130--title>*{width:100%}.CollectionToolbar2577173130__root.CollectionToolbar2577173130---responsiveMode-5-title .CollectionToolbar2577173130__left{flex:1 100;min-width:50px}.CollectionToolbar2577173130__root.CollectionToolbar2577173130---responsiveMode-4-tabs .CollectionToolbar2577173130__left,.CollectionToolbar2577173130__root.CollectionToolbar2577173130---responsiveMode-4-tabs .CollectionToolbar2577173130__left.CollectionToolbar2577173130--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar2577173130__root.CollectionToolbar2577173130---responsiveMode-4-tabs .CollectionToolbar2577173130__left>*{flex-shrink:1;min-width:0}.CollectionToolbar2577173130__root .CollectionToolbar2577173130__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2577173130__root.CollectionToolbar2577173130--views .CollectionToolbar2577173130__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2577173130__root.CollectionToolbar2577173130---responsiveMode-4-tabs .CollectionToolbar2577173130__right,.CollectionToolbar2577173130__root.CollectionToolbar2577173130---responsiveMode-5-title .CollectionToolbar2577173130__right{flex:0 1 auto;min-width:0}.CollectionToolbar2577173130__root .CollectionToolbar2577173130__right.CollectionToolbar2577173130__fullWidth{margin-inline-start:0!important}.CollectionToolbar2577173130__root.CollectionToolbar2577173130--mobile:not(.CollectionToolbar2577173130--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter3125545518__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3125545518__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3125545518__searchMobile:not(.SearchOrCustomFilter3125545518--expandable){left:18px}.SearchOrCustomFilter3125545518__searchMobile.SearchOrCustomFilter3125545518--expandable.SearchOrCustomFilter3125545518--expanded{left:18px}.AutoCompleteReadonly1733311372__root.AutoCompleteReadonly1733311372--disableEditing{cursor:pointer}.AutoCompleteReadonly1733311372__root.AutoCompleteReadonly1733311372--disableEditing input{cursor:pointer}.ViewsDropdown2969463254__root{width:200px}.DragHandle689828589__root{display:flex;align-items:center}.DragHandle689828589__root:not(.DragHandle689828589--disabled){cursor:grab;color:#a8caff}.DragHandle689828589__root.DragHandle689828589--disabled{color:#acafc4}.DragHandle689828589__root:focus-visible:not(.DragHandle689828589--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle689828589__root.DragHandle689828589--disabled{pointer-events:none}.DragHandle689828589__root.DragHandle689828589--dragging:not(.DragHandle689828589--disabled){cursor:grabbing}td:has(>.EditableCell3571605708__root){position:relative;overflow:visible}tr:has(.EditableCell3571605708__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell3571605708__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>.EditableCell3571605708__root{top:0}.EditableCell3571605708__root:hover:not(.EditableCell3571605708--rowActive):not(.EditableCell3571605708--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell3571605708__root.EditableCell3571605708--rowActive:not(.EditableCell3571605708--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell3571605708__root.EditableCell3571605708--rowActive:hover:not(.EditableCell3571605708--focused):not(.EditableCell3571605708--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)}.EditableCell3571605708__root.EditableCell3571605708--focused:not(.EditableCell3571605708--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}.EditableCell3571605708__root.EditableCell3571605708--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell3571605708__root.EditableCell3571605708--editing:not(.EditableCell3571605708--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell3571605708__root.EditableCell3571605708--focused.EditableCell3571605708--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell3571605708__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)}.EditableCell3571605708__root.EditableCell3571605708--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell3571605708__root.EditableCell3571605708--selectionTop:not(.EditableCell3571605708--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell3571605708__root.EditableCell3571605708--selectionBottom:not(.EditableCell3571605708--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell3571605708__root.EditableCell3571605708--selectionLeft:not(.EditableCell3571605708--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell3571605708__root.EditableCell3571605708--selectionRight:not(.EditableCell3571605708--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell3571605708__root.EditableCell3571605708--invalid,.EditableCell3571605708__root.EditableCell3571605708--invalid.EditableCell3571605708--rowActive:hover:not(.EditableCell3571605708--focused):not(.EditableCell3571605708--rangeSelected),.EditableCell3571605708__root.EditableCell3571605708--invalid.EditableCell3571605708--focused:not(.EditableCell3571605708--rangeSelected),.EditableCell3571605708__root.EditableCell3571605708--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell3571605708__root.EditableCell3571605708--copiedTop:not(.EditableCell3571605708--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell3571605708__root.EditableCell3571605708--copiedBottom:not(.EditableCell3571605708--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell3571605708__root.EditableCell3571605708--copiedLeft:not(.EditableCell3571605708--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell3571605708__root.EditableCell3571605708--copiedRight:not(.EditableCell3571605708--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell3571605708__root.EditableCell3571605708--invalid:not(.EditableCell3571605708--focused):not(.EditableCell3571605708--editing){z-index:1}.EditableCell3571605708__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))}.HeaderActionsPopover2155685837__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover2155685837__root,.HeaderActionsPopover2155685837__root[data-menu-open=true],.HeaderActionsPopover2155685837__root:focus-within{opacity:1}.CellViewLayout2225238486__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout2225238486__root>*{flex:1;min-width:0}.Edit59862760__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}.Edit59862760__addressInput>div,.Edit59862760__addressInput>div>div,.Edit59862760__addressInput>div>div>div{width:100%;min-width:0}.Edit1066489331__jsonInput{width:100%;margin-left:-1px}.Edit1480691619__booleanEdit{display:flex;align-items:center;margin-left:8px}.View1411502545__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit2526068679__root{width:100%;height:100%;display:flex;align-items:center}.Edit1271927729__dateInput{width:100%;margin-left:-1px}.Edit3892105212__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit3892105212__dateHalf{flex:60 1 0}.Edit3892105212__timeHalf{flex:40 1 0}.Edit3892105212__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3892105212__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%}.Edit3892105212__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View2182751378__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}.View2182751378__datePart{flex:60 1 0}.View2182751378__timePart{flex:40 1 0}.View2182751378__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View2182751378__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit251951507__emailInput{width:100%;margin-left:-1px}.Edit4293594728__numberInput{width:100%;margin-right:2px}.Edit4293594728__numberInput input{text-align:right;direction:ltr}.View1028679298__textView{width:100%;text-align:right}.Edit1558508534__jsonInput{width:100%;margin-left:-1px}.Edit1370268481__selectInput{width:100%}.Edit2457973312__editWrapper{width:100%}.Edit2457973312__inputArea{background-color:transparent;width:100%}.Edit2457973312__inputArea input,.Edit2457973312__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}.Edit2457973312__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2457973312__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit2457973312__inputArea>div::after{box-shadow:none!important}.Edit2457973312__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2457973312__inputArea:not(.Edit2457973312--isFocused) textarea{resize:none;overflow:hidden}.Edit2457973312__inputArea:not(.Edit2457973312--isFocused) textarea::-webkit-scrollbar{display:none}.Edit871404938__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(
+.CardContainer2246192916__root.CardContainer2246192916--mobile{border-radius:0}.CmsFieldForm2927915490__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal2507451381__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection3474512585__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CharactersLimitInput3287862385__field{flex:1;min-width:0}.Collapse769684337__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse769684337__exit{height:0}.CollectionPage3178609976__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3178609976__root.CollectionPage3178609976--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3178609976__root.CollectionPage3178609976--panel{overflow:hidden;position:relative}.CollectionSectionHeader3731640041__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2318312706__root td{vertical-align:middle}.CollectionTable2318312706__root.CollectionTable2318312706--mobile td:first-child{padding-left:18px}.CollectionTable2318312706__root.CollectionTable2318312706--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable3815611120__root.CollectionTableWSRTable3815611120--resizable table{min-width:100%}.CollectionTableWSRTable3815611120__root.CollectionTableWSRTable3815611120--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar1757417901__root.CollectionToolbar1757417901--harmony .CollectionToolbar1757417901__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar1757417901__left{min-width:0}.CollectionToolbar1757417901__left.CollectionToolbar1757417901--expandable{flex:auto}.CollectionToolbar1757417901__left.CollectionToolbar1757417901--title>*{width:100%}.CollectionToolbar1757417901__root.CollectionToolbar1757417901---responsiveMode-5-title .CollectionToolbar1757417901__left{flex:1 100;min-width:50px}.CollectionToolbar1757417901__root.CollectionToolbar1757417901---responsiveMode-4-tabs .CollectionToolbar1757417901__left,.CollectionToolbar1757417901__root.CollectionToolbar1757417901---responsiveMode-4-tabs .CollectionToolbar1757417901__left.CollectionToolbar1757417901--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1757417901__root.CollectionToolbar1757417901---responsiveMode-4-tabs .CollectionToolbar1757417901__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1757417901__root .CollectionToolbar1757417901__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1757417901__root.CollectionToolbar1757417901--views .CollectionToolbar1757417901__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1757417901__root.CollectionToolbar1757417901---responsiveMode-4-tabs .CollectionToolbar1757417901__right,.CollectionToolbar1757417901__root.CollectionToolbar1757417901---responsiveMode-5-title .CollectionToolbar1757417901__right{flex:0 1 auto;min-width:0}.CollectionToolbar1757417901__root .CollectionToolbar1757417901__right.CollectionToolbar1757417901__fullWidth{margin-inline-start:0!important}.CollectionToolbar1757417901__root.CollectionToolbar1757417901--mobile:not(.CollectionToolbar1757417901--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter4215412556__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter4215412556__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter4215412556__searchMobile:not(.SearchOrCustomFilter4215412556--expandable){left:18px}.SearchOrCustomFilter4215412556__searchMobile.SearchOrCustomFilter4215412556--expandable.SearchOrCustomFilter4215412556--expanded{left:18px}.AutoCompleteReadonly1089292761__root.AutoCompleteReadonly1089292761--disableEditing{cursor:pointer}.AutoCompleteReadonly1089292761__root.AutoCompleteReadonly1089292761--disableEditing input{cursor:pointer}.ViewsDropdown4148272197__root{width:200px}.DragHandle726215010__root{display:flex;align-items:center}.DragHandle726215010__root:not(.DragHandle726215010--disabled){cursor:grab;color:#a8caff}.DragHandle726215010__root.DragHandle726215010--disabled{color:#acafc4}.DragHandle726215010__root:focus-visible:not(.DragHandle726215010--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle726215010__root.DragHandle726215010--disabled{pointer-events:none}.DragHandle726215010__root.DragHandle726215010--dragging:not(.DragHandle726215010--disabled){cursor:grabbing}td:has(>.EditableCell98859062__root){position:relative;overflow:visible}tr:has(.EditableCell98859062__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell98859062__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>.EditableCell98859062__root{top:0}.EditableCell98859062__root:hover:not(.EditableCell98859062--rowActive):not(.EditableCell98859062--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell98859062__root.EditableCell98859062--rowActive:not(.EditableCell98859062--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell98859062__root.EditableCell98859062--rowActive:hover:not(.EditableCell98859062--focused):not(.EditableCell98859062--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)}.EditableCell98859062__root.EditableCell98859062--focused:not(.EditableCell98859062--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}.EditableCell98859062__root.EditableCell98859062--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell98859062__root.EditableCell98859062--editing:not(.EditableCell98859062--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell98859062__root.EditableCell98859062--focused.EditableCell98859062--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell98859062__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)}.EditableCell98859062__root.EditableCell98859062--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell98859062__root.EditableCell98859062--selectionTop:not(.EditableCell98859062--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell98859062__root.EditableCell98859062--selectionBottom:not(.EditableCell98859062--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell98859062__root.EditableCell98859062--selectionLeft:not(.EditableCell98859062--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell98859062__root.EditableCell98859062--selectionRight:not(.EditableCell98859062--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell98859062__root.EditableCell98859062--invalid,.EditableCell98859062__root.EditableCell98859062--invalid.EditableCell98859062--rowActive:hover:not(.EditableCell98859062--focused):not(.EditableCell98859062--rangeSelected),.EditableCell98859062__root.EditableCell98859062--invalid.EditableCell98859062--focused:not(.EditableCell98859062--rangeSelected),.EditableCell98859062__root.EditableCell98859062--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell98859062__root.EditableCell98859062--copiedTop:not(.EditableCell98859062--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell98859062__root.EditableCell98859062--copiedBottom:not(.EditableCell98859062--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell98859062__root.EditableCell98859062--copiedLeft:not(.EditableCell98859062--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell98859062__root.EditableCell98859062--copiedRight:not(.EditableCell98859062--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell98859062__root.EditableCell98859062--invalid:not(.EditableCell98859062--focused):not(.EditableCell98859062--editing){z-index:1}.EditableCell98859062__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))}.HeaderActionsPopover3000738424__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3000738424__root,.HeaderActionsPopover3000738424__root[data-menu-open=true],.HeaderActionsPopover3000738424__root:focus-within{opacity:1}.CellViewLayout1026225972__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout1026225972__root>*{flex:1;min-width:0}.Edit122362979__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}.Edit122362979__addressInput>div,.Edit122362979__addressInput>div>div,.Edit122362979__addressInput>div>div>div{width:100%;min-width:0}.Edit1139422417__jsonInput{width:100%;margin-left:-1px}.Edit52138907__booleanEdit{display:flex;align-items:center;margin-left:8px}.View1139038159__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit344322730__root{width:100%;height:100%;display:flex;align-items:center}.Edit4012632565__dateInput{width:100%;margin-left:-1px}.Edit2657121955__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit2657121955__dateHalf{flex:60 1 0}.Edit2657121955__timeHalf{flex:40 1 0}.Edit2657121955__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit2657121955__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%}.Edit2657121955__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View3750587915__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}.View3750587915__datePart{flex:60 1 0}.View3750587915__timePart{flex:40 1 0}.View3750587915__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View3750587915__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3348827758__emailInput{width:100%;margin-left:-1px}.Edit3757480630__numberInput{width:100%;margin-right:2px}.Edit3757480630__numberInput input{text-align:right;direction:ltr}.View1096347571__textView{width:100%;text-align:right}.Edit3974759951__jsonInput{width:100%;margin-left:-1px}.Edit302364771__selectInput{width:100%}.Edit4286334146__editWrapper{width:100%}.Edit4286334146__inputArea{background-color:transparent;width:100%}.Edit4286334146__inputArea input,.Edit4286334146__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}.Edit4286334146__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit4286334146__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit4286334146__inputArea>div::after{box-shadow:none!important}.Edit4286334146__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit4286334146__inputArea:not(.Edit4286334146--isFocused) textarea{resize:none;overflow:hidden}.Edit4286334146__inputArea:not(.Edit4286334146--isFocused) textarea::-webkit-scrollbar{display:none}.Edit836037362__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
-  )}.Edit871404938__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit2546142657__urlInput{width:100%;margin-left:-1px}.View3403835407__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3403835407__urlText{flex:1;min-width:0}.View3403835407__suffix{flex-shrink:0;margin-left:10px}.View3403835407__textView.View3403835407--suffixOnHover:not(:hover) .View3403835407__suffix{display:none}.EmptyStateBase3800901673__root{min-height:230px;align-items:center}.EntityPagePlain2201780053__root.EntityPagePlain2201780053--mobile{--wds-page-header-padding-horizontal:0}.Fade2261417060__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2261417060__root.Fade2261417060--exit{opacity:0}.Heading2491838071__root{visibility:visible}.Heading2491838071__root.Heading2491838071--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2976789225__fileUpload{width:100%}.InputOverflow1255096655__root.InputOverflow1255096655--selected:not(.InputOverflow1255096655--focused) input::placeholder{color:#000624}@keyframes LoadingRow1595536176__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%}}.LoadingRow1595536176__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:LoadingRow1595536176__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3926941562__root{opacity:1}.MaxHeightText3926941562__root.MaxHeightText3926941562--height24{line-height:24px}.MaxLines396791620__root{overflow:hidden}.MaxLines396791620__root.MaxLines396791620--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar402961466__root{min-width:0}.MultiBulkActionToolbar402961466__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar402961466__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar402961466__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2094836156__root td{padding:0!important;width:100%}.NestedTableRow822259815__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow822259815__root:hover{background-color:#e7f0ff!important}.NestedTableRow822259815__root.NestedTableRow822259815--expandable{cursor:pointer}.NestedTableRow822259815__placeholder td{padding:0!important;width:100%}.NestedTableRow822259815__root:hover td:first-of-type::before,.NestedTableRow822259815__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2886295854__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)}.NestedTableDragAndDropRow4086293915__root.NestedTableDragAndDropRow4086293915--draggingInto td{background-color:#e7f0ff!important}.PickerContent3531268449__root{display:flex}.PickerContentAdditionalStep3632670883__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3632670883__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3728010085__root{box-sizing:border-box}.ScrollableContent1373143193__root.ScrollableContent1373143193--overflowY{overflow-y:auto}.ScrollableContent1373143193__root.ScrollableContent1373143193--overflowX{overflow-x:auto}.ScrollableContent1373143193__root.ScrollableContent1373143193--smooth{scroll-behavior:smooth}.SetupWidget3665684925__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))}.SetupWidget3665684925__row.SetupWidget3665684925--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget3665684925__row.SetupWidget3665684925--focused.SetupWidget3665684925--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget3665684925__completedCta,.SetupWidget3665684925__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget3665684925__row:hover .SetupWidget3665684925__completedCta,.SetupWidget3665684925__row:hover .SetupWidget3665684925__secondaryCta{opacity:1}}.SetupWidget3665684925__row:focus-within .SetupWidget3665684925__completedCta,.SetupWidget3665684925__row:focus-within .SetupWidget3665684925__secondaryCta,.SetupWidget3665684925__secondaryCta:focus-within{opacity:1}.SetupWidget3665684925__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}.SetupWidget3665684925__card.SetupWidget3665684925--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget3665684925__card.SetupWidget3665684925--clickable{cursor:pointer}.SetupWidget3665684925__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget3665684925__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget3665684925__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget3665684925__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard2218983688__headerLoading{display:block!important}.SlidingModal4019528586__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal4019528586__root.SlidingModal4019528586--overlay{transition:transform 0s ease 0s}.SlidingModal4019528586__root.SlidingModal4019528586---appendTo-6-parent{position:absolute}.SlidingModal4019528586__root.SlidingModal4019528586--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal4019528586__root:not(.SlidingModal4019528586--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader861083648__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader861083648__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader861083648__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}.TabsFilter3516597653__root .TabsFilter3516597653__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter3516597653__root.TabsFilter3516597653--selected .TabsFilter3516597653__title,.TabsFilter3516597653__root:hover .TabsFilter3516597653__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal1232398320__root{display:flex}.ManageTagsModal1232398320__root.ManageTagsModal1232398320--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal1232398320__root.ManageTagsModal1232398320--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem2133146139__root{min-width:0}.ToolbarItemBox577761350__root{min-width:0}.ToolbarItemBox577761350__root.ToolbarItemBox577761350--removeStartPadding{margin-left:-24px}.ToolbarItemBox577761350__root.ToolbarItemBox577761350--expandable{flex:1 0}.common5230984__column{display:flex;flex-direction:column}.common5230984__fullHeight{height:100%;min-height:0}.CollectionPageHeader5161014__root:not(.CollectionPageHeader5161014--mobile){gap:12px}.CollectionPageHeader5161014__root.CollectionPageHeader5161014--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader5161014__root.CollectionPageHeader5161014--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1524547098__root.FormPageHeader1524547098--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1524547098__root.FormPageHeader1524547098--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+  )}.Edit836037362__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit1491394925__urlInput{width:100%;margin-left:-1px}.View3373471404__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3373471404__urlText{flex:1;min-width:0}.View3373471404__suffix{flex-shrink:0;margin-left:10px}.View3373471404__textView.View3373471404--suffixOnHover:not(:hover) .View3373471404__suffix{display:none}.EmptyStateBase2972589660__root{min-height:230px;align-items:center}.EntityPagePlain4043913473__root.EntityPagePlain4043913473--mobile{--wds-page-header-padding-horizontal:0}.Fade1668629967__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1668629967__root.Fade1668629967--exit{opacity:0}.Heading4157349532__root{visibility:visible}.Heading4157349532__root.Heading4157349532--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2412524095__fileUpload{width:100%}.InputOverflow3047815737__root.InputOverflow3047815737--selected:not(.InputOverflow3047815737--focused) input::placeholder{color:#000624}@keyframes LoadingRow341580875__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%}}.LoadingRow341580875__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:LoadingRow341580875__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText173816493__root{opacity:1}.MaxHeightText173816493__root.MaxHeightText173816493--height24{line-height:24px}.MaxLines2999672862__root{overflow:hidden}.MaxLines2999672862__root.MaxLines2999672862--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2726287797__root{min-width:0}.MultiBulkActionToolbar2726287797__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2726287797__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2726287797__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1317184787__root td{padding:0!important;width:100%}.NestedTableRow3387766753__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow3387766753__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow3387766753__root.NestedTableRow3387766753--expandable{cursor:pointer}.NestedTableRow3387766753__placeholder td{padding:0!important;width:100%}.NestedTableRow3387766753__root:hover td:first-of-type::before,.NestedTableRow3387766753__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))}.MultipleDragOverlayEffect4030766872__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)))}.NestedTableDragAndDropRow1938450215__root.NestedTableDragAndDropRow1938450215--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent1207852199__root{display:flex}.PickerContentAdditionalStep3295160460__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3295160460__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2371250403__root{box-sizing:border-box}.ScrollableContent4182818010__root.ScrollableContent4182818010--overflowY{overflow-y:auto}.ScrollableContent4182818010__root.ScrollableContent4182818010--overflowX{overflow-x:auto}.ScrollableContent4182818010__root.ScrollableContent4182818010--smooth{scroll-behavior:smooth}.SetupWidget799516824__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))}.SetupWidget799516824__row.SetupWidget799516824--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget799516824__row.SetupWidget799516824--focused.SetupWidget799516824--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget799516824__completedCta,.SetupWidget799516824__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget799516824__row:hover .SetupWidget799516824__completedCta,.SetupWidget799516824__row:hover .SetupWidget799516824__secondaryCta{opacity:1}}.SetupWidget799516824__row:focus-within .SetupWidget799516824__completedCta,.SetupWidget799516824__row:focus-within .SetupWidget799516824__secondaryCta,.SetupWidget799516824__secondaryCta:focus-within{opacity:1}.SetupWidget799516824__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}.SetupWidget799516824__card.SetupWidget799516824--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget799516824__card.SetupWidget799516824--clickable{cursor:pointer}.SetupWidget799516824__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget799516824__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget799516824__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget799516824__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard571625231__headerLoading{display:block!important}.SlidingModal1418578916__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1418578916__root.SlidingModal1418578916--overlay{transition:transform 0s ease 0s}.SlidingModal1418578916__root.SlidingModal1418578916---appendTo-6-parent{position:absolute}.SlidingModal1418578916__root.SlidingModal1418578916--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal1418578916__root:not(.SlidingModal1418578916--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.AddFieldColumnHeader1179865257__root{display:inline-flex;align-items:center;width:100%;min-width:0}.AddFieldColumnHeader1179865257__title{display:flex;width:100%;min-width:0}.AddFieldColumnHeader1179865257__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}.TabsFilter3593242826__root .TabsFilter3593242826__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter3593242826__root.TabsFilter3593242826--selected .TabsFilter3593242826__title,.TabsFilter3593242826__root:hover .TabsFilter3593242826__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal1381519493__root{display:flex}.ManageTagsModal1381519493__root.ManageTagsModal1381519493--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal1381519493__root.ManageTagsModal1381519493--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem3283321930__root{min-width:0}.ToolbarItemBox382728702__root{min-width:0}.ToolbarItemBox382728702__root.ToolbarItemBox382728702--removeStartPadding{margin-left:-24px}.ToolbarItemBox382728702__root.ToolbarItemBox382728702--expandable{flex:1 0}.common3085911248__column{display:flex;flex-direction:column}.common3085911248__fullHeight{height:100%;min-height:0}.CollectionPageHeader2816488786__root:not(.CollectionPageHeader2816488786--mobile){gap:12px}.CollectionPageHeader2816488786__root.CollectionPageHeader2816488786--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2816488786__root.CollectionPageHeader2816488786--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3751915783__root.FormPageHeader3751915783--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3751915783__root.FormPageHeader3751915783--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.446.0';
+const version = exports.version = 'patterns@1.448.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.446.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.448.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}

package/dist/docs/Allow Users to Add Extended Fields.md

@@ -29,9 +29,9 @@ To manage extended fields from the entity page:
     
     export const MyPageProvider = ({ children }) => {
         return (
-    +   
-            
-    +   
+    +   <WidgetsFormProvider>
+            <MyPage />
+    +   </WidgetsFormProvider>
         );
     };
     ```
@@ -45,16 +45,16 @@ To manage extended fields from the entity page:
     
       function MyPageContent({ entity }: { entity: MyEntity }) {
         return (
-            
-              
-                
-                  
-                
-    +           
-    +             " />
-    +           
-              
-            
+            <Page.Content>
+              <Layout>
+                <Cell span={8}>
+                  <MyEntityCard entity={entity}>
+                </Cell>
+    +           <Cell span={4}>
+    +             <CustomFieldsViewWidget extendedFields={entity.extendedFields} fqdn="<YOUR_FQDN>" />
+    +           </Cell>
+              </Layout>
+            </Page.Content>
         );
       }
     ```
@@ -72,7 +72,9 @@ To manage extended fields from the entity page:
     +   const state = useWidgetsFormContext();
     
         return (
-           {
+          <Button
+            disabled={isLoading}
+            onClick={async () => {
               setLoading(true);
     +         const { isValid, data } = await state.validate();
     +         if (isValid) {
@@ -87,8 +89,8 @@ To manage extended fields from the entity page:
     +         }
             }}
           >
-            {isLoading ?  : 'Save'}
-          
+            {isLoading ? <Loader size="tiny" /> : 'Save'}
+          </Button>
         );
       }
     ```

package/dist/docs/CollectionSearch.md

@@ -22,7 +22,9 @@ The search input integrates automatically with [`CollectionPage`](./?path=/story
 Pass `CollectionSearch` as a child of the collection toolbar, or use the `search` prop on `CollectionPage.Header`:
 
 ```tsx
-}
+<CollectionPage.Header
+  title={{ text: 'My Items' }}
+  search={<CollectionSearch placeholder="Search items..." maxLength={100} />}
 />
 ```
 

package/dist/docs/CollectionToolbar.md

@@ -8,7 +8,7 @@
 
 `CollectionToolbar` is the internal toolbar component rendered by `Table`, `Grid`, and other collection components. It displays the title, search input, filters, custom columns, sort, export button, primary/secondary actions, more actions, and view switcher.
 
-You do not render this component directly — instead, configure the toolbar through props on the collection component (e.g. ``). The toolbar reads its state from [`ToolbarCollectionState`](./?path=/story/common-state--toolbarcollectionstate).
+You do not render this component directly — instead, configure the toolbar through props on the collection component (e.g. `<Table title={...} search={...} filters={...} />`). The toolbar reads its state from [`ToolbarCollectionState`](./?path=/story/common-state--toolbarcollectionstate).
 
 ## Testkit
 

package/dist/docs/Component Tests.md

@@ -24,12 +24,12 @@ const MyComponent = () => {};
 
 it('test', () => {
   const MyComponentTestWrapper = () => (
-    
-      
-    
+    <WixPatternsBMProvider>
+      <MyComponent />
+    </WixPatternsBMProvider>
   );
 
-  render();
+  render(<MyComponentTestWrapper />);
 });
 ```
 

package/dist/docs/CustomColumns.md

@@ -911,6 +911,6 @@ Event   |   Description   |
 
 ### Usage
 
-All `` testkit APIs are exposed directly from the `` [testkit](./?path=/story/base-components-collections-table-table--table&tab=Testkit).
+All `<CustomColumns />` testkit APIs are exposed directly from the `<Table />` [testkit](./?path=/story/base-components-collections-table-table--table&tab=Testkit).
 
 

package/dist/docs/CustomFieldType.md

@@ -6,7 +6,7 @@
 
 ### Description
 
-A **custom field type** is a consumer-defined field that plugs into every schema-driven surface. Define it once with `defineFieldType()` and register it on the schema source via `fieldTypes` — the page wires nothing per surface. Each surface resolves its own slot from the definition:
+A **custom field type** is a consumer-defined field that plugs into every schema-driven surface. Define it once with `defineFieldType<V>()` and register it on the schema source via `fieldTypes` — the page wires nothing per surface. Each surface resolves its own slot from the definition:
 
 - `table` — the read-only table cell and column layout.
 - `editableTable` — the editable cell: view, inline editor, and clipboard behavior.
@@ -769,7 +769,7 @@ function CustomFieldTypeEntityPage() {
 
 ### Overview
 
-Full configuration of each slot on `FieldTypeDefinition` (`V` is the field's value type — `defineFieldType` infers it and keeps all slots consistent).
+Full configuration of each slot on `FieldTypeDefinition<V>` (`V` is the field's value type — `defineFieldType` infers it and keeps all slots consistent).
 
 #### `type: string`
 
@@ -784,7 +784,7 @@ Unique key for the type (e.g. `'myvertical.rating'`). Fields reference it via `c
 
 Provide a config, or opt out explicitly with `{ filterable: false }` — never silently absent.
 
-- `createFilter(field): Filter` — the filter state registered on the collection query (e.g. `idNameArrayFilter()`).
+- `createFilter(field): Filter<any>` — the filter state registered on the collection query (e.g. `idNameArrayFilter<T>()`).
 - `Component` — the toolbar element; receives `FilterProps` (`filter`, plus `toolbarItemProps` / `toolbarTagProps` / `accordionItemProps` labels). Typically wraps a built-in filter element like `MultiInlineCheckboxFilter`.
 
 The backend owns the translation: `find({ filters })` receives the raw filter value exactly as the filter state produced it.
@@ -807,8 +807,8 @@ The backend owns the translation: `find({ filters })` receives the raw filter va
 
 #### `editableTable` — the editable cell: view, inline editor, clipboard
 
-- `ViewComponent(props: CellViewProps)` — view mode. Props: `value`, `typeConfig`, `validation`, `columnId`, `rowKey`.
-- `EditComponent?(props: CellEditProps)` — edit mode; omit for view-only cells. Props: `value`, `onChange(value)` (call on **every** change — Tab-commit reads the editing value synchronously before blur), `onCommit()`, `onCancel()` (wire Escape to it), `onStartEdit?()` (call before opening external UI like a modal so the table keeps cell focus), `inputRef` (expose `{ focus }` via `useImperativeHandle` for type-to-edit), `editTrigger`, `validation`, `typeConfig`, `columnId`, `rowKey`.
+- `ViewComponent(props: CellViewProps<V>)` — view mode. Props: `value`, `typeConfig`, `validation`, `columnId`, `rowKey`.
+- `EditComponent?(props: CellEditProps<V>)` — edit mode; omit for view-only cells. Props: `value`, `onChange(value)` (call on **every** change — Tab-commit reads the editing value synchronously before blur), `onCommit()`, `onCancel()` (wire Escape to it), `onStartEdit?()` (call before opening external UI like a modal so the table keeps cell focus), `inputRef` (expose `{ focus }` via `useImperativeHandle` for type-to-edit), `editTrigger`, `validation`, `typeConfig`, `columnId`, `rowKey`.
 - `serialize?(value: V): string` / `deserialize?(raw: string): V` — clipboard copy/paste. Serialized values must be single-line (TSV).
 - `editable?: boolean` — default `true`.
 - `clearable?: boolean` — can the Delete key clear the cell; default `true`.
@@ -819,23 +819,23 @@ The backend owns the translation: `find({ filters })` receives the raw filter va
 - `onTypeToEdit?({ key, validation })` — handle type-to-edit: return `{ value }` to seed and enter edit, `{}` to enter edit unchanged, `undefined` to block the key. Without it, typing on a focused cell does nothing.
 - `nativeTypeToEdit?: boolean` — flush edit mode synchronously on keydown and let the browser deliver the keystroke to the focused input (for controlled inputs that can't be seeded via props).
 - `normalizeOnCommit?(value: V): V` — normalize just before the edit commits (e.g. clamp a number, prepend `https://`).
-- `EditWrapper?: ComponentType` — optional wrapper kept mounted across the edit↔view transition, for behavior that must outlive the inline editor.
+- `EditWrapper?: ComponentType<CellEditWrapperProps>` — optional wrapper kept mounted across the edit↔view transition, for behavior that must outlive the inline editor.
 
 #### `actions` — extra items on the field's "more actions" menus
 
 Items appear on every field-actions menu (editable table column header, manage-fields panel, customize-columns panel) — only for fields of this type.
 
-- `items?: Array` — `disabledTooltip` returning a string disables the item and shows the tooltip.
+- `items?: Array<{ key, label, icon?, skin? ('destructive'), onClick(field), visible?(field), disabledTooltip?(field) }>` — `disabledTooltip` returning a string disables the item and shows the tooltip.
 
 #### `form` — the entity-page form input
 
 Required once a field of this type renders on an entity page — development throws a clear error without it; production skips the field.
 
-- `Component` — receives `FormFieldComponentProps` (`field`, `value`, `onChange(value)`, `onBlur`, `dataHook?`) and renders only the input. The entity page owns the form wiring and the field UI: it registers the field on the form (seeding the value from the entity, falling back to `value.defaultValue`), runs `value.validate` on it, and wraps the component in a WDS `FormField` with the label, required marker, and error message.
+- `Component` — receives `FormFieldComponentProps<V>` (`field`, `value`, `onChange(value)`, `onBlur`, `dataHook?`) and renders only the input. The entity page owns the form wiring and the field UI: it registers the field on the form (seeding the value from the entity, falling back to `value.defaultValue`), runs `value.validate` on it, and wraps the component in a WDS `FormField` with the label, required marker, and error message.
 
 #### `fieldModal` — the add/edit-field modal (opt-in)
 
-Absent ⇒ the modal never offers this type. With it, the type shows in the add-field type picker (using `display.label` and `display.icons`), and a created field arrives at the source's `FieldActions.addField` as `{ type: 'CUSTOM', customType:  }`. Requires the source to support field creation (`schemaPermissions.createField` + `fieldActions.addField`).
+Absent ⇒ the modal never offers this type. With it, the type shows in the add-field type picker (using `display.label` and `display.icons`), and a created field arrives at the source's `FieldActions.addField` as `{ type: 'CUSTOM', customType: <definition key> }`. Requires the source to support field creation (`schemaPermissions.createField` + `fieldActions.addField`).
 
 - `creatable: boolean` — true ⇒ offered in the picker.
 - `namePlaceholder?: string` — placeholder for the name input; absent ⇒ the modal's generic placeholder.

package/dist/docs/CustomFieldsViewWidget.md

@@ -28,16 +28,16 @@ The `CustomFieldsViewWidget` component enhances the entity page by displaying bo
 
   function MyPageContent({ entity }: { entity: MyEntity }) {
     return (
-        
-          
-            
-              
-            
-+           
-+             
-+           
-          
-        
+        <Page.Content>
+          <Layout>
+            <Cell span={8}>
+              <MyEntityCard entity={entity}>
+            </Cell>
++           <Cell span={4}>
++             <CustomFieldsViewWidget extendedFields={entity.extendedFields} fqdn="wix.patterns.dummyservice.v1.dummy_entity" />
++           </Cell>
+          </Layout>
+        </Page.Content>
     );
   }
 ```

package/dist/docs/CustomFieldsWidget.md

@@ -23,9 +23,9 @@ The `CustomFieldsWidget` component enhances the entity page by displaying user-d
 export const MyPageProvider = ({ children }) => {
 
   return (
-+   
-      
-+   
++   <WidgetsFormProvider>
+      <MyPage />
++   </WidgetsFormProvider>
   );
 };
 ```
@@ -40,19 +40,22 @@ export const MyPageProvider = ({ children }) => {
 
   function MyPage({ entity }: { entity: MyEntity }) {
     return (
-      
-        
-        
-          
-            
-              
-            
-+           
-+             
-+           
-          
-        
-      
+      <Page>
+        <Page.Header title="My Entity" />
+        <Page.Content>
+          <Layout>
+            <Cell>
+              <MyEntityCard entity={entity}>
+            </Cell>
++           <Cell>
++             <CustomFieldsWidget
++                fqdn="wix.patterns.dummyservice.v1.dummy_entity"
++                extendedFields={entity.extendedFields}
++             />
++           </Cell>
+          </Layout>
+        </Page.Content>
+      </Page>
     );
   }
 ```
@@ -70,7 +73,9 @@ export const MyPageProvider = ({ children }) => {
 +   const state = useWidgetsFormContext();
 
     return (
-       {
+      <Button
+        disabled={isLoading}
+        onClick={async () => {
           setLoading(true);
 +         const { isValid, data } = await state.validate();
 +         if (isValid) {
@@ -85,8 +90,8 @@ export const MyPageProvider = ({ children }) => {
 +         }
         }}
       >
-        {isLoading ?  : 'Save'}
-      
+        {isLoading ? <Loader size="tiny" /> : 'Save'}
+      </Button>
     );
   }
 ```
@@ -529,11 +534,11 @@ To gain more control over the app structure, the app needs to be wrapped manuall
 // app.tsx
 export const MyApp = () => {
   return (
-    
-      
-        
-      
-    
+    <WixPatternsBMProvider>
+      <MyPageProvider>
+        <MyEntityPage />
+      </MyPageProvider>
+    </WixPatternsBMProvider>
   );
 };
 
@@ -541,11 +546,11 @@ export const MyApp = () => {
 export const MyPageProvider = ({ children }) => {
 
   return (
-    
-+     
+    <MyProvider value={{}}>
++     <WidgetsFormProvider>
         {children}
-+     
-    
++     </WidgetsFormProvider>
+    </MyProvider>
   );
 };
 
@@ -556,8 +561,11 @@ export const MyEntityPage = ({ dummyEntity }: { dummyEntity: DummyEntity }) => {
 + const state = useWidgetsFormContext();
 
   return (
-    
-       {
+    <Page>
+      <Page.Header
+        actionsBar={
+          <Button
+            onClick={async () => {
               const { isValid, data } = await state.validate();
 
               if (isValid) {
@@ -577,14 +585,17 @@ export const MyEntityPage = ({ dummyEntity }: { dummyEntity: DummyEntity }) => {
             }}
           >
             Save
-          
+          </Button>
         }
       >
     />
-      
-+       
-      
-    
+      <Page.Content>
++       <CustomFieldsWidget
++          fqdn="wix.patterns.dummyservice.v1.dummy_entity"
++          extendedFields={entity.extendedFields}
++       />
+      </Page.Content>
+    </Page>
   );
 };
 ```

package/dist/docs/Display Extended Fields.md

@@ -32,8 +32,8 @@ To enable the Data Extension feature:
 1. Specify the `FQDN` of your extendable entity in the `useTableCollection` hook.
 
     ```diff
-    const state = useTableCollection({
-    +   fqdn: '',
+    const state = useTableCollection<DemoEntity>({
+    +   fqdn: '<YOUR_FQDN>',
         // ...
     });
     ```
@@ -41,7 +41,11 @@ To enable the Data Extension feature:
 1. Pass a `DataExtension` component to the `dataExtension` prop on the table.
 
     ```diff
-    
+    <Table
+      state={state}
+    + dataExtension={DataExtension}
+      /* ... */
+    />
     ```
 
 This step simply enabled the Data Extension features in your table. After the next step, you'll be able to add, show, reorder, and hide extended fields.
@@ -53,8 +57,10 @@ To add, show, reorder, and hide extended fields:
 1. Add the [Custom Columns feature](./?path=/story/features-display-custom-columns--customcolumns).
 
     ```diff
-    }
-    +   customColumns={}
+    <Table
+        state={state}
+        dataExtension={<DataExtension />}
+    +   customColumns={<CustomColumns />}
     />
     ```
 
@@ -75,16 +81,16 @@ To add an extra view of extended fields in the entity page:
     
       function MyPageContent({ entity }: { entity: MyEntity }) {
         return (
-            
-              
-                
-                  
-                
-    +           
-    +             " />
-    +           
-              
-            
+            <Page.Content>
+              <Layout>
+                <Cell span={8}>
+                  <MyEntityCard entity={entity}>
+                </Cell>
+    +           <Cell span={4}>
+    +             <CustomFieldsViewWidget extendedFields={entity.extendedFields} fqdn="<YOUR_FQDN>" />
+    +           </Cell>
+              </Layout>
+            </Page.Content>
         );
       }
     ```

package/dist/docs/Enable Filters for Extended Fields.md

@@ -103,7 +103,7 @@ In your table component:
 1. Use the helper functions in your `fetchData` function. For example:
 
     ```diff
-    const state = useTableCollection({
+    const state = useTableCollection<DemoEntity>({
         fqdn: 'wix.cairo.dummyservice.v1.dummy_entity',
         toExtendedFields: (item) => item.extendedFields,
         fetchData: async ({ search = '', filters, sort }) => {
@@ -125,7 +125,9 @@ In your table component:
 1. Mark the data extension component `filterable`.
 
     ```diff
-    }
+    <Table
+        state={state}
+    +   dataExtension={<DataExtension filterable />}
         // ..
     />
     ```

package/dist/docs/EntityPage.AdditionalContent.md

@@ -6,7 +6,7 @@
 
 ### Overview
 
-A slot component for the side panel of an [`EntityPage`](./?path=/story/base-components-pages-entity-page--entitypage). Place it inside `` alongside ``. Supports an optional `sticky` prop to keep the content fixed while scrolling.
+A slot component for the side panel of an [`EntityPage`](./?path=/story/base-components-pages-entity-page--entitypage). Place it inside `<EntityPage.Content>` alongside `<EntityPage.MainContent>`. Supports an optional `sticky` prop to keep the content fixed while scrolling.
 
 ```tsx
 import { EntityPage } from '@wix/patterns/page';

package/dist/docs/EntityPage.Card.md

@@ -217,18 +217,18 @@ import { EntityPage } from '@wix/patterns/page';
 ### Composition
 
 ```tsx
-
-  
-  
-    
-        {/* ← this component */}
-        
+<EntityPage state={state}>
+  <EntityPage.Header title={{ text: "Edit Item" }} />
+  <EntityPage.Content>
+    <EntityPage.MainContent>
+      <EntityPage.Card>  {/* ← this component */}
+        <EntityPage.Card.Content>
           {/* form fields */}
-        
-      
-    
-  
-
+        </EntityPage.Card.Content>
+      </EntityPage.Card>
+    </EntityPage.MainContent>
+  </EntityPage.Content>
+</EntityPage>
 ```
 
 ### Props

package/dist/docs/EntityPage.Content.md

@@ -6,7 +6,7 @@
 
 ### Overview
 
-A layout slot for the body of an [`EntityPage`](./?path=/story/base-components-pages-entity-page--entitypage). Wraps `` and optionally `` to create the two-column layout.
+A layout slot for the body of an [`EntityPage`](./?path=/story/base-components-pages-entity-page--entitypage). Wraps `<EntityPage.MainContent>` and optionally `<EntityPage.AdditionalContent>` to create the two-column layout.
 
 ```tsx
 import { EntityPage } from '@wix/patterns/page';

package/dist/docs/EntityPage.Header.md

@@ -232,7 +232,7 @@ function Badges() {
 
 ### Overview
 
-The header component for an [`EntityPage`](./?path=/story/base-components-pages-entity-page--entitypage). Renders the page title, optional subtitle, breadcrumbs, badges, and a more-actions menu. Place it as a direct child of ``.
+The header component for an [`EntityPage`](./?path=/story/base-components-pages-entity-page--entitypage). Renders the page title, optional subtitle, breadcrumbs, badges, and a more-actions menu. Place it as a direct child of `<EntityPage>`.
 
 ```tsx
 import { EntityPage } from '@wix/patterns/page';
@@ -241,12 +241,15 @@ import { EntityPage } from '@wix/patterns/page';
 ### Composition
 
 ```tsx
-
-  }
-    moreActions={}
+<EntityPage state={state}>
+  <EntityPage.Header  {/* ← this component */}
+    title={{ text: "Edit Item", badges: [{ text: "Draft", skin: "warning" }] }}
+    subtitle="Item details"
+    breadcrumbs={<Breadcrumbs items={[...]} />}
+    moreActions={<MoreActions items={[...]} />}
   />
-  ...
-
+  <EntityPage.Content>...</EntityPage.Content>
+</EntityPage>
 ```
 
 ### Props