@wix/patterns 1.369.0 → 1.371.0

package/src/components/NestedTable/NestedTableRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableRow3906551943";
+var _namespace_ = "NestedTableRow2742150021";
 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":"NestedTableRow3906551943__root","firstLevel":"NestedTableRow3906551943__firstLevel","placeholder":"NestedTableRow3906551943__placeholder","parentHovered":"NestedTableRow3906551943__parentHovered"};
+export var classes = {"root":"NestedTableRow2742150021__root","firstLevel":"NestedTableRow2742150021__firstLevel","placeholder":"NestedTableRow2742150021__placeholder","parentHovered":"NestedTableRow2742150021__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultipleDragOverlayEffect1706234059";
+var _namespace_ = "MultipleDragOverlayEffect476205922";
 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":"MultipleDragOverlayEffect1706234059__root"};
+export var classes = {"root":"MultipleDragOverlayEffect476205922__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableDragAndDropRow963030393";
+var _namespace_ = "NestedTableDragAndDropRow2134279555";
 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":"NestedTableDragAndDropRow963030393__root"};
+export var classes = {"root":"NestedTableDragAndDropRow2134279555__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent4004721251";
+var _namespace_ = "PickerContent1637703828";
 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":"PickerContent4004721251__root"};
+export var classes = {"root":"PickerContent1637703828__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContentAdditionalStep3378583378";
+var _namespace_ = "PickerContentAdditionalStep655306352";
 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":"PickerContentAdditionalStep3378583378__root","titles":"PickerContentAdditionalStep3378583378__titles","suffix":"PickerContentAdditionalStep3378583378__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep655306352__root","titles":"PickerContentAdditionalStep655306352__titles","suffix":"PickerContentAdditionalStep655306352__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerTableListItem3045741371";
+var _namespace_ = "PickerTableListItem2557666801";
 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":"PickerTableListItem3045741371__root"};
+export var classes = {"root":"PickerTableListItem2557666801__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ScrollableContent1159900848";
+var _namespace_ = "ScrollableContent2987253200";
 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":"ScrollableContent1159900848__root"};
+export var classes = {"root":"ScrollableContent2987253200__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_ = "SkeletonCard2332620532";
+var _namespace_ = "SkeletonCard129083397";
 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":"SkeletonCard2332620532__root","headerLoading":"SkeletonCard2332620532__headerLoading"};
+export var classes = {"root":"SkeletonCard129083397__root","headerLoading":"SkeletonCard129083397__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_ = "SlidingModal2730405760";
+var _namespace_ = "SlidingModal99804975";
 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":"SlidingModal2730405760__root"};
+export var classes = {"root":"SlidingModal99804975__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_ = "TabsFilter409906628";
+var _namespace_ = "TabsFilter1979421083";
 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":"TabsFilter409906628__root","title":"TabsFilter409906628__title"};
+export var classes = {"root":"TabsFilter1979421083__root","title":"TabsFilter1979421083__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_ = "ManageTagsModal3917873617";
+var _namespace_ = "ManageTagsModal3837008104";
 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":"ManageTagsModal3917873617__root"};
+export var classes = {"root":"ManageTagsModal3837008104__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_ = "ToolbarItem15520440";
+var _namespace_ = "ToolbarItem1030764821";
 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":"ToolbarItem15520440__root"};
+export var classes = {"root":"ToolbarItem1030764821__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_ = "ToolbarItemBox939755603";
+var _namespace_ = "ToolbarItemBox3190202883";
 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":"ToolbarItemBox939755603__root"};
+export var classes = {"root":"ToolbarItemBox3190202883__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_ = "common1802833007";
+var _namespace_ = "common181684603";
 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":"common1802833007__root","column":"common1802833007__column","fullHeight":"common1802833007__fullHeight"};
+export var classes = {"root":"common181684603__root","column":"common181684603__column","fullHeight":"common181684603__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/model/tableColumn.ts

@@ -2,6 +2,7 @@ import type { TableColumn as TableColumnWSR } from '@wix/design-system';
 import type { KeyedItem, SortMode, SortOrder } from '@wix/bex-core';
 import { CSSProperties, ReactNode } from 'react';
 import type { FieldType } from '../utils/fieldTypePrefixIcons';
+import type { ValidationRule } from '../state/EditableTable/types';
 
 type TableColumnBase<T = any> = Omit<
   TableColumnWSR<T>,
@@ -28,6 +29,26 @@ type TableColumnBase<T = any> = Omit<
    * @external
    */
   fieldType?: FieldType;
+  /**
+   * Whether the field contains personally identifiable information.
+   * @external
+   */
+  isPii?: boolean;
+  /**
+   * only for cms. Whether this is a system-managed field.
+   * @external
+   */
+  isSystem?: boolean;
+  /**
+   * Whether this is the primary display field.
+   * @external
+   */
+  isPrimary?: boolean;
+  /**
+   * Column-level validation rules. When a `required` rule is present, a required indicator is shown in the custom columns panel.
+   * @external
+   */
+  validation?: ValidationRule[];
 };
 
 // disallow specifying `hideable` / `defaultHidden` or setting `hiddenFromCustomColumnsSelection` as false when `id` is missing
@@ -167,7 +188,27 @@ export interface Column {
    * @external
    */
   defaultHidden?: boolean;
-  dataExtension?: { id: string; editable: boolean };
+  dataExtension?: { id: string; editable: boolean; isPii?: boolean };
+  /**
+   * Whether the field contains personally identifiable information.
+   * @external
+   */
+  isPii?: boolean;
+  /**
+   * only for cms. Whether this is a system-managed field.
+   * @external
+   */
+  isSystem?: boolean;
+  /**
+   * Whether this is the primary display field.
+   * @external
+   */
+  isPrimary?: boolean;
+  /**
+   * Column-level validation rules. When a `required` rule is present, a required indicator is shown in the custom columns panel.
+   * @external
+   */
+  validation?: ValidationRule[];
   infoTooltipProps?: {
     content?: ReactNode;
     panelContent?: ReactNode;

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPageHeader2854830172";
+var _namespace_ = "CollectionPageHeader3766095296";
 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":"CollectionPageHeader2854830172__root"};
+export var classes = {"root":"CollectionPageHeader3766095296__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_ = "FormPageHeader2449721271";
+var _namespace_ = "FormPageHeader3591422314";
 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":"FormPageHeader2449721271__root"};
+export var classes = {"root":"FormPageHeader3591422314__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/ToolbarCollectionState.ts

@@ -730,10 +730,23 @@ export class ToolbarCollectionState<T, F extends FiltersMap = FiltersMap> {
       return;
     }
 
+    const dataExtension = this.collectionDataExtension?.dataExtension;
+    const getSchemaField = dataExtension
+      ? (namespace: string, fieldId: string) => {
+          const schemas = [
+            dataExtension.userSchema,
+            ...(dataExtension.appSchemas || []),
+          ];
+          const schema = schemas.find((s) => s?.namespace === namespace);
+          return schema?.jsonSchema?.properties?.[fieldId];
+        }
+      : undefined;
+
     this._extendedColumns = simplifyExtendedColumns<T>({
       fields,
       toExtendedFields: this.collection.toExtendedFields,
       defaultHidden,
+      getSchemaField,
     });
 
     this._adjustSelectedColumns();

package/src/state/simplifyExtendedColumns.tsx

@@ -65,15 +65,22 @@ export function simplifyExtendedColumns<T>({
   fields,
   toExtendedFields,
   defaultHidden,
+  getSchemaField,
 }: {
   fields: CustomField[];
   toExtendedFields?: (item: T) => ExtendedFields | undefined | null;
   defaultHidden?: boolean;
+  getSchemaField?: (
+    namespace: string,
+    fieldId: string,
+  ) => Record<string, any> | undefined;
 }): Column[] {
   return fields.map((field) => {
     const type = field.type;
 
     const id = prefixFieldWithNamespace(field.id, field.namespace);
+    const schemaField = getSchemaField?.(field.namespace, field.id);
+    const isPii = field.isPii ?? Boolean(schemaField?.['x-wix-pii']?.enabled);
     return {
       dataExtension: field,
       id,
@@ -84,6 +91,7 @@ export function simplifyExtendedColumns<T>({
       sortable: field.filterable,
       defaultHidden: defaultHidden || field.owner !== 'user',
       fieldType: type ? toFieldType(type) : undefined,
+      isPii,
       align: type ? ExtendedColumnsConfig[type].align : undefined,
       width: type ? ExtendedColumnsConfig[type].width : undefined,
       style: type ? ExtendedColumnsConfig[type].style : undefined,

package/src/styles.global.css

@@ -1 +1 @@
-.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}
+.CardContainer4013682371__root.CardContainer4013682371--mobile{border-radius:0}.Collapse1057956979__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1057956979__exit{height:0}.CollectionPage728143402__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage728143402__root.CollectionPage728143402--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage728143402__root.CollectionPage728143402--panel{overflow:hidden;position:relative}.CollectionSectionHeader1255494790__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2250614523__root td{vertical-align:middle}.CollectionTable2250614523__root.CollectionTable2250614523--mobile td:first-child{padding-left:18px}.CollectionTable2250614523__root.CollectionTable2250614523--mobile td:last-child{padding-right:18px}.CollectionToolbar3038135629__left{min-width:0}.CollectionToolbar3038135629__left.CollectionToolbar3038135629--expandable{flex:auto}.CollectionToolbar3038135629__left.CollectionToolbar3038135629--title>*{width:100%}.CollectionToolbar3038135629__root.CollectionToolbar3038135629---responsiveMode-5-title .CollectionToolbar3038135629__left{flex:1 100;min-width:50px}.CollectionToolbar3038135629__root.CollectionToolbar3038135629---responsiveMode-4-tabs .CollectionToolbar3038135629__left,.CollectionToolbar3038135629__root.CollectionToolbar3038135629---responsiveMode-4-tabs .CollectionToolbar3038135629__left.CollectionToolbar3038135629--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar3038135629__root.CollectionToolbar3038135629---responsiveMode-4-tabs .CollectionToolbar3038135629__left>*{flex-shrink:1;min-width:0}.CollectionToolbar3038135629__root .CollectionToolbar3038135629__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3038135629__root.CollectionToolbar3038135629--views .CollectionToolbar3038135629__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3038135629__root.CollectionToolbar3038135629---responsiveMode-4-tabs .CollectionToolbar3038135629__right,.CollectionToolbar3038135629__root.CollectionToolbar3038135629---responsiveMode-5-title .CollectionToolbar3038135629__right{flex:0 1 auto;min-width:0}.CollectionToolbar3038135629__root .CollectionToolbar3038135629__right.CollectionToolbar3038135629__fullWidth{margin-inline-start:0!important}.CollectionToolbar3038135629__root.CollectionToolbar3038135629--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1798657430__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1798657430__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1798657430__searchMobile:not(.SearchOrCustomFilter1798657430--expandable){left:18px}.SearchOrCustomFilter1798657430__searchMobile.SearchOrCustomFilter1798657430--expandable.SearchOrCustomFilter1798657430--expanded{left:18px}.AutoCompleteReadonly59401130__root.AutoCompleteReadonly59401130--disableEditing{cursor:pointer}.AutoCompleteReadonly59401130__root.AutoCompleteReadonly59401130--disableEditing input{cursor:pointer}.ViewsDropdown3795669271__root{width:200px}.DragHandle1066552789__root{display:flex;align-items:center}.DragHandle1066552789__root:not(.DragHandle1066552789--disabled){cursor:grab;color:#a8caff}.DragHandle1066552789__root.DragHandle1066552789--disabled{color:#acafc4}.DragHandle1066552789__root:focus-visible:not(.DragHandle1066552789--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1066552789__root.DragHandle1066552789--disabled{pointer-events:none}.DragHandle1066552789__root.DragHandle1066552789--dragging:not(.DragHandle1066552789--disabled){cursor:grabbing}td:has(>.EditableCell3567552358__root){position:relative;min-height:24px}.EditableCell3567552358__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)}.EditableCell3567552358__root.EditableCell3567552358--selected{background:rgba(56,153,236,.08)}.EditableCell3567552358__root.EditableCell3567552358--focused:not(.EditableCell3567552358--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell3567552358__root.EditableCell3567552358--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}.EditableCell3567552358__root.EditableCell3567552358--selectionTop{border-top:2px solid var(--wsr-color-B10)}.EditableCell3567552358__root.EditableCell3567552358--selectionBottom{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell3567552358__root.EditableCell3567552358--selectionLeft{border-left:2px solid var(--wsr-color-B10)}.EditableCell3567552358__root.EditableCell3567552358--selectionRight{border-right:2px solid var(--wsr-color-B10)}.EditableCell3567552358__root.EditableCell3567552358--invalid:not(.EditableCell3567552358--editing){background:rgba(229,0,77,.06)}.EditableCell3567552358__root.EditableCell3567552358--copiedTop:not(.EditableCell3567552358--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell3567552358__root.EditableCell3567552358--copiedBottom:not(.EditableCell3567552358--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell3567552358__root.EditableCell3567552358--copiedLeft:not(.EditableCell3567552358--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell3567552358__root.EditableCell3567552358--copiedRight:not(.EditableCell3567552358--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell3567552358__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.CellViewLayout1573867565__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout1573867565__root>*{flex:1;min-width:0}.Edit154220941__booleanEdit{display:flex;align-items:center;margin-left:12px}.View350828709__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit3846716213__dateInput{width:100%;margin-left:-1px}.Edit3086717192__emailInput{width:100%;margin-left:-1px}.Edit3019314736__numberInput{width:100%;margin-right:2px}.Edit3019314736__numberInput input{text-align:right;direction:ltr}.View2041965662__textView{width:100%;text-align:right}.Edit1375720722__jsonInput{width:100%;margin-left:-1px}.Edit3833869363__selectInput{width:100%}.Edit3533849564__editWrapper{width:100%}.Edit3533849564__inputArea{background-color:transparent;width:100%}.Edit3533849564__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit3533849564__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important}.Edit3533849564__inputArea:not(.Edit3533849564--isFocused) textarea{resize:none;overflow:hidden}.Edit3533849564__inputArea:not(.Edit3533849564--isFocused) textarea::-webkit-scrollbar{display:none}.Edit4284777530__urlInput{width:100%;margin-left:-1px}.View3871877239__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3871877239__urlText{flex:1;min-width:0}.View3871877239__suffix{flex-shrink:0;margin-left:10px}.View3871877239__textView.View3871877239--suffixOnHover:not(:hover) .View3871877239__suffix{display:none}.EntityPagePlain2487263059__root.EntityPagePlain2487263059--mobile{--wds-page-header-padding-horizontal:0}.Fade1567583554__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1567583554__root.Fade1567583554--exit{opacity:0}.Heading1481587474__root{visibility:visible}.Heading1481587474__root.Heading1481587474--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3390764480__fileUpload{width:100%}.InputOverflow1504964908__root.InputOverflow1504964908--selected:not(.InputOverflow1504964908--focused) input::placeholder{color:#000624}@keyframes LoadingRow3747305452__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%}}.LoadingRow3747305452__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:LoadingRow3747305452__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2189127686__root{opacity:1}.MaxHeightText2189127686__root.MaxHeightText2189127686--height24{line-height:24px}.MaxLines3579747663__root{overflow:hidden}.MaxLines3579747663__root.MaxLines3579747663--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1535700698__root{min-width:0}.MultiBulkActionToolbar1535700698__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1535700698__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1535700698__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2941296825__root td{padding:0!important;width:100%}.NestedTableRow2742150021__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2742150021__root:hover{background-color:#e7f0ff!important}.NestedTableRow2742150021__root.NestedTableRow2742150021--expandable{cursor:pointer}.NestedTableRow2742150021__placeholder td{padding:0!important;width:100%}.NestedTableRow2742150021__root:hover td:first-of-type::before,.NestedTableRow2742150021__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect476205922__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)}.NestedTableDragAndDropRow2134279555__root.NestedTableDragAndDropRow2134279555--draggingInto td{background-color:#e7f0ff!important}.PickerContent1637703828__root{display:flex}.PickerContentAdditionalStep655306352__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep655306352__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2557666801__root{box-sizing:border-box}.ScrollableContent2987253200__root.ScrollableContent2987253200--overflowY{overflow-y:auto}.ScrollableContent2987253200__root.ScrollableContent2987253200--overflowX{overflow-x:auto}.ScrollableContent2987253200__root.ScrollableContent2987253200--smooth{scroll-behavior:smooth}.SkeletonCard129083397__headerLoading{display:block!important}.SlidingModal99804975__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal99804975__root.SlidingModal99804975--overlay{transition:transform 0s ease 0s}.SlidingModal99804975__root.SlidingModal99804975---appendTo-6-parent{position:absolute}.SlidingModal99804975__root:not(.SlidingModal99804975--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1979421083__root .TabsFilter1979421083__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter1979421083__root.TabsFilter1979421083--selected .TabsFilter1979421083__title,.TabsFilter1979421083__root:hover .TabsFilter1979421083__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal3837008104__root{display:flex}.ToolbarItem1030764821__root{min-width:0}.ToolbarItemBox3190202883__root{min-width:0}.ToolbarItemBox3190202883__root.ToolbarItemBox3190202883--removeStartPadding{margin-left:-24px}.ToolbarItemBox3190202883__root.ToolbarItemBox3190202883--expandable{flex:1 0}.common181684603__column{display:flex;flex-direction:column}.common181684603__fullHeight{height:100%;min-height:0}.CollectionPageHeader3766095296__root:not(.CollectionPageHeader3766095296--mobile){gap:12px}.CollectionPageHeader3766095296__root.CollectionPageHeader3766095296--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3766095296__root.CollectionPageHeader3766095296--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3591422314__root.FormPageHeader3591422314--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3591422314__root.FormPageHeader3591422314--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.369.0';
+export const version = 'patterns@1.371.0';