@wix/patterns 1.336.0 → 1.338.0

package/src/components/ResponsiveButton/ResponsiveButton.tsx

@@ -6,7 +6,7 @@ import {
   IconElement,
   Tooltip,
 } from '@wix/design-system';
-import React from 'react';
+import React, { forwardRef } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
 import { ToolbarResponsivePriorityState } from '../../state/Toolbar/ToolbarResponsivePriorityState';
@@ -19,61 +19,67 @@ export type ResponsiveButtonProps = ButtonAsButtonProps<{
   shouldShrink?: boolean;
 }>;
 
-function _ResponsiveButton(props: ResponsiveButtonProps) {
-  const {
-    dataHook,
-    as,
-    icon,
-    children,
-    state,
-    shouldShrink: shouldShrinkProp = true,
-    ...rest
-  } = props;
+const _ResponsiveButton = forwardRef<Button, ResponsiveButtonProps>(
+  (props, ref) => {
+    const {
+      dataHook,
+      as,
+      icon,
+      children,
+      state,
+      shouldShrink: shouldShrinkProp = true,
+      ...rest
+    } = props;
 
-  const {
-    sizes,
-    toolbar: { button },
-  } = usePatternsTheme();
+    const {
+      sizes,
+      toolbar: { button },
+    } = usePatternsTheme();
 
-  const {
-    toolbar: { responsive },
-  } = useToolbarCollectionContext();
+    const {
+      toolbar: { responsive },
+    } = useToolbarCollectionContext();
 
-  const { _nextToShrink, responsiveDisabled } = responsive;
+    const { _nextToShrink, responsiveDisabled } = responsive;
 
-  const shouldShrink = responsiveDisabled
-    ? shouldShrinkProp
-    : _nextToShrink._count >= state._count && state._shouldShrink;
+    const shouldShrink = responsiveDisabled
+      ? shouldShrinkProp
+      : _nextToShrink._count >= state._count && state._shouldShrink;
 
-  return shouldShrink ? (
-    <Tooltip
-      content={children}
-      dataHook={dataHook ? `${dataHook}-tooltip` : undefined}
-    >
-      <Box direction="vertical" minWidth="30px">
-        <IconButton
+    return shouldShrink ? (
+      <Tooltip
+        content={children}
+        dataHook={dataHook ? `${dataHook}-tooltip` : undefined}
+      >
+        <Box direction="vertical" minWidth="30px">
+          <IconButton
+            ref={ref}
+            {...rest}
+            dataHook={dataHook}
+            size={sizes.small}
+            priority="secondary"
+          >
+            {icon}
+          </IconButton>
+        </Box>
+      </Tooltip>
+    ) : (
+      <div style={{ display: 'contents' }}>
+        <Button
+          ref={ref}
+          as={as}
           {...rest}
           dataHook={dataHook}
           size={sizes.small}
           priority="secondary"
+          prefixIcon={icon}
+          suffixIcon={button.suffix}
         >
-          {icon}
-        </IconButton>
-      </Box>
-    </Tooltip>
-  ) : (
-    <Button
-      as={as}
-      {...rest}
-      dataHook={dataHook}
-      size={sizes.small}
-      priority="secondary"
-      prefixIcon={icon}
-      suffixIcon={button.suffix}
-    >
-      {children}
-    </Button>
-  );
-}
+          {children}
+        </Button>
+      </div>
+    );
+  },
+);
 
 export const ResponsiveButton = observer(_ResponsiveButton);

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ScrollableContent2052446978";
+var _namespace_ = "ScrollableContent2930045273";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ScrollableContent2052446978__root"};
+export var classes = {"root":"ScrollableContent2930045273__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard554595638";
+var _namespace_ = "SkeletonCard1345182747";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"SkeletonCard554595638__root","headerLoading":"SkeletonCard554595638__headerLoading"};
+export var classes = {"root":"SkeletonCard1345182747__root","headerLoading":"SkeletonCard1345182747__headerLoading"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SlidingModal3219122266";
+var _namespace_ = "SlidingModal692356518";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"SlidingModal3219122266__root"};
+export var classes = {"root":"SlidingModal692356518__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter1710145047";
+var _namespace_ = "TabsFilter2423008515";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"TabsFilter1710145047__root","title":"TabsFilter1710145047__title"};
+export var classes = {"root":"TabsFilter2423008515__root","title":"TabsFilter2423008515__title"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "ManageTagsModal873363027";
+var _namespace_ = "ManageTagsModal3936625449";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ManageTagsModal873363027__root"};
+export var classes = {"root":"ManageTagsModal3936625449__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItem3124232795";
+var _namespace_ = "ToolbarItem1352350803";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ToolbarItem3124232795__root"};
+export var classes = {"root":"ToolbarItem1352350803__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItemBox1602786693";
+var _namespace_ = "ToolbarItemBox2099455071";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ToolbarItemBox1602786693__root"};
+export var classes = {"root":"ToolbarItemBox2099455071__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "common2189993176";
+var _namespace_ = "common3366408934";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"common2189993176__root","column":"common2189993176__column","fullHeight":"common2189993176__fullHeight"};
+export var classes = {"root":"common3366408934__root","column":"common3366408934__column","fullHeight":"common3366408934__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPageHeader2935993890";
+var _namespace_ = "CollectionPageHeader630394202";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionPageHeader2935993890__root"};
+export var classes = {"root":"CollectionPageHeader630394202__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/FormPage/FormPageHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "FormPageHeader873281251";
+var _namespace_ = "FormPageHeader3500407043";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"FormPageHeader873281251__root"};
+export var classes = {"root":"FormPageHeader3500407043__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/KanbanState/KanbanStageState.ts

@@ -100,7 +100,7 @@ export class KanbanStageState<
 
   init() {
     const disposers = [
-      this.itemsCollectionState.init(),
+      this.itemsCollectionState.init({ skipFilterListeners: true }),
       this.optimisticActions.init(),
     ];
 

package/src/state/KanbanState/KanbanState.ts

@@ -281,6 +281,10 @@ export class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>
     return search && search.length > 0;
   }
 
+  isInFilterMode() {
+    return this.queryComputed.hasActiveFilters;
+  }
+
   getIsChangingFiltersValue() {
     return this.isChangingFiltersValue;
   }

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer3246313946__root.CardContainer3246313946--mobile{border-radius:0}.Collapse3873550030__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3873550030__exit{height:0}.CollectionPage3232566271__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3232566271__root.CollectionPage3232566271--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3232566271__root.CollectionPage3232566271--panel{overflow:hidden;position:relative}.CollectionTable4176007960__root td{vertical-align:middle}.CollectionTable4176007960__root.CollectionTable4176007960--mobile td:first-child{padding-left:18px}.CollectionTable4176007960__root.CollectionTable4176007960--mobile td:last-child{padding-right:18px}.CollectionToolbar934788959__left{min-width:0}.CollectionToolbar934788959__root.CollectionToolbar934788959--views .CollectionToolbar934788959__left{flex-shrink:1;flex-grow:0}.CollectionToolbar934788959__left.CollectionToolbar934788959--expandable{flex:auto}.CollectionToolbar934788959__root .CollectionToolbar934788959__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar934788959__root.CollectionToolbar934788959--views .CollectionToolbar934788959__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar934788959__root .CollectionToolbar934788959__right.CollectionToolbar934788959__fullWidth{margin-inline-start:0!important}.CollectionToolbar934788959__root.CollectionToolbar934788959--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1853994884__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1853994884__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1853994884__searchMobile:not(.SearchOrCustomFilter1853994884--expandable){left:18px}.SearchOrCustomFilter1853994884__searchMobile.SearchOrCustomFilter1853994884--expandable.SearchOrCustomFilter1853994884--expanded{left:18px}.AutoCompleteReadonly1224145361__root.AutoCompleteReadonly1224145361--disableEditing{cursor:pointer}.AutoCompleteReadonly1224145361__root.AutoCompleteReadonly1224145361--disableEditing input{cursor:pointer}.ViewsDropdown3787802677__root{width:200px}.DragHandle3628521599__root{display:flex;align-items:center}.DragHandle3628521599__root:not(.DragHandle3628521599--disabled){cursor:grab;color:#a8caff}.DragHandle3628521599__root.DragHandle3628521599--disabled{color:#acafc4}.DragHandle3628521599__root:focus-visible:not(.DragHandle3628521599--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3628521599__root.DragHandle3628521599--disabled{pointer-events:none}.DragHandle3628521599__root.DragHandle3628521599--dragging:not(.DragHandle3628521599--disabled){cursor:grabbing}.EntityPagePlain3958185199__root.EntityPagePlain3958185199--mobile{--wds-page-header-padding-horizontal:0}.Fade3424311763__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3424311763__root.Fade3424311763--exit{opacity:0}.Heading2943605154__root{visibility:visible}.Heading2943605154__root.Heading2943605154--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow3074539792__root.InputOverflow3074539792--selected:not(.InputOverflow3074539792--focused) input::placeholder{color:#000624}@keyframes LoadingRow1307420041__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%}}.LoadingRow1307420041__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:LoadingRow1307420041__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText750589606__root{opacity:1}.MaxHeightText750589606__root.MaxHeightText750589606--height24{line-height:24px}.MaxLines1620715463__root{overflow:hidden}.MaxLines1620715463__root.MaxLines1620715463--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar457043310__root{min-width:0}.MultiBulkActionToolbar457043310__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar457043310__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar457043310__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow177300811__root td{padding:0!important;width:100%}.NestedTableRow2524142090__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2524142090__root:hover{background-color:#e7f0ff!important}.NestedTableRow2524142090__root.NestedTableRow2524142090--expandable{cursor:pointer}.NestedTableRow2524142090__placeholder td{padding:0!important;width:100%}.NestedTableRow2524142090__root:hover td:first-of-type::before,.NestedTableRow2524142090__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect4072341533__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)}.NestedTableDragAndDropRow54356842__root.NestedTableDragAndDropRow54356842--draggingInto td{background-color:#e7f0ff!important}.PickerContent2359906082__root{display:flex}.PickerContentAdditionalStep3111406405__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3111406405__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3180063454__root{box-sizing:border-box}.ScrollableContent2052446978__root.ScrollableContent2052446978--overflowY{overflow-y:auto}.ScrollableContent2052446978__root.ScrollableContent2052446978--overflowX{overflow-x:auto}.ScrollableContent2052446978__root.ScrollableContent2052446978--smooth{scroll-behavior:smooth}.SkeletonCard554595638__headerLoading{display:block!important}.SlidingModal3219122266__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3219122266__root.SlidingModal3219122266--overlay{transition:transform 0s ease 0s}.SlidingModal3219122266__root.SlidingModal3219122266---appendTo-6-parent{position:absolute}.SlidingModal3219122266__root:not(.SlidingModal3219122266--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1710145047__root .TabsFilter1710145047__title{color:inherit!important}.ManageTagsModal873363027__root{display:flex}.ToolbarItem3124232795__root{min-width:0}.ToolbarItemBox1602786693__root{min-width:0}.ToolbarItemBox1602786693__root.ToolbarItemBox1602786693--removeStartPadding{margin-left:-24px}.ToolbarItemBox1602786693__root.ToolbarItemBox1602786693--expandable{flex:1 0}.common2189993176__column{display:flex;flex-direction:column}.common2189993176__fullHeight{height:100%;min-height:0}.CollectionPageHeader2935993890__root.CollectionPageHeader2935993890--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2935993890__root.CollectionPageHeader2935993890--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader873281251__root.FormPageHeader873281251--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader873281251__root.FormPageHeader873281251--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer2270987594__root.CardContainer2270987594--mobile{border-radius:0}.Collapse3580489356__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3580489356__exit{height:0}.CollectionPage760750956__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage760750956__root.CollectionPage760750956--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage760750956__root.CollectionPage760750956--panel{overflow:hidden;position:relative}.CollectionTable2088375065__root td{vertical-align:middle}.CollectionTable2088375065__root.CollectionTable2088375065--mobile td:first-child{padding-left:18px}.CollectionTable2088375065__root.CollectionTable2088375065--mobile td:last-child{padding-right:18px}.CollectionToolbar2950418002__left{min-width:0}.CollectionToolbar2950418002__root.CollectionToolbar2950418002--views .CollectionToolbar2950418002__left{flex-shrink:1;flex-grow:0}.CollectionToolbar2950418002__left.CollectionToolbar2950418002--expandable{flex:auto}.CollectionToolbar2950418002__root .CollectionToolbar2950418002__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2950418002__root.CollectionToolbar2950418002--views .CollectionToolbar2950418002__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2950418002__root .CollectionToolbar2950418002__right.CollectionToolbar2950418002__fullWidth{margin-inline-start:0!important}.CollectionToolbar2950418002__root.CollectionToolbar2950418002--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3532595144__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3532595144__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3532595144__searchMobile:not(.SearchOrCustomFilter3532595144--expandable){left:18px}.SearchOrCustomFilter3532595144__searchMobile.SearchOrCustomFilter3532595144--expandable.SearchOrCustomFilter3532595144--expanded{left:18px}.AutoCompleteReadonly572573198__root.AutoCompleteReadonly572573198--disableEditing{cursor:pointer}.AutoCompleteReadonly572573198__root.AutoCompleteReadonly572573198--disableEditing input{cursor:pointer}.ViewsDropdown1422484904__root{width:200px}.DragHandle4255276052__root{display:flex;align-items:center}.DragHandle4255276052__root:not(.DragHandle4255276052--disabled){cursor:grab;color:#a8caff}.DragHandle4255276052__root.DragHandle4255276052--disabled{color:#acafc4}.DragHandle4255276052__root:focus-visible:not(.DragHandle4255276052--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle4255276052__root.DragHandle4255276052--disabled{pointer-events:none}.DragHandle4255276052__root.DragHandle4255276052--dragging:not(.DragHandle4255276052--disabled){cursor:grabbing}.EntityPagePlain190709969__root.EntityPagePlain190709969--mobile{--wds-page-header-padding-horizontal:0}.Fade1345945596__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1345945596__root.Fade1345945596--exit{opacity:0}.Heading3281401398__root{visibility:visible}.Heading3281401398__root.Heading3281401398--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1183490160__root.InputOverflow1183490160--selected:not(.InputOverflow1183490160--focused) input::placeholder{color:#000624}@keyframes LoadingRow3008612773__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%}}.LoadingRow3008612773__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:LoadingRow3008612773__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1142318275__root{opacity:1}.MaxHeightText1142318275__root.MaxHeightText1142318275--height24{line-height:24px}.MaxLines3027755952__root{overflow:hidden}.MaxLines3027755952__root.MaxLines3027755952--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3793364616__root{min-width:0}.MultiBulkActionToolbar3793364616__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3793364616__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3793364616__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2366685358__root td{padding:0!important;width:100%}.NestedTableRow4012245422__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow4012245422__root:hover{background-color:#e7f0ff!important}.NestedTableRow4012245422__root.NestedTableRow4012245422--expandable{cursor:pointer}.NestedTableRow4012245422__placeholder td{padding:0!important;width:100%}.NestedTableRow4012245422__root:hover td:first-of-type::before,.NestedTableRow4012245422__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2461601858__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)}.NestedTableDragAndDropRow2017963387__root.NestedTableDragAndDropRow2017963387--draggingInto td{background-color:#e7f0ff!important}.PickerContent620018214__root{display:flex}.PickerContentAdditionalStep3476680796__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3476680796__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1676516431__root{box-sizing:border-box}.ScrollableContent2930045273__root.ScrollableContent2930045273--overflowY{overflow-y:auto}.ScrollableContent2930045273__root.ScrollableContent2930045273--overflowX{overflow-x:auto}.ScrollableContent2930045273__root.ScrollableContent2930045273--smooth{scroll-behavior:smooth}.SkeletonCard1345182747__headerLoading{display:block!important}.SlidingModal692356518__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal692356518__root.SlidingModal692356518--overlay{transition:transform 0s ease 0s}.SlidingModal692356518__root.SlidingModal692356518---appendTo-6-parent{position:absolute}.SlidingModal692356518__root:not(.SlidingModal692356518--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2423008515__root .TabsFilter2423008515__title{color:inherit!important}.ManageTagsModal3936625449__root{display:flex}.ToolbarItem1352350803__root{min-width:0}.ToolbarItemBox2099455071__root{min-width:0}.ToolbarItemBox2099455071__root.ToolbarItemBox2099455071--removeStartPadding{margin-left:-24px}.ToolbarItemBox2099455071__root.ToolbarItemBox2099455071--expandable{flex:1 0}.common3366408934__column{display:flex;flex-direction:column}.common3366408934__fullHeight{height:100%;min-height:0}.CollectionPageHeader630394202__root.CollectionPageHeader630394202--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader630394202__root.CollectionPageHeader630394202--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3500407043__root.FormPageHeader3500407043--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3500407043__root.FormPageHeader3500407043--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.336.0';
+export const version = 'patterns@1.338.0';