@wix/patterns-fields 1.64.0 → 1.66.0

package/dist/types/components/media-gallery/form-media-gallery-field.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-media-gallery-field.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/media-gallery/form-media-gallery-field.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;;;;;;CAA6f,CAAC;AAChhB,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"form-media-gallery-field.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/media-gallery/form-media-gallery-field.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;;;;;;;CAAof,CAAC;AACvgB,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-content-default-value-input.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;CAAmN,CAAC;AACtO,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;CAA0F,CAAC"}
+{"version":3,"file":"rich-content-default-value-input.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;CAAsN,CAAC;AACzO,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;CAA0F,CAAC"}

package/dist/types/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-fullscreen-button.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAAoD,CAAC;AACvE,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"toggle-fullscreen-button.st.css.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAAmD,CAAC;AACtE,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;CAA2I,CAAC;AAC9J,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;;;;;;CAAsb,CAAC"}
+{"version":3,"file":"rich-text-editor.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AACnE,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;;CAA8I,CAAC;AACjK,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;;;;;;CAAsb,CAAC"}

package/dist/types/components/text/form-short-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-short-text.d.ts","sourceRoot":"","sources":["../../../../src/components/text/form-short-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGxD,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,MAAM,CAAC;CAAG;AA8DrE,eAAO,MAAM,aAAa,WA5DK,kBAAkB;;CA4DI,CAAC"}
+{"version":3,"file":"form-short-text.d.ts","sourceRoot":"","sources":["../../../../src/components/text/form-short-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAa9D,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAIxD,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,MAAM,CAAC;CAAG;AAsKrE,eAAO,MAAM,aAAa,WAjKK,kBAAkB;;CAiKI,CAAC"}

package/dist/types/components/text/form-short-text.driver.d.ts

@@ -4,6 +4,7 @@ export declare function FormShortTextDriver(base: UniDriver, body: UniDriver, fi
     getLabel: () => Promise<string>;
     getValue: () => Promise<string>;
     enterText: (value: string) => Promise<void>;
+    selectOption: (id: string) => Promise<void>;
     blur: () => Promise<void>;
     hasError: () => Promise<boolean>;
     getErrorMessage: () => Promise<string>;

package/dist/types/components/text/form-short-text.driver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-short-text.driver.d.ts","sourceRoot":"","sources":["../../../../src/components/text/form-short-text.driver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAQ7D,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,KAAK;;;uBAaS,MAAM;;;;;;;;;;;;;;;;EAO5B"}
+{"version":3,"file":"form-short-text.driver.d.ts","sourceRoot":"","sources":["../../../../src/components/text/form-short-text.driver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAS7D,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,KAAK;;;uBAkBe,MAAM;uBAIZ,MAAM;;;;;;;;;;;;;;;;EAgB5B"}

package/dist/types/types/validation.d.ts

@@ -1,3 +1,4 @@
+import type { SpecificValue } from '@wix/bex-core';
 export type RequiredValidationRule = {
     required: boolean;
 };
@@ -8,7 +9,7 @@ export type CharactersLimitValidationRule = {
     };
 };
 export type SpecificValuesValidationRule = {
-    specificValues: any[];
+    specificValues: SpecificValue[];
 };
 export type DataValidationRules = Partial<RequiredValidationRule & CharactersLimitValidationRule & SpecificValuesValidationRule>;
 //# sourceMappingURL=validation.d.ts.map

package/dist/types/types/validation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../../src/types/validation.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG;IAC1C,eAAe,EAAE;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IACzC,cAAc,EAAE,GAAG,EAAE,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,OAAO,CACvC,sBAAsB,GACpB,6BAA6B,GAC7B,4BAA4B,CAC/B,CAAC"}
+{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../../src/types/validation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnD,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG;IAC1C,eAAe,EAAE;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IACzC,cAAc,EAAE,aAAa,EAAE,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,OAAO,CACvC,sBAAsB,GACpB,6BAA6B,GAC7B,4BAA4B,CAC/B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns-fields",
-  "version": "1.64.0",
+  "version": "1.66.0",
   "license": "UNLICENSED",
   "author": {
     "name": "Kobi",
@@ -113,7 +113,7 @@
     "@wix/atlas": "^1.0.35",
     "@wix/data": "^1.0.323",
     "@wix/media": "^1.0.231",
-    "@wix/patterns-fields-utils": "1.45.0",
+    "@wix/patterns-fields-utils": "1.47.0",
     "@wix/rich-content": "1.0.37",
     "@wix/ricos": "^11.2.0",
     "@wix/sdk": "^1.17.2",
@@ -142,7 +142,7 @@
     "@types/lodash": "^4.17.20",
     "@types/react": "^16.14.68",
     "@wix/babel-cli": "^1.11.0",
-    "@wix/bex-core": "2.342.0",
+    "@wix/bex-core": "2.344.0",
     "@wix/design-system": "^1.307.0",
     "@wix/eslint-config-yoshi": "^6.74.0",
     "@wix/jest-yoshi-preset": "^6.74.0",
@@ -195,5 +195,5 @@
       "type": "yoshi-flow-library"
     }
   },
-  "falconPackageHash": "90794d563eef35de9091584a68e5f1aa9bc5e044ee9dc91aa7618dc8"
+  "falconPackageHash": "5141641f5ae1991e00047f9fcabc6bee1c8787745c8211c8e9c1855f"
 }

package/src/__tests__/components/text/form-short-text.spec.tsx

@@ -18,6 +18,11 @@ const setup = (overrides: { field?: Field; initialValue?: string } = {}) => {
   return driver;
 };
 
+const specificValues = [
+  { id: 'value-1', value: 'Value 1' },
+  { id: 'value-2', value: 'Value 2' },
+];
+
 describe('FormShortText field', () => {
   it('renders the field displayName as the label', async () => {
     const driver = setup();
@@ -101,4 +106,47 @@ describe('FormShortText field', () => {
       'cairo.fieldValidation.maxCharacter{charMax=3}',
     );
   });
+
+  it('shows the selected specific value label', async () => {
+    const driver = setup({
+      field: makeField({
+        validation: { required: false, specificValues },
+      }),
+      initialValue: 'value-1',
+    });
+
+    expect(await driver.tk.getValue()).toBe('Value 1');
+  });
+
+  it('selects a specific value by id', async () => {
+    const driver = setup({
+      field: makeField({
+        validation: { required: false, specificValues },
+      }),
+      initialValue: 'value-1',
+    });
+
+    await driver.tk.selectOption('value-2');
+
+    expect(await driver.tk.getValue()).toBe('Value 2');
+  });
+
+  it('shows and rejects an existing value outside specific values', async () => {
+    const driver = setup({
+      field: makeField({
+        displayName: 'Title',
+        validation: { required: false, specificValues },
+      }),
+      initialValue: 'legacy-value',
+    });
+
+    expect(await driver.tk.getValue()).toBe('legacy-value');
+
+    await driver.submit();
+
+    expect(await driver.tk.hasError()).toBe(true);
+    expect(await driver.tk.getErrorMessage()).toBe(
+      'Title must be one of the allowed values',
+    );
+  });
 });

package/src/components/address/input/address-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "addressinput2854394278";
+var _namespace_ = "addressinput3221247034";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"addressinput2854394278__root","tableAddressInput":"addressinput2854394278__tableAddressInput"};
+export var classes = {"root":"addressinput3221247034__root","tableAddressInput":"addressinput3221247034__tableAddressInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/audio/actions/actions-menu/actions-menu.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "actionsmenu820035072";
+var _namespace_ = "actionsmenu1280508940";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"actionsmenu820035072__root","action":"actionsmenu820035072__action"};
+export var classes = {"root":"actionsmenu1280508940__root","action":"actionsmenu1280508940__action"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/audio/audio-field/form-audio-field.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "formaudiofield3812708592";
+var _namespace_ = "formaudiofield32432185";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"formaudiofield3812708592__root","addItem":"formaudiofield3812708592__addItem","mediaTitle":"formaudiofield3812708592__mediaTitle"};
+export var classes = {"root":"formaudiofield32432185__root","addItem":"formaudiofield32432185__addItem","mediaTitle":"formaudiofield32432185__mediaTitle"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/audio/audio-player/audio-player.st.css.ts

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

package/src/components/color-view/cell-color-view.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellcolorview1890768149";
+var _namespace_ = "cellcolorview3753113674";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"cellcolorview1890768149__root","hashPrefix":"cellcolorview1890768149__hashPrefix"};
+export var classes = {"root":"cellcolorview3753113674__root","hashPrefix":"cellcolorview3753113674__hashPrefix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/color-view/color-view.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "colorview3601617881";
+var _namespace_ = "colorview3879755634";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"colorview3601617881__root","view":"colorview3601617881__view","fillPreview":"colorview3601617881__fillPreview"};
+export var classes = {"root":"colorview3879755634__root","view":"colorview3879755634__view","fillPreview":"colorview3879755634__fillPreview"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/delete-dialog/delete-dialog.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "deletedialog1849205061";
+var _namespace_ = "deletedialog3873629624";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"deletedialog1849205061__root","layout":"deletedialog1849205061__layout"};
+export var classes = {"root":"deletedialog3873629624__root","layout":"deletedialog3873629624__layout"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/document/form-document-field.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "formdocumentfield2091594709";
+var _namespace_ = "formdocumentfield189828330";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"formdocumentfield2091594709__root","viewWrapper":"formdocumentfield2091594709__viewWrapper","textWidth":"formdocumentfield2091594709__textWidth","documentLoader":"formdocumentfield2091594709__documentLoader","addDocument":"formdocumentfield2091594709__addDocument","addItemWrapper":"formdocumentfield2091594709__addItemWrapper"};
+export var classes = {"root":"formdocumentfield189828330__root","viewWrapper":"formdocumentfield189828330__viewWrapper","textWidth":"formdocumentfield189828330__textWidth","documentLoader":"formdocumentfield189828330__documentLoader","addDocument":"formdocumentfield189828330__addDocument","addItemWrapper":"formdocumentfield189828330__addItemWrapper"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "exclamation661784791";
+var _namespace_ = "exclamation1630207575";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"exclamation661784791__root","exclamation":"exclamation661784791__exclamation","actions":"exclamation661784791__actions","action":"exclamation661784791__action"};
+export var classes = {"root":"exclamation1630207575__root","exclamation":"exclamation1630207575__exclamation","actions":"exclamation1630207575__actions","action":"exclamation1630207575__action"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/highlighted-text/highlighted-text.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "highlightedtext663361740";
+var _namespace_ = "highlightedtext2238026867";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"highlightedtext663361740__root","substring":"highlightedtext663361740__substring"};
-export var keyframes = {"highlighted":"highlightedtext663361740__highlighted","highlighted-match":"highlightedtext663361740__highlighted-match"}; 
+export var classes = {"root":"highlightedtext2238026867__root","substring":"highlightedtext2238026867__substring"};
+export var keyframes = {"highlighted":"highlightedtext2238026867__highlighted","highlighted-match":"highlightedtext2238026867__highlighted-match"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

package/src/components/image/thumbnail-replace-overlay.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "thumbnailreplaceoverlay799411222";
+var _namespace_ = "thumbnailreplaceoverlay176436874";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"thumbnailreplaceoverlay799411222__root","icon":"thumbnailreplaceoverlay799411222__icon"};
+export var classes = {"root":"thumbnailreplaceoverlay176436874__root","icon":"thumbnailreplaceoverlay176436874__icon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-control/cell-media-edit-shell.st.css.ts

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

package/src/components/media-control/paste-url-button.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "pasteurlbutton3031373831";
+var _namespace_ = "pasteurlbutton2664669787";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"pasteurlbutton3031373831__root","iconButtonTooltip":"pasteurlbutton3031373831__iconButtonTooltip","iconButton":"pasteurlbutton3031373831__iconButton"};
+export var classes = {"root":"pasteurlbutton2664669787__root","iconButtonTooltip":"pasteurlbutton2664669787__iconButtonTooltip","iconButton":"pasteurlbutton2664669787__iconButton"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-gallery/form-media-gallery-field.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "formmediagalleryfield3833483841";
+var _namespace_ = "formmediagalleryfield622057319";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"formmediagalleryfield3833483841__root","container":"formmediagalleryfield3833483841__container","viewBox":"formmediagalleryfield3833483841__viewBox","addItemWrapper":"formmediagalleryfield3833483841__addItemWrapper","addItem":"formmediagalleryfield3833483841__addItem","overlay":"formmediagalleryfield3833483841__overlay","image":"formmediagalleryfield3833483841__image","previewImage":"formmediagalleryfield3833483841__previewImage","previewVideo":"formmediagalleryfield3833483841__previewVideo"};
+export var classes = {"root":"formmediagalleryfield622057319__root","container":"formmediagalleryfield622057319__container","viewBox":"formmediagalleryfield622057319__viewBox","addItemWrapper":"formmediagalleryfield622057319__addItemWrapper","addItem":"formmediagalleryfield622057319__addItem","overlay":"formmediagalleryfield622057319__overlay","image":"formmediagalleryfield622057319__image","previewImage":"formmediagalleryfield622057319__previewImage","previewVideo":"formmediagalleryfield622057319__previewVideo"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-image/media-image.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "mediaimage406732916";
+var _namespace_ = "mediaimage323379179";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"mediaimage406732916__root"};
+export var classes = {"root":"mediaimage323379179__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {"wds-color-red-200":"--wds-color-red-200","wsr-color-R20":"--wsr-color-R20","wds-color-black-550":"--wds-color-black-550","wsr-color-D55":"--wsr-color-D55","from":"--mediaimage406732916-from","to":"--mediaimage406732916-to"}; 
+export var vars = {"wds-color-red-200":"--wds-color-red-200","wsr-color-R20":"--wsr-color-R20","wds-color-black-550":"--wds-color-black-550","wsr-color-D55":"--wsr-color-D55","from":"--mediaimage323379179-from","to":"--mediaimage323379179-to"}; 
 
 
 

package/src/components/media-image/overlays/overlay.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "overlay1957670094";
+var _namespace_ = "overlay2137816035";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"overlay1957670094__root","iconOverlay":"overlay1957670094__iconOverlay"};
+export var classes = {"root":"overlay2137816035__root","iconOverlay":"overlay2137816035__iconOverlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-loader/media-loader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "medialoader4031475764";
+var _namespace_ = "medialoader1252333309";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"medialoader4031475764__root","loader":"medialoader4031475764__loader"};
+export var classes = {"root":"medialoader1252333309__root","loader":"medialoader1252333309__loader"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/media-tag/web-media-tag/media-tag.st.css.ts

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

package/src/components/multi-document/cell-multi-document-edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellmultidocumentedit2194255569";
+var _namespace_ = "cellmultidocumentedit1896878393";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"cellmultidocumentedit2194255569__root","chipTrigger":"cellmultidocumentedit2194255569__chipTrigger"};
+export var classes = {"root":"cellmultidocumentedit1896878393__root","chipTrigger":"cellmultidocumentedit1896878393__chipTrigger"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/multi-document/multi-document-input/form-multi-document.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "formmultidocument1646878148";
+var _namespace_ = "formmultidocument4263958338";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"formmultidocument1646878148__root","viewRoot":"formmultidocument1646878148__viewRoot","singleViewWrapper":"formmultidocument1646878148__singleViewWrapper","addDocumentButton":"formmultidocument1646878148__addDocumentButton"};
+export var classes = {"root":"formmultidocument4263958338__root","viewRoot":"formmultidocument4263958338__viewRoot","singleViewWrapper":"formmultidocument4263958338__singleViewWrapper","addDocumentButton":"formmultidocument4263958338__addDocumentButton"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/reference/cell-multi-reference-input.st.css.ts

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

package/src/components/reference/cell-reference-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "cellreferenceinput2844628780";
+var _namespace_ = "cellreferenceinput1475045378";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"cellreferenceinput2844628780__root","autocomplete":"cellreferenceinput2844628780__autocomplete"};
+export var classes = {"root":"cellreferenceinput1475045378__root","autocomplete":"cellreferenceinput1475045378__autocomplete"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richcontentdefaultvalueinput322459511";
+var _namespace_ = "richcontentdefaultvalueinput2838712758";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"richcontentdefaultvalueinput322459511__root","richContentEditorContainer":"richcontentdefaultvalueinput322459511__richContentEditorContainer","editor":"richcontentdefaultvalueinput322459511__editor"};
+export var classes = {"root":"richcontentdefaultvalueinput2838712758__root","richContentEditorContainer":"richcontentdefaultvalueinput2838712758__richContentEditorContainer","editor":"richcontentdefaultvalueinput2838712758__editor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richcontentforminput2065350076";
+var _namespace_ = "richcontentforminput1417751749";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"richcontentforminput2065350076__root","editor":"richcontentforminput2065350076__editor"};
+export var classes = {"root":"richcontentforminput1417751749__root","editor":"richcontentforminput1417751749__editor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};