@wix/patterns 1.396.0 → 1.398.0

package/dist/types/utils/fieldTypePrefixIcons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fieldTypePrefixIcons.d.ts","sourceRoot":"","sources":["../../../src/utils/fieldTypePrefixIcons.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AA6ClE;;;;GAIG;AACH,MAAM,MAAM,SAAS,GACjB,YAAY,GACZ,WAAW,GACX,QAAQ,GACR,SAAS,GACT,MAAM,GACN,WAAW,GACX,UAAU,GACV,MAAM,GACN,KAAK,GACL,OAAO,GACP,OAAO,GACP,eAAe,GACf,OAAO,GACP,UAAU,GACV,gBAAgB,GAChB,WAAW,GACX,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,QAAQ,GACR,OAAO,GACP,SAAS,GACT,OAAO,GACP,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,OAAO,GACP,cAAc,CAAC;AAEnB;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAEpD;AAsDD,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,IAAc,GACf,EAAE;IACD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC3B,GAAG,SAAS,CAeZ"}
+{"version":3,"file":"fieldTypePrefixIcons.d.ts","sourceRoot":"","sources":["../../../src/utils/fieldTypePrefixIcons.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AA6ClE;;;;GAIG;AACH,MAAM,MAAM,SAAS,GACjB,YAAY,GACZ,WAAW,GACX,QAAQ,GACR,SAAS,GACT,MAAM,GACN,WAAW,GACX,UAAU,GACV,MAAM,GACN,KAAK,GACL,OAAO,GACP,OAAO,GACP,eAAe,GACf,OAAO,GACP,UAAU,GACV,gBAAgB,GAChB,WAAW,GACX,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,QAAQ,GACR,OAAO,GACP,SAAS,GACT,OAAO,GACP,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,OAAO,GACP,cAAc,CAAC;AAEnB;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAEpD;AAqDD,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,IAAc,GACf,EAAE;IACD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC3B,GAAG,SAAS,CA2BZ"}

package/dist/types/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "patterns@1.396.0";
+export declare const version = "patterns@1.398.0";
 //# sourceMappingURL=version.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns",
-  "version": "1.396.0",
+  "version": "1.398.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -214,12 +214,12 @@
   ],
   "dependencies": {
     "@wix/agent-platform-bm-sdk": "^1.0.0",
-    "@wix/bex-core": "2.306.0",
+    "@wix/bex-core": "2.308.0",
     "@wix/bex-utils": "2.98.0",
     "@wix/essentials": "^0.1.26",
-    "@wix/patterns-fields": "1.26.0",
+    "@wix/patterns-fields": "1.28.0",
     "@wix/sdk": "^1.15.22",
-    "@wix/wix-style-react-incubator": "3.18.0",
+    "@wix/wix-style-react-incubator": "3.19.0",
     "@wix/wix-ui-test-utils": "^1.1.9",
     "chance": "^1.0.0",
     "classnames": "^2.0.0",
@@ -437,5 +437,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "ecf4820e01b9ca80de4062ec0dd75eed188aa9454bf12de1c519d70a"
+  "falconPackageHash": "9714a3f10bd07748a6b17a03bd9bfecfa6893c800975d116b9cb404a"
 }

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

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

package/src/components/CmsFieldManagement/CmsFieldForm.st.css

@@ -0,0 +1,9 @@
+@property st-global(--wds-space-300);
+@property st-global(--wds-custom-modal-content-padding-horizontal);
+
+.fullBleedDivider {
+  margin-top: var(--wds-space-300, 18px);
+  margin-inline: calc(
+    -1 * var(--wds-custom-modal-content-padding-horizontal, 24px)
+  );
+}

package/src/components/CmsFieldManagement/CmsFieldForm.st.css.ts

@@ -0,0 +1,25 @@
+// @ts-nocheck
+
+
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "CmsFieldForm620051302";
+var _style_ = classesRuntime.bind(null, _namespace_);
+
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st: import("@stylable/runtime").STFunction = _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"CmsFieldForm620051302__root","fullBleedDivider":"CmsFieldForm620051302__fullBleedDivider"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {"wds-space-300":"--wds-space-300","wds-custom-modal-content-padding-horizontal":"--wds-custom-modal-content-padding-horizontal"}; 
+
+
+
+

package/src/components/CmsFieldManagement/CmsFieldForm.tsx

@@ -1,60 +1,45 @@
 import React from 'react';
 import { observer } from 'mobx-react-lite';
-import { Box, Divider, FloatingNotification } from '@wix/design-system';
-import { InfoCircle } from '@wix/wix-ui-icons-common';
+import { Box, Divider, ToastContainer } from '@wix/design-system';
 import type { CmsFormState } from './CmsFormState';
 import { BasicsSection } from './Sections/BasicsSection';
 import { ValidationAndDefaultsSection } from './Sections/ValidationAndDefaultsSection';
+import { StatusToastFromConfig } from '../StatusToastFromConfig';
+import { classes } from './CmsFieldForm.st.css.js';
 
 interface Props {
   state: CmsFormState;
 }
 
 const _CmsFieldForm = ({ state }: Props) => {
+  const validationToastConfig = state.showValidationError
+    ? { message: state.validationErrorMessage, type: 'ERROR' as const }
+    : undefined;
+  const activeToastConfig = state.errorToastConfig ?? validationToastConfig;
+  const onCloseToast = state.errorToastConfig
+    ? () => state.setErrorToastConfig(undefined)
+    : state.hideValidationError;
+
   return (
-    <Box direction="vertical" gap="SP2" width={530} maxHeight={600}>
-      {state.errorToastConfig && (
-        <Box
-          position="absolute"
-          top="24px"
-          left="49%"
-          transform="translateX(-50%)"
-        >
-          <FloatingNotification
-            dataHook="cms-field-modal-error-state"
-            type="destructive"
-            prefixIcon={<InfoCircle />}
-            text={state.errorToastConfig.message}
-            textButtonProps={
-              state.errorToastConfig.action && {
-                label: state.errorToastConfig.action.text,
-                onClick: () => state.errorToastConfig?.action?.onClick?.(),
-              }
+    <Box direction="vertical" maxHeight={600}>
+      <ToastContainer>
+        {activeToastConfig && (
+          <StatusToastFromConfig
+            config={activeToastConfig}
+            onClose={onCloseToast}
+            dataHook={
+              state.errorToastConfig
+                ? 'cms-field-modal-error-state'
+                : 'cms-field-modal-validation-state'
             }
-            onClose={() => state.setErrorToastConfig(undefined)}
-          />
-        </Box>
-      )}
-
-      {!state.errorToastConfig && state.showValidationError && (
-        <Box
-          position="absolute"
-          top="24px"
-          left="49%"
-          transform="translateX(-50%)"
-        >
-          <FloatingNotification
-            type="destructive"
-            prefixIcon={<InfoCircle />}
-            text={state.validationErrorMessage}
-            onClose={state.hideValidationError}
           />
-        </Box>
-      )}
+        )}
+      </ToastContainer>
 
       <BasicsSection state={state} />
-      <Divider />
-
+      <Box className={classes.fullBleedDivider}>
+        <Divider />
+      </Box>
       <ValidationAndDefaultsSection state={state} />
     </Box>
   );

package/src/components/CmsFieldManagement/CmsFieldModal.st.css

@@ -0,0 +1,5 @@
+@property st-global(--wds-custom-modal-content-padding-vertical);
+
+.modal {
+  --wds-custom-modal-content-padding-vertical: 0;
+}

package/src/components/CmsFieldManagement/CmsFieldModal.st.css.ts

@@ -0,0 +1,25 @@
+// @ts-nocheck
+
+
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "CmsFieldModal856061327";
+var _style_ = classesRuntime.bind(null, _namespace_);
+
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st: import("@stylable/runtime").STFunction = _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"CmsFieldModal856061327__root","modal":"CmsFieldModal856061327__modal"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {"wds-custom-modal-content-padding-vertical":"--wds-custom-modal-content-padding-vertical"}; 
+
+
+
+

package/src/components/CmsFieldManagement/CmsFieldModal.tsx

@@ -3,6 +3,7 @@ import { observer } from 'mobx-react-lite';
 import { CustomActionModal } from '../ActionModal';
 import { CmsFieldForm } from './CmsFieldForm';
 import { CmsFieldModalState } from './CmsFieldModalState';
+import { classes } from './CmsFieldModal.st.css.js';
 
 export const CmsFieldModal = observer(
   ({ state }: { state: CmsFieldModalState }) => {
@@ -17,6 +18,9 @@ export const CmsFieldModal = observer(
         content={formState ? <CmsFieldForm state={formState} /> : null}
         primaryButtonText="Save"
         secondaryButtonText="Cancel"
+        width={600}
+        showFooterDivider
+        className={classes.modal}
       />
     );
   },

package/src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css

@@ -0,0 +1,7 @@
+@property st-global(--wds-custom-modal-content-padding-horizontal);
+
+.accordionWrapper {
+  margin-inline: calc(
+    -1 * var(--wds-custom-modal-content-padding-horizontal, 24px)
+  );
+}

package/src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.ts

@@ -0,0 +1,25 @@
+// @ts-nocheck
+
+
+import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "ValidationAndDefaultsSection2469205065";
+var _style_ = classesRuntime.bind(null, _namespace_);
+
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st: import("@stylable/runtime").STFunction = _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"ValidationAndDefaultsSection2469205065__root","accordionWrapper":"ValidationAndDefaultsSection2469205065__accordionWrapper"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {"wds-custom-modal-content-padding-horizontal":"--wds-custom-modal-content-padding-horizontal"}; 
+
+
+
+

package/src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.tsx

@@ -1,62 +1,46 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { observer } from 'mobx-react-lite';
-import { Box, Divider, FormField, Input, Text } from '@wix/design-system';
-import { ChevronDown, ChevronRight } from '@wix/wix-ui-icons-common';
+import { Accordion, Box, FormField, Input } from '@wix/design-system';
 import type { CmsFormState } from '../CmsFormState';
 import { ValidationSubSection } from './ValidationSubSection';
+import { classes } from './ValidationAndDefaultsSection.st.css.js';
 
 interface Props {
   state: CmsFormState;
 }
 
 const _ValidationAndDefaultsSection = ({ state }: Props) => {
-  const [isOpen, setIsOpen] = useState(false);
   const hasValidation = state.supportedValidationRules.length > 0;
 
   return (
-    <Box direction="vertical">
-      <div
-        role="button"
-        tabIndex={0}
-        style={{
-          cursor: 'pointer',
-          display: 'flex',
-          alignItems: 'center',
-          gap: 8,
-          padding: '16px 0',
-        }}
-        onClick={() => setIsOpen((v) => !v)}
-        onKeyDown={(e: React.KeyboardEvent) =>
-          e.key === 'Enter' && setIsOpen((v) => !v)
-        }
-      >
-        {isOpen ? <ChevronDown size="18px" /> : <ChevronRight size="18px" />}
-        <Text>Validation and defaults</Text>
-      </div>
+    <div className={classes.accordionWrapper}>
+      <Accordion
+        skin="light"
+        hideShadow
+        horizontalPadding="large"
+        items={[
+          {
+            title: 'Validation and defaults',
+            toggleIconPlacement: 'start',
+            children: (
+              <Box direction="vertical" gap="SP3">
+                {hasValidation && <ValidationSubSection state={state} />}
 
-      {isOpen && (
-        <Box direction="vertical" gap="SP6" paddingBottom="SP4">
-          {hasValidation && (
-            <Box direction="vertical" gap="SP2">
-              <Text weight="bold">Validation</Text>
-              <ValidationSubSection state={state} />
-            </Box>
-          )}
-
-          <Divider />
-
-          <FormField
-            label="Help text"
-            infoContent="Descriptive text shown below the field in forms."
-          >
-            <Input
-              value={state.properties.helpText}
-              onChange={(e) => state.setHelpText(e.target.value)}
-            />
-          </FormField>
-        </Box>
-      )}
-    </Box>
+                <FormField
+                  label="Help text"
+                  infoContent="Descriptive text shown below the field in forms."
+                >
+                  <Input
+                    value={state.properties.helpText}
+                    onChange={(e) => state.setHelpText(e.target.value)}
+                  />
+                </FormField>
+              </Box>
+            ),
+          },
+        ]}
+      />
+    </div>
   );
 };
 

package/src/components/CmsFieldManagement/Sections/ValidationSubSection.tsx

@@ -15,7 +15,7 @@ const _ValidationSubSection = ({ state }: Props) => {
   const { supportedValidationRules, fieldRules } = state;
 
   return (
-    <Box direction="vertical" gap="SP4">
+    <Box direction="vertical" gap="SP3">
       {supportedValidationRules.map((rule: ValidationRule) => {
         if (rule === 'required') {
           return (

package/src/components/CmsFieldManagement/formFields/CharactersLimitInput.st.css

@@ -0,0 +1,4 @@
+.field {
+  flex: 1;
+  min-width: 0;
+}

package/src/components/CmsFieldManagement/formFields/CharactersLimitInput.st.css.ts

@@ -0,0 +1,25 @@
+// @ts-nocheck
+
+
+import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "CharactersLimitInput3249916756";
+var _style_ = classesRuntime.bind(null, _namespace_);
+
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st: import("@stylable/runtime").STFunction = _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"CharactersLimitInput3249916756__root","field":"CharactersLimitInput3249916756__field"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {}; 
+
+
+
+

package/src/components/CmsFieldManagement/formFields/CharactersLimitInput.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Box, FormField, NumberInput } from '@wix/design-system';
 import type { StringLengthRange } from '../../../types/SchemaConfig';
+import { classes } from './CharactersLimitInput.st.css.js';
 
 export interface CharactersLimitInputProps {
   minLabel: string;
@@ -15,20 +16,24 @@ export const CharactersLimitInput = ({
   value,
   onChange,
 }: CharactersLimitInputProps) => (
-  <Box gap="SP3">
-    <FormField label={minLabel}>
-      <NumberInput
-        value={value.minLength}
-        onChange={(v) => onChange({ ...value, minLength: v ?? undefined })}
-        min={0}
-      />
-    </FormField>
-    <FormField label={maxLabel}>
-      <NumberInput
-        value={value.maxLength}
-        onChange={(v) => onChange({ ...value, maxLength: v ?? undefined })}
-        min={0}
-      />
-    </FormField>
+  <Box gap="SP3" width="100%">
+    <Box className={classes.field}>
+      <FormField stretchContent label={minLabel}>
+        <NumberInput
+          value={value.minLength}
+          onChange={(v) => onChange({ ...value, minLength: v ?? undefined })}
+          min={0}
+        />
+      </FormField>
+    </Box>
+    <Box className={classes.field}>
+      <FormField stretchContent label={maxLabel}>
+        <NumberInput
+          value={value.maxLength}
+          onChange={(v) => onChange({ ...value, maxLength: v ?? undefined })}
+          min={0}
+        />
+      </FormField>
+    </Box>
   </Box>
 );

package/src/components/CmsFieldManagement/formFields/FieldNameInput.tsx

@@ -18,6 +18,7 @@ export const FieldNameInput = ({
 }: FieldNameInputProps) => (
   <FormField
     required
+    stretchContent
     label={label}
     status={error ? 'error' : undefined}
     statusMessage={error}

package/src/components/CmsFieldManagement/formFields/FieldTypeSelect.tsx

@@ -66,6 +66,7 @@ export const FieldTypeSelect = ({
 }: FieldTypeSelectProps) => (
   <FormField
     required
+    stretchContent
     label={label}
     status={error ? 'error' : undefined}
     statusMessage={error}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Collapse1377347991";
+var _namespace_ = "Collapse3305460696";
 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":"Collapse1377347991__root","exit":"Collapse1377347991__exit"};
+export var classes = {"root":"Collapse3305460696__root","exit":"Collapse3305460696__exit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionAutoComplete/CollectionAutoComplete.tsx

@@ -142,7 +142,7 @@ function _CollectionAutoComplete<V, F extends FiltersMap>(
       value={state.searchInputValue}
       onChange={(e) => {
         state.searchInputValue = e.target.value;
-        collection.search(e.target.value);
+        collection.search(e.target.value, { clearResult: true });
       }}
       hasMore={!showInitialLoader && !fetchedLastPage}
       loadMore={collection.fetchNextPageIfNeeded}

package/src/components/CollectionPageNew/CollectionPage.st.css.ts

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionSectionHeader421145617";
+var _namespace_ = "CollectionSectionHeader699658794";
 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":"CollectionSectionHeader421145617__root","summaryIcon":"CollectionSectionHeader421145617__summaryIcon"};
+export var classes = {"root":"CollectionSectionHeader699658794__root","summaryIcon":"CollectionSectionHeader699658794__summaryIcon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

package/src/components/CollectionTable/CollectionTableWSRTable.st.css.ts

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar2549315072";
+var _namespace_ = "CollectionToolbar1939696381";
 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":"CollectionToolbar2549315072__root","left":"CollectionToolbar2549315072__left","right":"CollectionToolbar2549315072__right","fullWidth":"CollectionToolbar2549315072__fullWidth"};
+export var classes = {"root":"CollectionToolbar1939696381__root","left":"CollectionToolbar1939696381__left","right":"CollectionToolbar1939696381__right","fullWidth":"CollectionToolbar1939696381__fullWidth"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter2327827903";
+var _namespace_ = "SearchOrCustomFilter1858433612";
 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":"SearchOrCustomFilter2327827903__root","search":"SearchOrCustomFilter2327827903__search","searchMobile":"SearchOrCustomFilter2327827903__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter1858433612__root","search":"SearchOrCustomFilter1858433612__search","searchMobile":"SearchOrCustomFilter1858433612__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts

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