@wix/patterns-fields 1.98.0 → 1.100.0

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_ = "formaudiofield3192482521";
+var _namespace_ = "formaudiofield2277610689";
 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":"formaudiofield3192482521__root","addItem":"formaudiofield3192482521__addItem","mediaTitle":"formaudiofield3192482521__mediaTitle"};
+export var classes = {"root":"formaudiofield2277610689__root","addItem":"formaudiofield2277610689__addItem","mediaTitle":"formaudiofield2277610689__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_ = "audioplayer724423394";
+var _namespace_ = "audioplayer4170845744";
 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":"audioplayer724423394__root"};
+export var classes = {"root":"audioplayer4170845744__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_ = "cellcolorview4003481791";
+var _namespace_ = "cellcolorview2441473951";
 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":"cellcolorview4003481791__root","hashPrefix":"cellcolorview4003481791__hashPrefix"};
+export var classes = {"root":"cellcolorview2441473951__root","hashPrefix":"cellcolorview2441473951__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_ = "colorview1301625893";
+var _namespace_ = "colorview957129943";
 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":"colorview1301625893__root","view":"colorview1301625893__view","fillPreview":"colorview1301625893__fillPreview"};
+export var classes = {"root":"colorview957129943__root","view":"colorview957129943__view","fillPreview":"colorview957129943__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_ = "deletedialog383239459";
+var _namespace_ = "deletedialog181712075";
 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":"deletedialog383239459__root","layout":"deletedialog383239459__layout"};
+export var classes = {"root":"deletedialog181712075__root","layout":"deletedialog181712075__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_ = "formdocumentfield615882362";
+var _namespace_ = "formdocumentfield2106294429";
 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":"formdocumentfield615882362__root","viewWrapper":"formdocumentfield615882362__viewWrapper","textWidth":"formdocumentfield615882362__textWidth","documentLoader":"formdocumentfield615882362__documentLoader","addDocument":"formdocumentfield615882362__addDocument","addItemWrapper":"formdocumentfield615882362__addItemWrapper"};
+export var classes = {"root":"formdocumentfield2106294429__root","viewWrapper":"formdocumentfield2106294429__viewWrapper","textWidth":"formdocumentfield2106294429__textWidth","documentLoader":"formdocumentfield2106294429__documentLoader","addDocument":"formdocumentfield2106294429__addDocument","addItemWrapper":"formdocumentfield2106294429__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_ = "exclamation689128317";
+var _namespace_ = "exclamation319191963";
 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":"exclamation689128317__root","exclamation":"exclamation689128317__exclamation","actions":"exclamation689128317__actions","action":"exclamation689128317__action"};
+export var classes = {"root":"exclamation319191963__root","exclamation":"exclamation319191963__exclamation","actions":"exclamation319191963__actions","action":"exclamation319191963__action"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/field-validation-settings/field-validation-settings-input.tsx

@@ -104,8 +104,11 @@ export const FieldValidationSettingsInput = ({
   const hasCharactersLimit =
     supportsCharactersLimit && data.charactersLimit !== undefined;
   const hasPattern = supportsPattern && data.pattern !== undefined;
+  // Other violations put an error on a control; `exclusiveRules` renders only as
+  // text under the rule, so it leaves `invalid` unattributed.
   const hasUnattributedInvalidState =
-    Boolean(invalid) && violations.length === 0;
+    Boolean(invalid) &&
+    violations.every(({ type }) => type === 'exclusiveRules');
   const isBlockedByExclusivity = (rule: FieldValidationRule) => {
     if (!exclusiveSpecificValues) {
       return false;
@@ -121,29 +124,40 @@ export const FieldValidationSettingsInput = ({
         return false;
     }
   };
+  // Widening `isBlockedByExclusivity` to cover the both-on state instead would
+  // disable both toggles at once, leaving no way to switch either rule off.
+  const isInExclusiveConflict = (rule: FieldValidationRule) =>
+    violations.some(
+      (violation) =>
+        violation.rule === rule && violation.type === 'exclusiveRules',
+    );
   const specificValuesExplanation = rules.find(
     (rule): rule is SpecificValuesFieldValidationRuleConfig =>
       rule.type === 'specificValues',
   )?.exclusiveRulesExplanation;
   // Callers written before the note moved under the blocked rule put a single
-  // explanation on `specificValues`. Show it once rather than dropping it.
+  // explanation on `specificValues`. Show it once rather than dropping it —
+  // `specificValues` renders that same copy as its own, so both paths count.
   let hasRenderedSharedExplanation = false;
   const renderExclusiveRulesExplanation = (
     rule: FieldValidationRule,
     hook: string,
     explanation?: string,
   ) => {
-    if (!isBlockedByExclusivity(rule)) {
+    if (!isBlockedByExclusivity(rule) && !isInExclusiveConflict(rule)) {
       return null;
     }
 
-    let text = explanation;
+    const text = explanation ?? specificValuesExplanation;
 
     if (!text) {
-      if (hasRenderedSharedExplanation || !specificValuesExplanation) {
+      return null;
+    }
+
+    if (text === specificValuesExplanation) {
+      if (hasRenderedSharedExplanation) {
         return null;
       }
-      text = specificValuesExplanation;
       hasRenderedSharedExplanation = true;
     }
 
@@ -189,6 +203,9 @@ export const FieldValidationSettingsInput = ({
         violation.rule === 'charactersLimit' &&
         violation.type === 'maxBelowMin',
     );
+    const isInputDisabled =
+      isRuleDisabled('charactersLimit') ||
+      isInExclusiveConflict('charactersLimit');
 
     return (
       <Box key="charactersLimit" direction="vertical" gap="SP2">
@@ -213,7 +230,7 @@ export const FieldValidationSettingsInput = ({
                   dataHook="field-validation-min-characters"
                   size="small"
                   value={data.charactersLimit?.min}
-                  disabled={isRuleDisabled('charactersLimit')}
+                  disabled={isInputDisabled}
                   status={
                     hasUnattributedInvalidState || minViolation
                       ? 'error'
@@ -247,7 +264,7 @@ export const FieldValidationSettingsInput = ({
                   dataHook="field-validation-max-characters"
                   size="small"
                   value={data.charactersLimit?.max}
-                  disabled={isRuleDisabled('charactersLimit')}
+                  disabled={isInputDisabled}
                   status={
                     hasUnattributedInvalidState ||
                     maxOutOfBoundsViolation ||
@@ -423,7 +440,9 @@ export const FieldValidationSettingsInput = ({
               dataHook="field-validation-pattern-input"
               size="small"
               value={data.pattern}
-              disabled={isRuleDisabled('pattern')}
+              disabled={
+                isRuleDisabled('pattern') || isInExclusiveConflict('pattern')
+              }
               status={
                 hasUnattributedInvalidState || patternViolation
                   ? 'error'

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "highlightedtext1620443423";
+var _namespace_ = "highlightedtext1183810410";
 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":"highlightedtext1620443423__root","substring":"highlightedtext1620443423__substring"};
-export var keyframes = {"highlighted":"highlightedtext1620443423__highlighted","highlighted-match":"highlightedtext1620443423__highlighted-match"}; 
+export var classes = {"root":"highlightedtext1183810410__root","substring":"highlightedtext1183810410__substring"};
+export var keyframes = {"highlighted":"highlightedtext1183810410__highlighted","highlighted-match":"highlightedtext1183810410__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_ = "thumbnailreplaceoverlay534697563";
+var _namespace_ = "thumbnailreplaceoverlay142596445";
 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":"thumbnailreplaceoverlay534697563__root","icon":"thumbnailreplaceoverlay534697563__icon"};
+export var classes = {"root":"thumbnailreplaceoverlay142596445__root","icon":"thumbnailreplaceoverlay142596445__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_ = "cellmediaeditshell3140323862";
+var _namespace_ = "cellmediaeditshell937768104";
 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":"cellmediaeditshell3140323862__root"};
+export var classes = {"root":"cellmediaeditshell937768104__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_ = "pasteurlbutton2853107601";
+var _namespace_ = "pasteurlbutton1414539464";
 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":"pasteurlbutton2853107601__root","iconButtonTooltip":"pasteurlbutton2853107601__iconButtonTooltip","iconButton":"pasteurlbutton2853107601__iconButton"};
+export var classes = {"root":"pasteurlbutton1414539464__root","iconButtonTooltip":"pasteurlbutton1414539464__iconButtonTooltip","iconButton":"pasteurlbutton1414539464__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_ = "formmediagalleryfield282733164";
+var _namespace_ = "formmediagalleryfield1202900369";
 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":"formmediagalleryfield282733164__root","container":"formmediagalleryfield282733164__container","viewBox":"formmediagalleryfield282733164__viewBox","addItemWrapper":"formmediagalleryfield282733164__addItemWrapper","addItem":"formmediagalleryfield282733164__addItem","overlay":"formmediagalleryfield282733164__overlay","image":"formmediagalleryfield282733164__image","previewImage":"formmediagalleryfield282733164__previewImage","previewVideo":"formmediagalleryfield282733164__previewVideo"};
+export var classes = {"root":"formmediagalleryfield1202900369__root","container":"formmediagalleryfield1202900369__container","viewBox":"formmediagalleryfield1202900369__viewBox","addItemWrapper":"formmediagalleryfield1202900369__addItemWrapper","addItem":"formmediagalleryfield1202900369__addItem","overlay":"formmediagalleryfield1202900369__overlay","image":"formmediagalleryfield1202900369__image","previewImage":"formmediagalleryfield1202900369__previewImage","previewVideo":"formmediagalleryfield1202900369__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_ = "mediaimage2431312883";
+var _namespace_ = "mediaimage553009223";
 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":"mediaimage2431312883__root"};
+export var classes = {"root":"mediaimage553009223__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":"--mediaimage2431312883-from","to":"--mediaimage2431312883-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":"--mediaimage553009223-from","to":"--mediaimage553009223-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_ = "overlay3801036317";
+var _namespace_ = "overlay732625331";
 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":"overlay3801036317__root","iconOverlay":"overlay3801036317__iconOverlay"};
+export var classes = {"root":"overlay732625331__root","iconOverlay":"overlay732625331__iconOverlay"};
 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_ = "mediatag3017584659";
+var _namespace_ = "mediatag2827893615";
 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":"mediatag3017584659__root"};
+export var classes = {"root":"mediatag2827893615__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_ = "cellmultidocumentedit267714312";
+var _namespace_ = "cellmultidocumentedit1559378976";
 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":"cellmultidocumentedit267714312__root","chipTrigger":"cellmultidocumentedit267714312__chipTrigger"};
+export var classes = {"root":"cellmultidocumentedit1559378976__root","chipTrigger":"cellmultidocumentedit1559378976__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_ = "formmultidocument1874684414";
+var _namespace_ = "formmultidocument1172689394";
 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":"formmultidocument1874684414__root","viewRoot":"formmultidocument1874684414__viewRoot","singleViewWrapper":"formmultidocument1874684414__singleViewWrapper","addDocumentButton":"formmultidocument1874684414__addDocumentButton"};
+export var classes = {"root":"formmultidocument1172689394__root","viewRoot":"formmultidocument1172689394__viewRoot","singleViewWrapper":"formmultidocument1172689394__singleViewWrapper","addDocumentButton":"formmultidocument1172689394__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_ = "cellmultireferenceinput3433750413";
+var _namespace_ = "cellmultireferenceinput3368755835";
 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":"cellmultireferenceinput3433750413__root"};
+export var classes = {"root":"cellmultireferenceinput3368755835__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_ = "cellreferenceinput2579644894";
+var _namespace_ = "cellreferenceinput2557682414";
 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":"cellreferenceinput2579644894__root","autocomplete":"cellreferenceinput2579644894__autocomplete"};
+export var classes = {"root":"cellreferenceinput2557682414__root","autocomplete":"cellreferenceinput2557682414__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_ = "richcontentdefaultvalueinput2790302535";
+var _namespace_ = "richcontentdefaultvalueinput214102284";
 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":"richcontentdefaultvalueinput2790302535__root","richContentEditorContainer":"richcontentdefaultvalueinput2790302535__richContentEditorContainer","editor":"richcontentdefaultvalueinput2790302535__editor"};
+export var classes = {"root":"richcontentdefaultvalueinput214102284__root","richContentEditorContainer":"richcontentdefaultvalueinput214102284__richContentEditorContainer","editor":"richcontentdefaultvalueinput214102284__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_ = "richcontentforminput649215801";
+var _namespace_ = "richcontentforminput973903587";
 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":"richcontentforminput649215801__root","editor":"richcontentforminput649215801__editor"};
+export var classes = {"root":"richcontentforminput973903587__root","editor":"richcontentforminput973903587__editor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richcontentformreadonlyinput1008959921";
+var _namespace_ = "richcontentformreadonlyinput1251062634";
 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":"richcontentformreadonlyinput1008959921__root"};
+export var classes = {"root":"richcontentformreadonlyinput1251062634__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runti
 
 
 
-var _namespace_ = "fullscreenmodal3311586749";
+var _namespace_ = "fullscreenmodal2536640126";
 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":"fullscreenmodal3311586749__root","modalContent":"fullscreenmodal3311586749__modalContent"};
+export var classes = {"root":"fullscreenmodal2536640126__root","modalContent":"fullscreenmodal2536640126__modalContent"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runti
 
 
 
-var _namespace_ = "publishloader3627317944";
+var _namespace_ = "publishloader47165855";
 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":"publishloader3627317944__root","publishLoader":"publishloader3627317944__publishLoader"};
+export var classes = {"root":"publishloader47165855__root","publishLoader":"publishloader47165855__publishLoader"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runti
 
 
 
-var _namespace_ = "togglefullscreenbutton1137837266";
+var _namespace_ = "togglefullscreenbutton1152473351";
 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":"togglefullscreenbutton1137837266__root"};
+export var classes = {"root":"togglefullscreenbutton1152473351__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richcontenteditor4051004400";
+var _namespace_ = "richcontenteditor4255271736";
 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":"richcontenteditor4051004400__root","toolbarContainer":"richcontenteditor4051004400__toolbarContainer","footerToolbarContainer":"richcontenteditor4051004400__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor4051004400__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor4051004400__editor","modalEditor":"richcontenteditor4051004400__modalEditor"};
+export var classes = {"root":"richcontenteditor4255271736__root","toolbarContainer":"richcontenteditor4255271736__toolbarContainer","footerToolbarContainer":"richcontenteditor4255271736__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor4255271736__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor4255271736__editor","modalEditor":"richcontenteditor4255271736__modalEditor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richcontenttoolbar3356534819";
+var _namespace_ = "richcontenttoolbar1702562244";
 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":"richcontenttoolbar3356534819__root","toolbar":"richcontenttoolbar3356534819__toolbar","toolbarButton":"richcontenttoolbar3356534819__toolbarButton","separator":"richcontenttoolbar3356534819__separator"};
+export var classes = {"root":"richcontenttoolbar1702562244__root","toolbar":"richcontenttoolbar1702562244__toolbar","toolbarButton":"richcontenttoolbar1702562244__toolbarButton","separator":"richcontenttoolbar1702562244__separator"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};