@wix/patterns 1.366.0 → 1.369.0

package/dist/cjs/styles.global.css

@@ -1 +1 @@
-.CardContainer2295250283__root.CardContainer2295250283--mobile{border-radius:0}.Collapse269535241__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse269535241__exit{height:0}.CollectionPage3573774927__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3573774927__root.CollectionPage3573774927--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3573774927__root.CollectionPage3573774927--panel{overflow:hidden;position:relative}.CollectionSectionHeader3937441446__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2673478244__root td{vertical-align:middle}.CollectionTable2673478244__root.CollectionTable2673478244--mobile td:first-child{padding-left:18px}.CollectionTable2673478244__root.CollectionTable2673478244--mobile td:last-child{padding-right:18px}.CollectionToolbar1478562778__left{min-width:0}.CollectionToolbar1478562778__left.CollectionToolbar1478562778--expandable{flex:auto}.CollectionToolbar1478562778__left.CollectionToolbar1478562778--title>*{width:100%}.CollectionToolbar1478562778__root.CollectionToolbar1478562778---responsiveMode-5-title .CollectionToolbar1478562778__left{flex:1 100;min-width:50px}.CollectionToolbar1478562778__root.CollectionToolbar1478562778---responsiveMode-4-tabs .CollectionToolbar1478562778__left,.CollectionToolbar1478562778__root.CollectionToolbar1478562778---responsiveMode-4-tabs .CollectionToolbar1478562778__left.CollectionToolbar1478562778--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1478562778__root.CollectionToolbar1478562778---responsiveMode-4-tabs .CollectionToolbar1478562778__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1478562778__root .CollectionToolbar1478562778__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1478562778__root.CollectionToolbar1478562778--views .CollectionToolbar1478562778__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1478562778__root.CollectionToolbar1478562778---responsiveMode-4-tabs .CollectionToolbar1478562778__right,.CollectionToolbar1478562778__root.CollectionToolbar1478562778---responsiveMode-5-title .CollectionToolbar1478562778__right{flex:0 1 auto;min-width:0}.CollectionToolbar1478562778__root .CollectionToolbar1478562778__right.CollectionToolbar1478562778__fullWidth{margin-inline-start:0!important}.CollectionToolbar1478562778__root.CollectionToolbar1478562778--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter281901088__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter281901088__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter281901088__searchMobile:not(.SearchOrCustomFilter281901088--expandable){left:18px}.SearchOrCustomFilter281901088__searchMobile.SearchOrCustomFilter281901088--expandable.SearchOrCustomFilter281901088--expanded{left:18px}.AutoCompleteReadonly3238632147__root.AutoCompleteReadonly3238632147--disableEditing{cursor:pointer}.AutoCompleteReadonly3238632147__root.AutoCompleteReadonly3238632147--disableEditing input{cursor:pointer}.ViewsDropdown767838626__root{width:200px}.DragHandle1649945225__root{display:flex;align-items:center}.DragHandle1649945225__root:not(.DragHandle1649945225--disabled){cursor:grab;color:#a8caff}.DragHandle1649945225__root.DragHandle1649945225--disabled{color:#acafc4}.DragHandle1649945225__root:focus-visible:not(.DragHandle1649945225--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1649945225__root.DragHandle1649945225--disabled{pointer-events:none}.DragHandle1649945225__root.DragHandle1649945225--dragging:not(.DragHandle1649945225--disabled){cursor:grabbing}td:has(>.EditableCell3084944771__root){position:relative;min-height:24px}.EditableCell3084944771__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell3084944771__root.EditableCell3084944771--selected{background:rgba(56,153,236,.08)}.EditableCell3084944771__root.EditableCell3084944771--focused:not(.EditableCell3084944771--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell3084944771__root.EditableCell3084944771--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell3084944771__root.EditableCell3084944771--selectionTop{border-top:2px solid var(--wsr-color-B10)}.EditableCell3084944771__root.EditableCell3084944771--selectionBottom{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell3084944771__root.EditableCell3084944771--selectionLeft{border-left:2px solid var(--wsr-color-B10)}.EditableCell3084944771__root.EditableCell3084944771--selectionRight{border-right:2px solid var(--wsr-color-B10)}.EditableCell3084944771__root.EditableCell3084944771--invalid:not(.EditableCell3084944771--editing){background:rgba(229,0,77,.06)}.EditableCell3084944771__root.EditableCell3084944771--copiedTop:not(.EditableCell3084944771--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell3084944771__root.EditableCell3084944771--copiedBottom:not(.EditableCell3084944771--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell3084944771__root.EditableCell3084944771--copiedLeft:not(.EditableCell3084944771--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell3084944771__root.EditableCell3084944771--copiedRight:not(.EditableCell3084944771--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell3084944771__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.Edit2756468535__booleanEdit{display:flex;align-items:center;margin-left:12px}.View1734812011__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit2954194738__dateInput{width:100%;margin-left:-1px}.View3496179537__textView{width:100%;padding:9px 12px}.Edit1086718486__numberInput{width:100%;margin-right:2px}.Edit1086718486__numberInput input{text-align:right;direction:ltr}.View489596864__textView{width:100%;padding:9px 12px;text-align:right}.Edit2171501204__selectInput{width:100%}.View2274296977__textView{width:100%;padding:9px 12px}.Edit659033210__editWrapper{width:100%}.Edit659033210__inputArea{background-color:transparent;width:100%}.Edit659033210__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit659033210__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important}.Edit659033210__inputArea:not(.Edit659033210--isFocused) textarea{resize:none;overflow:hidden}.Edit659033210__inputArea:not(.Edit659033210--isFocused) textarea::-webkit-scrollbar{display:none}.View985561481__textView{width:100%;padding:9px 12px}.Edit4061833648__urlInput{width:100%;margin-left:-1px}.View793386274__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View793386274__urlText{flex:1;min-width:0}.View793386274__suffix{flex-shrink:0;margin-left:10px}.View793386274__textView.View793386274--suffixOnHover:not(:hover) .View793386274__suffix{display:none}.EntityPagePlain1681091989__root.EntityPagePlain1681091989--mobile{--wds-page-header-padding-horizontal:0}.Fade817618918__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade817618918__root.Fade817618918--exit{opacity:0}.Heading2420093600__root{visibility:visible}.Heading2420093600__root.Heading2420093600--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload972892750__fileUpload{width:100%}.InputOverflow2859286953__root.InputOverflow2859286953--selected:not(.InputOverflow2859286953--focused) input::placeholder{color:#000624}@keyframes LoadingRow641118317__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%}}.LoadingRow641118317__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:LoadingRow641118317__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText222894855__root{opacity:1}.MaxHeightText222894855__root.MaxHeightText222894855--height24{line-height:24px}.MaxLines3413711216__root{overflow:hidden}.MaxLines3413711216__root.MaxLines3413711216--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2017077380__root{min-width:0}.MultiBulkActionToolbar2017077380__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2017077380__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2017077380__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3998706015__root td{padding:0!important;width:100%}.NestedTableRow1007766577__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1007766577__root:hover{background-color:#e7f0ff!important}.NestedTableRow1007766577__root.NestedTableRow1007766577--expandable{cursor:pointer}.NestedTableRow1007766577__placeholder td{padding:0!important;width:100%}.NestedTableRow1007766577__root:hover td:first-of-type::before,.NestedTableRow1007766577__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2755059664__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)}.NestedTableDragAndDropRow1618883091__root.NestedTableDragAndDropRow1618883091--draggingInto td{background-color:#e7f0ff!important}.PickerContent3783271928__root{display:flex}.PickerContentAdditionalStep769599043__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep769599043__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1878736355__root{box-sizing:border-box}.ScrollableContent3878505752__root.ScrollableContent3878505752--overflowY{overflow-y:auto}.ScrollableContent3878505752__root.ScrollableContent3878505752--overflowX{overflow-x:auto}.ScrollableContent3878505752__root.ScrollableContent3878505752--smooth{scroll-behavior:smooth}.SkeletonCard3453398691__headerLoading{display:block!important}.SlidingModal823534629__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal823534629__root.SlidingModal823534629--overlay{transition:transform 0s ease 0s}.SlidingModal823534629__root.SlidingModal823534629---appendTo-6-parent{position:absolute}.SlidingModal823534629__root:not(.SlidingModal823534629--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter4088703764__root .TabsFilter4088703764__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter4088703764__root.TabsFilter4088703764--selected .TabsFilter4088703764__title,.TabsFilter4088703764__root:hover .TabsFilter4088703764__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal1570584659__root{display:flex}.ToolbarItem3734550434__root{min-width:0}.ToolbarItemBox1032297372__root{min-width:0}.ToolbarItemBox1032297372__root.ToolbarItemBox1032297372--removeStartPadding{margin-left:-24px}.ToolbarItemBox1032297372__root.ToolbarItemBox1032297372--expandable{flex:1 0}.common2705747369__column{display:flex;flex-direction:column}.common2705747369__fullHeight{height:100%;min-height:0}.CollectionPageHeader2247944408__root:not(.CollectionPageHeader2247944408--mobile){gap:12px}.CollectionPageHeader2247944408__root.CollectionPageHeader2247944408--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2247944408__root.CollectionPageHeader2247944408--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1910830305__root.FormPageHeader1910830305--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1910830305__root.FormPageHeader1910830305--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer2168501202__root.CardContainer2168501202--mobile{border-radius:0}.Collapse4048424257__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse4048424257__exit{height:0}.CollectionPage276279459__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage276279459__root.CollectionPage276279459--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage276279459__root.CollectionPage276279459--panel{overflow:hidden;position:relative}.CollectionSectionHeader1447244304__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable4289411793__root td{vertical-align:middle}.CollectionTable4289411793__root.CollectionTable4289411793--mobile td:first-child{padding-left:18px}.CollectionTable4289411793__root.CollectionTable4289411793--mobile td:last-child{padding-right:18px}.CollectionToolbar3017975653__left{min-width:0}.CollectionToolbar3017975653__left.CollectionToolbar3017975653--expandable{flex:auto}.CollectionToolbar3017975653__left.CollectionToolbar3017975653--title>*{width:100%}.CollectionToolbar3017975653__root.CollectionToolbar3017975653---responsiveMode-5-title .CollectionToolbar3017975653__left{flex:1 100;min-width:50px}.CollectionToolbar3017975653__root.CollectionToolbar3017975653---responsiveMode-4-tabs .CollectionToolbar3017975653__left,.CollectionToolbar3017975653__root.CollectionToolbar3017975653---responsiveMode-4-tabs .CollectionToolbar3017975653__left.CollectionToolbar3017975653--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar3017975653__root.CollectionToolbar3017975653---responsiveMode-4-tabs .CollectionToolbar3017975653__left>*{flex-shrink:1;min-width:0}.CollectionToolbar3017975653__root .CollectionToolbar3017975653__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3017975653__root.CollectionToolbar3017975653--views .CollectionToolbar3017975653__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3017975653__root.CollectionToolbar3017975653---responsiveMode-4-tabs .CollectionToolbar3017975653__right,.CollectionToolbar3017975653__root.CollectionToolbar3017975653---responsiveMode-5-title .CollectionToolbar3017975653__right{flex:0 1 auto;min-width:0}.CollectionToolbar3017975653__root .CollectionToolbar3017975653__right.CollectionToolbar3017975653__fullWidth{margin-inline-start:0!important}.CollectionToolbar3017975653__root.CollectionToolbar3017975653--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1183156895__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1183156895__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1183156895__searchMobile:not(.SearchOrCustomFilter1183156895--expandable){left:18px}.SearchOrCustomFilter1183156895__searchMobile.SearchOrCustomFilter1183156895--expandable.SearchOrCustomFilter1183156895--expanded{left:18px}.AutoCompleteReadonly1590410434__root.AutoCompleteReadonly1590410434--disableEditing{cursor:pointer}.AutoCompleteReadonly1590410434__root.AutoCompleteReadonly1590410434--disableEditing input{cursor:pointer}.ViewsDropdown2299579084__root{width:200px}.DragHandle2706796462__root{display:flex;align-items:center}.DragHandle2706796462__root:not(.DragHandle2706796462--disabled){cursor:grab;color:#a8caff}.DragHandle2706796462__root.DragHandle2706796462--disabled{color:#acafc4}.DragHandle2706796462__root:focus-visible:not(.DragHandle2706796462--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2706796462__root.DragHandle2706796462--disabled{pointer-events:none}.DragHandle2706796462__root.DragHandle2706796462--dragging:not(.DragHandle2706796462--disabled){cursor:grabbing}td:has(>.EditableCell4007055773__root){position:relative;min-height:24px}.EditableCell4007055773__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell4007055773__root.EditableCell4007055773--selected{background:rgba(56,153,236,.08)}.EditableCell4007055773__root.EditableCell4007055773--focused:not(.EditableCell4007055773--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell4007055773__root.EditableCell4007055773--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell4007055773__root.EditableCell4007055773--selectionTop{border-top:2px solid var(--wsr-color-B10)}.EditableCell4007055773__root.EditableCell4007055773--selectionBottom{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell4007055773__root.EditableCell4007055773--selectionLeft{border-left:2px solid var(--wsr-color-B10)}.EditableCell4007055773__root.EditableCell4007055773--selectionRight{border-right:2px solid var(--wsr-color-B10)}.EditableCell4007055773__root.EditableCell4007055773--invalid:not(.EditableCell4007055773--editing){background:rgba(229,0,77,.06)}.EditableCell4007055773__root.EditableCell4007055773--copiedTop:not(.EditableCell4007055773--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell4007055773__root.EditableCell4007055773--copiedBottom:not(.EditableCell4007055773--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell4007055773__root.EditableCell4007055773--copiedLeft:not(.EditableCell4007055773--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell4007055773__root.EditableCell4007055773--copiedRight:not(.EditableCell4007055773--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell4007055773__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.Edit3240722367__booleanEdit{display:flex;align-items:center;margin-left:12px}.View3426461177__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit3386202237__dateInput{width:100%;margin-left:-1px}.View292028254__textView{width:100%;padding:9px 12px}.Edit3860369112__emailInput{width:100%;margin-left:-1px}.View150901042__textView{width:100%;padding:9px 12px}.Edit1803646036__numberInput{width:100%;margin-right:2px}.Edit1803646036__numberInput input{text-align:right;direction:ltr}.View2720415983__textView{width:100%;padding:9px 12px;text-align:right}.Edit136607306__jsonInput{width:100%;margin-left:-1px}.View2058179119__textView{width:100%;padding:9px 12px}.Edit2518330657__selectInput{width:100%}.View2299310086__textView{width:100%;padding:9px 12px}.Edit3813731711__editWrapper{width:100%}.Edit3813731711__inputArea{background-color:transparent;width:100%}.Edit3813731711__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit3813731711__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important}.Edit3813731711__inputArea:not(.Edit3813731711--isFocused) textarea{resize:none;overflow:hidden}.Edit3813731711__inputArea:not(.Edit3813731711--isFocused) textarea::-webkit-scrollbar{display:none}.View3275766842__textView{width:100%;padding:9px 12px}.Edit1324021997__urlInput{width:100%;margin-left:-1px}.View567257960__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View567257960__urlText{flex:1;min-width:0}.View567257960__suffix{flex-shrink:0;margin-left:10px}.View567257960__textView.View567257960--suffixOnHover:not(:hover) .View567257960__suffix{display:none}.EntityPagePlain2605367659__root.EntityPagePlain2605367659--mobile{--wds-page-header-padding-horizontal:0}.Fade3987565292__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3987565292__root.Fade3987565292--exit{opacity:0}.Heading1326594153__root{visibility:visible}.Heading1326594153__root.Heading1326594153--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2527291098__fileUpload{width:100%}.InputOverflow2955188721__root.InputOverflow2955188721--selected:not(.InputOverflow2955188721--focused) input::placeholder{color:#000624}@keyframes LoadingRow488784554__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%}}.LoadingRow488784554__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:LoadingRow488784554__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2696233809__root{opacity:1}.MaxHeightText2696233809__root.MaxHeightText2696233809--height24{line-height:24px}.MaxLines3057111191__root{overflow:hidden}.MaxLines3057111191__root.MaxLines3057111191--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar821506402__root{min-width:0}.MultiBulkActionToolbar821506402__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar821506402__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar821506402__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3678363266__root td{padding:0!important;width:100%}.NestedTableRow3906551943__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3906551943__root:hover{background-color:#e7f0ff!important}.NestedTableRow3906551943__root.NestedTableRow3906551943--expandable{cursor:pointer}.NestedTableRow3906551943__placeholder td{padding:0!important;width:100%}.NestedTableRow3906551943__root:hover td:first-of-type::before,.NestedTableRow3906551943__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1706234059__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)}.NestedTableDragAndDropRow963030393__root.NestedTableDragAndDropRow963030393--draggingInto td{background-color:#e7f0ff!important}.PickerContent4004721251__root{display:flex}.PickerContentAdditionalStep3378583378__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3378583378__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3045741371__root{box-sizing:border-box}.ScrollableContent1159900848__root.ScrollableContent1159900848--overflowY{overflow-y:auto}.ScrollableContent1159900848__root.ScrollableContent1159900848--overflowX{overflow-x:auto}.ScrollableContent1159900848__root.ScrollableContent1159900848--smooth{scroll-behavior:smooth}.SkeletonCard2332620532__headerLoading{display:block!important}.SlidingModal2730405760__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2730405760__root.SlidingModal2730405760--overlay{transition:transform 0s ease 0s}.SlidingModal2730405760__root.SlidingModal2730405760---appendTo-6-parent{position:absolute}.SlidingModal2730405760__root:not(.SlidingModal2730405760--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter409906628__root .TabsFilter409906628__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter409906628__root.TabsFilter409906628--selected .TabsFilter409906628__title,.TabsFilter409906628__root:hover .TabsFilter409906628__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal3917873617__root{display:flex}.ToolbarItem15520440__root{min-width:0}.ToolbarItemBox939755603__root{min-width:0}.ToolbarItemBox939755603__root.ToolbarItemBox939755603--removeStartPadding{margin-left:-24px}.ToolbarItemBox939755603__root.ToolbarItemBox939755603--expandable{flex:1 0}.common1802833007__column{display:flex;flex-direction:column}.common1802833007__fullHeight{height:100%;min-height:0}.CollectionPageHeader2854830172__root:not(.CollectionPageHeader2854830172--mobile){gap:12px}.CollectionPageHeader2854830172__root.CollectionPageHeader2854830172--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2854830172__root.CollectionPageHeader2854830172--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2449721271__root.FormPageHeader2449721271--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2449721271__root.FormPageHeader2449721271--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.366.0';
+const version = exports.version = 'patterns@1.369.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.366.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.369.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}

package/dist/docs/AI Assistant.md

@@ -0,0 +1,171 @@
+# AI Assistant
+
+**Category:** Integrations/AI Assistant
+
+## Design
+
+### Description
+
+Wix Patterns allows you to integrate your AI Assistant with a [collection](./?path=%2Fstory%2Fbase-components-collections--overview) and use it to add items to that collection. Items are added smoothly with a dedicated animation. 
+
+> **Note:** Currently only tables are supported.
+
+### How it works
+
+Once you integrate the AI Assistant, your collection will automatically listen to the appropriate events emitted from your AI Assistant. When such an event is emitted, your collection will automatically play an animation indicating that an item is being added, and then the item will be added to the collection.
+
+
+
+### Integrate an AI Assistant with your patterns component
+
+To integrate your AI Assistant:
+1. Configure your collection to listen to events from your AI Assistant.
+1. Configure your AI Assistant to emit events in a specific format.
+
+#### Before you begin
+
+You must have a [collection with an `fqdn` property](figure out how to link), and an AI Assistant. 
+
+#### Step 1 | Configure your collection
+
+Configure your collection as follows:
+
+1. Add the following import statement: 
+
+    ```js
+    import { createAiAssistant } from '@wix/patterns';
+    ```
+   
+2. Add the following property to your collection in your call to `useTableCollection()`:
+
+    ```js
+    aiAssistant: createAiAssistant({ appDefId: {{aiAssistantAppDefId}} })
+    ```
+
+    Replace `{{aiAssistantAppDefId}}` with the `appDefId` of your AI Assistant app.
+
+#### Step 2 | Configure your AI Assistant
+
+Follow the instructions for [sending events](https://github.com/wix-private/genie/blob/9a4923156f68f7763da4908df9a6a2242410581f/packages/agent-platform-bm-sdk/README.md?plain=1#L22).
+
+Your AI Assistant must emit events with the name:
+```js
+    "ITEM_CREATED_{{collectionFqdn}}"
+```
+
+ and the structure:
+```js
+{
+    item: {{newItemToAdd}}
+}
+```
+
+
+- Replace `{{collectionFqdn}}` with the `fqdn` property of your collection. For example, the full value could be `"ITEM_CREATED_wix.contacts.v4.contact"`.
+- Replace `{{aiAssistantAppDefId}}` with the `appDefId` of your AI Assistant app. 
+- Replace `{{newItemToAdd}}` with the object generated by your AI Assistant. This object must match the structure of the entity with the given `fqdn`.
+
+
+### Basic
+
+Use createAiAssistant with your appDefId to start integrate with your AI assistant
+
+```tsx
+import { Avatar } from '@wix/design-system';
+import React from 'react';
+import {
+  Table,
+  useTableCollection,
+  PrimaryActions,
+  createAiAssistant,
+} from '@wix/patterns';
+import { CollectionPage } from '@wix/patterns/page';
+import { contacts } from '@wix/crm';
+
+function AiAssistant() {
+  const aiAssistantAppDefId = 'your-app-def-id';
+
+  const state = useTableCollection<contacts.Contact>({
+    aiAssistant: createAiAssistant({ appDefId: aiAssistantAppDefId }),
+    fqdn: 'wix.cairo.contactsService.v1.contact',
+    queryName: 'contacts-AiAssistant',
+    itemName: (contact) =>
+      `${contact.info?.name?.first} ${contact.info?.name?.last}`,
+    fetchData: (query) => {
+      const { limit, offset, search, filters } = query;
+
+      let queryBuilder = contacts.queryContacts().limit(limit).skip(offset);
+
+      if (search) {
+        queryBuilder = queryBuilder.startsWith('info.name.first', search);
+      }
+
+      return queryBuilder.find().then(({ items = [], totalCount: total }) => ({
+        items,
+        total,
+      }));
+    },
+    fetchErrorMessage: () => 'Error fetching contacts',
+    filters: {},
+  });
+
+  return (
+    <CollectionPage height="400px">
+      <CollectionPage.Header
+        title={{ text: 'Contacts' }}
+        primaryAction={
+          <PrimaryActions
+            label="Add new item via AI assistant"
+            onClick={() => {
+              const newItem: contacts.Contact = {
+                _id: 'new-item' + Math.random(),
+                info: { name: { first: 'New', last: 'Contact' } },
+              };
+              // This simulates what is happened behind the scenes when the user adds a new item via ai assitant
+              // The ai assistant should emit an event on the required structure
+              state.loadingRowState.addLoadingItem(newItem._id || '');
+              state.collection.addItem(newItem);
+            }}
+          />
+        }
+      />
+      <CollectionPage.Content>
+        <Table
+          state={state}
+          columns={[
+            {
+              id: 'avatar',
+              name: 'Avatar',
+              title: '',
+              width: '50px',
+              hideable: false,
+              render: (contact) => (
+                <Avatar
+                  name={`${contact.info?.name?.first} ${contact.info?.name?.last}`}
+                  imgProps={{ src: contact.info?.picture?.image }}
+                />
+              ),
+            },
+            {
+              id: 'name',
+              title: 'Name',
+              width: '250px',
+              render: (contact) =>
+                `${contact.info?.name?.first} ${contact.info?.name?.last}`,
+            },
+          ]}
+        />
+      </CollectionPage.Content>
+    </CollectionPage>
+  );
+}
+```
+
+## API
+
+### Props
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `appDefId` | `string` | Yes | - | App def id of your ai-assistant |
+

package/dist/docs/ActionCellProps.md

@@ -0,0 +1,40 @@
+# ActionCellProps
+
+**Category:** Features/Actions/Action Cell
+
+## API
+
+### Extends
+
+[TableActionCellProps](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--tableactioncell)
+
+### Props
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `primaryAction` | `TableActionCellPrimaryAction \| TableActionCellMainAction[]` | No | - | Primary call to action for each item in a table. Controls the behavior and appearance of the primary action. <br> Can be a single action object or an array of actions. When an array is provided, the first action becomes the primary action and the rest are added to secondary actions. <br> Supported parameters: + `disabledMessage`: Message to show when the action is disabled. Relevant only to grid. + `text`: Specifies action label. + `skin`: Deprecated property that was previously used to control the visual appearance of a button. It has been replaced by the visibility property, which switches skin properties automatically based on visibility options. + `onClick`: Defines a callback function which is called on button click. + `disabled`: [bool] Whether user interactions are disabled. + `prefixIcon`: Icon in front of a button label. + `suffixIcon`: Icon after a button label. + `as`: Renders button as another component or a DOM tag. + `visibility`: Specifies whether the primary action button is visible. When the value is set to `'onHover'`, the button is only visible when the mouse hovers over it, and it appears as a primary button. When the value is set to `'always'`, the button is always visible and appears as a secondary button. This prop extends the `primaryAction` prop in Wix Design System's [TableActionCellProp](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--tableactioncell) component. |
+| `secondaryActions` | `SecondaryAction[]` | No | - | Secondary CTAs for each item in a table. Controls the behavior and appearance of the secondary actions. <br> Supported parameters: + `deleteSecondaryAction:` A function that adds a "Delete" action as a secondary action. + `text`: Specifies action label to be shown in the tooltip or popover menu. + `icon`: Action icon. + `onClick`: Defines a callback function which is called on button click. + `subtitle`: Action subtitle. + `disabled`: [bool] Whether user interactions are disabled. + `dataHook`: A data-hook HTML attribute to be used in the tests. + `disabledDescription`: [string] Text to display in tooltip when action is visible and disabled. + `tooltipProps`: Controls the tooltip appearance. + `skin`: Controls the skin of the item. OR Divider object containing + `divider`: A divider between the action items in popover menu. This prop extends the `primaryAction` prop in Wix Design System's [TableActionCellProp](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--tableactioncell) component. |
+| `containerId` | `string` | No | - | This ID is used to specify the target container for [dashboard menu plugin](./?path=/story/features-enrich-slots-and-plugins--slots-and-plugins) items. |
+
+## BI
+
+### Action Cell BI Events
+
+ Event   |   Description   |
+--------- | --------------- |
+[144:115](https://bo.wix.com/data-tools/bi-catalog-app/event/144:115) | Sent when a user clicks a CTA ('save', 'add', 'delete', 'continue', etc.) in a Wix Patterns component
+
+
+
+### Component load events
+Event   |   Description   |
+--------- | --------------- |
+[144:110](https://bo.wix.com/data-tools/bi-catalog-app/event/144:110) | Sent when a Wix Patterns component starts loading
+[144:111](https://bo.wix.com/data-tools/bi-catalog-app/event/144:111) | Sent when a Wix Patterns component is done loading
+
+
+#### 🐪 Couldn't find what you need?
+* Check our [BI Catalog](https://bo.wix.com/data-tools/bi-catalog-app?viewId=all-items-view&selectedColumns=src%2Cevid%2Cname%2Cowner%2Cproduct%2CuserType+false%2CdateUpdated%2CdateCreated+false%2CcreatedBy+false%2Cstatus&source=%5B%7B%22id%22%3A%22144%22%2C%22name%22%3A%22144+-+Cairo%22%7D%5D)
+* Contact us on [#cairo-bi](https://wix.slack.com/archives/C03N53KURH9)
+
+

package/dist/docs/ActionSubItem.md

@@ -0,0 +1,24 @@
+# ActionSubItem
+
+**Category:** Common/Types
+
+## Design
+
+### Description
+
+Pass `ActionSubItem` to PrimaryActions, SecondaryActions , or in [MultiBulkActionToolbar](./?path=/story/features-actions-bulk-actions--multibulkactiontoolbar&tab=API).
+
+| Name             | Is optional | Type                                | Description                                                                                                                                                      |
+| ---------------- | ----------- | ----------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| onClick          | yes         | any                                 | A callback that is called each time the button is clicked.                                                                                                       |
+| label            | yes         | string                              | Button label.                                                                                                                                                    |
+| prefixIcon       | yes         | IconElement                         | An icon displayed before the button text.                                                                                                                        |
+| tooltip          | yes         | string                              | Tooltip text.                                                                                                                                                    |
+| disabled         | yes         | boolean                             | Disabled flag.                                                                                                                                                   |
+| dataHook         | yes         | string                              | Data-hook for a button.                                                                                                                                          |
+| subItems         | yes         | ActionSubItem[] / ActionSubItem[][] | Array of action items to render in a popover menu. 
+ Actions can be grouped by using an array of arrays, 
+ and a divider will be added between each group. |
+| popoverMenuProps | yes         | Partial           | [PopoverMenu](https://www.docs.wixdesignsystem.com/?path=/story/components-overlays--popovermenu) props to pass to the 'More Action' popover menu.               |
+
+

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

@@ -0,0 +1,194 @@
+# Allow Users to Add Extended Fields
+
+**Category:** Features/Enrich/Data Extension
+
+## Guide
+
+This guide shows you how to let users add and manage extended fields.
+
+By the end, they'll be able to click **Add Field** from the customize columns view or the entity page and see a modal like this:
+
+![Add field](./data-extension-add-field.png)
+
+### Before you begin
+
+Make sure that you have:
+
+* A Patterns [`Table`](./?path=%2Fstory%2Fbase-components-collections-table-table--table) component.
+* A server configured to [support data extensions](https://dev.wix.com/docs/rnd-general/articles/open-platform/data-extensions/data-extensions-101#backend).
+* Set up the basics to [display extended fields in your table](.?path=/story/features-enrich-data-extension--display-extended-fields).
+
+### Allow users to add extended fields
+
+To manage extended fields from the entity page:
+
+1. Wrap your entity page in a [`WidgetsFormProvider`](./?path=/story/base-components-providers--widgetsformprovider).
+
+    ```diff
+    + import { WidgetsFormProvider } from '@wix/patterns/page';
+    
+    export const MyPageProvider = ({ children }) => {
+        return (
+    +   
+            
+    +   
+        );
+    };
+    ```
+
+1. Add the [`CustomFieldsWidget`](./?path=/story/features-enrich-data-extension-components--customfieldswidget) component to your entity page.
+
+    ```diff
+      import { MyEntityCard } from '../components/MyEntityCard';
+      import { MyEntity } from '@wix/ambassador-v1-entity/types';
+    + import { CustomFieldsViewWidget } from '@wix/patterns';
+    
+      function MyPageContent({ entity }: { entity: MyEntity }) {
+        return (
+            
+              
+                
+                  
+                
+    +           
+    +             " />
+    +           
+              
+            
+        );
+      }
+    ```
+
+1. Use the [`useWidgetsFormContext`](/?path=/story/common-hooks--usewidgetsformcontext) hook to get the state object and use it to validate the `CustomFieldsWidget` data.
+
+    ```diff
+      import { MyEntity } from '@wix/ambassador-v1-entity/types';
+      import { updateEntity } from '@wix/ambassador-v1-entity/http';
+    + import { useWidgetsFormContext } from '@wix/patterns';
+    
+      function MySaveButton({ entity }: { entity: MyEntity }) {
+        const [isLoading, setLoading] = React.useState(false);
+        const httpClient = useHttpClient();
+    +   const state = useWidgetsFormContext();
+    
+        return (
+           {
+              setLoading(true);
+    +         const { isValid, data } = await state.validate();
+    +         if (isValid) {
+                httpClient.request(updateEntity({
+                  entity: {
+                    ...entity
+    +               extendedFields: data.extendedFields
+                  }
+                })).then(() => {
+                  setLoading(false);
+                });
+    +         }
+            }}
+          >
+            {isLoading ?  : 'Save'}
+          
+        );
+      }
+    ```
+
+Now, users can manage extended fields effectively!
+
+![Custom fields add button](./custom-fields-add-button.png)
+
+### Change default permissions
+
+You can change the default field permissions view by using the `defaultPermissions` prop. For an example, see the **Examples** tab of this article.
+
+### See also
+
+* [Data Extension Overview](./?path=/story/features-enrich-data-extension--data-extension-overview)
+
+## Examples
+
+### Override default permissions for the field
+
+Use `defaultPermissions` to set the default permissions for new user added fields. For example, if certain entities can't be edited by site visitors, showing site visitor permissions is unnecessary and can be removed from view.
+
+```tsx
+import React from 'react';
+import { CollectionPage } from '@wix/patterns/page';
+import {
+  DataExtension,
+  useTableCollection,
+  Table,
+  CursorQuery,
+} from '@wix/patterns';
+import {
+  Contact,
+  SearchContactsRequest,
+} from '@wix/ambassador-contacts-v5-contact/types';
+import { searchContacts } from '@wix/ambassador-contacts-v5-contact/http';
+import { useHttpClient } from '@wix/yoshi-flow-bm';
+
+function DefaultPermissions() {
+  const httpClient = useHttpClient();
+
+  const state = useTableCollection<Contact>({
+    queryName: 'contacts-DefaultPermissions',
+    paginationMode: 'cursor',
+    fqdn: 'wix.patterns.dummyservice.v1.dummy_entity',
+    toExtendedFields: (item) => item.extendedFields,
+    persistQueryToUrl: true,
+
+    fetchData: async ({ search = '', cursor, limit }: CursorQuery) => {
+      const querySearch: SearchContactsRequest = {
+        search: {
+          search: { expression: search, fields: ['name'] },
+          cursorPaging: { limit, cursor },
+        },
+      };
+      return await httpClient
+        .request(searchContacts(querySearch))
+        .then(({ data: { contacts, pagingMetadata } }) => ({
+          items: contacts || [],
+          total: pagingMetadata?.total,
+          cursor: pagingMetadata?.cursors?.next,
+        }));
+    },
+    fetchErrorMessage: ({ err }) => `Error: ${err}`,
+    itemKey: (item) => item.id!,
+    itemName: (item) => item.name?.first || '',
+  });
+
+  return (
+    <CollectionPage height="400px">
+      <CollectionPage.Header title={{ text: 'Contacts' }} />
+      <CollectionPage.Content>
+        <Table
+          state={state}
+          horizontalScroll
+          dataExtension={
+            <DataExtension
+              defaultPermissions={{
+                installedApps: {
+                  defaultRead: true,
+                  defaultWrite: true,
+                },
+                siteVisitors: {
+                  hide: true,
+                },
+              }}
+            />
+          }
+          columns={[
+            {
+              id: 'name',
+              title: 'Name',
+              width: '250px',
+              render: (item) => item.name,
+            },
+          ]}
+        />
+      </CollectionPage.Content>
+    </CollectionPage>
+  );
+}
+```
+