@wix/patterns-fields 1.99.0 → 1.101.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "colorview3558273599";
+var _namespace_ = "colorview1128631278";
 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":"colorview3558273599__root","view":"colorview3558273599__view","fillPreview":"colorview3558273599__fillPreview"};
+export var classes = {"root":"colorview1128631278__root","view":"colorview1128631278__view","fillPreview":"colorview1128631278__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_ = "deletedialog3397577809";
+var _namespace_ = "deletedialog4042192082";
 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":"deletedialog3397577809__root","layout":"deletedialog3397577809__layout"};
+export var classes = {"root":"deletedialog4042192082__root","layout":"deletedialog4042192082__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_ = "formdocumentfield3898225755";
+var _namespace_ = "formdocumentfield1225186310";
 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":"formdocumentfield3898225755__root","viewWrapper":"formdocumentfield3898225755__viewWrapper","textWidth":"formdocumentfield3898225755__textWidth","documentLoader":"formdocumentfield3898225755__documentLoader","addDocument":"formdocumentfield3898225755__addDocument","addItemWrapper":"formdocumentfield3898225755__addItemWrapper"};
+export var classes = {"root":"formdocumentfield1225186310__root","viewWrapper":"formdocumentfield1225186310__viewWrapper","textWidth":"formdocumentfield1225186310__textWidth","documentLoader":"formdocumentfield1225186310__documentLoader","addDocument":"formdocumentfield1225186310__addDocument","addItemWrapper":"formdocumentfield1225186310__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_ = "exclamation2088445520";
+var _namespace_ = "exclamation2888731740";
 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":"exclamation2088445520__root","exclamation":"exclamation2088445520__exclamation","actions":"exclamation2088445520__actions","action":"exclamation2088445520__action"};
+export var classes = {"root":"exclamation2888731740__root","exclamation":"exclamation2888731740__exclamation","actions":"exclamation2888731740__actions","action":"exclamation2888731740__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_ = "highlightedtext2205306294";
+var _namespace_ = "highlightedtext2588072035";
 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":"highlightedtext2205306294__root","substring":"highlightedtext2205306294__substring"};
-export var keyframes = {"highlighted":"highlightedtext2205306294__highlighted","highlighted-match":"highlightedtext2205306294__highlighted-match"}; 
+export var classes = {"root":"highlightedtext2588072035__root","substring":"highlightedtext2588072035__substring"};
+export var keyframes = {"highlighted":"highlightedtext2588072035__highlighted","highlighted-match":"highlightedtext2588072035__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_ = "thumbnailreplaceoverlay3810574377";
+var _namespace_ = "thumbnailreplaceoverlay1480506235";
 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":"thumbnailreplaceoverlay3810574377__root","icon":"thumbnailreplaceoverlay3810574377__icon"};
+export var classes = {"root":"thumbnailreplaceoverlay1480506235__root","icon":"thumbnailreplaceoverlay1480506235__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_ = "cellmediaeditshell1576869378";
+var _namespace_ = "cellmediaeditshell1606152891";
 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":"cellmediaeditshell1576869378__root"};
+export var classes = {"root":"cellmediaeditshell1606152891__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_ = "pasteurlbutton2410213275";
+var _namespace_ = "pasteurlbutton2049315314";
 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":"pasteurlbutton2410213275__root","iconButtonTooltip":"pasteurlbutton2410213275__iconButtonTooltip","iconButton":"pasteurlbutton2410213275__iconButton"};
+export var classes = {"root":"pasteurlbutton2049315314__root","iconButtonTooltip":"pasteurlbutton2049315314__iconButtonTooltip","iconButton":"pasteurlbutton2049315314__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_ = "formmediagalleryfield4067745930";
+var _namespace_ = "formmediagalleryfield2929328877";
 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":"formmediagalleryfield4067745930__root","container":"formmediagalleryfield4067745930__container","viewBox":"formmediagalleryfield4067745930__viewBox","addItemWrapper":"formmediagalleryfield4067745930__addItemWrapper","addItem":"formmediagalleryfield4067745930__addItem","overlay":"formmediagalleryfield4067745930__overlay","image":"formmediagalleryfield4067745930__image","previewImage":"formmediagalleryfield4067745930__previewImage","previewVideo":"formmediagalleryfield4067745930__previewVideo"};
+export var classes = {"root":"formmediagalleryfield2929328877__root","container":"formmediagalleryfield2929328877__container","viewBox":"formmediagalleryfield2929328877__viewBox","addItemWrapper":"formmediagalleryfield2929328877__addItemWrapper","addItem":"formmediagalleryfield2929328877__addItem","overlay":"formmediagalleryfield2929328877__overlay","image":"formmediagalleryfield2929328877__image","previewImage":"formmediagalleryfield2929328877__previewImage","previewVideo":"formmediagalleryfield2929328877__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_ = "mediaimage751937972";
+var _namespace_ = "mediaimage3403292531";
 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":"mediaimage751937972__root"};
+export var classes = {"root":"mediaimage3403292531__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":"--mediaimage751937972-from","to":"--mediaimage751937972-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":"--mediaimage3403292531-from","to":"--mediaimage3403292531-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_ = "overlay2541288109";
+var _namespace_ = "overlay3461515567";
 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":"overlay2541288109__root","iconOverlay":"overlay2541288109__iconOverlay"};
+export var classes = {"root":"overlay3461515567__root","iconOverlay":"overlay3461515567__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_ = "mediatag2984310725";
+var _namespace_ = "mediatag760884710";
 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":"mediatag2984310725__root"};
+export var classes = {"root":"mediatag760884710__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_ = "cellmultidocumentedit2069921304";
+var _namespace_ = "cellmultidocumentedit3631620800";
 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":"cellmultidocumentedit2069921304__root","chipTrigger":"cellmultidocumentedit2069921304__chipTrigger"};
+export var classes = {"root":"cellmultidocumentedit3631620800__root","chipTrigger":"cellmultidocumentedit3631620800__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_ = "formmultidocument3200037661";
+var _namespace_ = "formmultidocument3888755621";
 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":"formmultidocument3200037661__root","viewRoot":"formmultidocument3200037661__viewRoot","singleViewWrapper":"formmultidocument3200037661__singleViewWrapper","addDocumentButton":"formmultidocument3200037661__addDocumentButton"};
+export var classes = {"root":"formmultidocument3888755621__root","viewRoot":"formmultidocument3888755621__viewRoot","singleViewWrapper":"formmultidocument3888755621__singleViewWrapper","addDocumentButton":"formmultidocument3888755621__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_ = "cellmultireferenceinput29376945";
+var _namespace_ = "cellmultireferenceinput2725567061";
 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":"cellmultireferenceinput29376945__root"};
+export var classes = {"root":"cellmultireferenceinput2725567061__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_ = "cellreferenceinput974729420";
+var _namespace_ = "cellreferenceinput725700329";
 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":"cellreferenceinput974729420__root","autocomplete":"cellreferenceinput974729420__autocomplete"};
+export var classes = {"root":"cellreferenceinput725700329__root","autocomplete":"cellreferenceinput725700329__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_ = "richcontentdefaultvalueinput2978357829";
+var _namespace_ = "richcontentdefaultvalueinput2891462174";
 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":"richcontentdefaultvalueinput2978357829__root","richContentEditorContainer":"richcontentdefaultvalueinput2978357829__richContentEditorContainer","editor":"richcontentdefaultvalueinput2978357829__editor"};
+export var classes = {"root":"richcontentdefaultvalueinput2891462174__root","richContentEditorContainer":"richcontentdefaultvalueinput2891462174__richContentEditorContainer","editor":"richcontentdefaultvalueinput2891462174__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_ = "richcontentforminput1929929653";
+var _namespace_ = "richcontentforminput693847724";
 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":"richcontentforminput1929929653__root","editor":"richcontentforminput1929929653__editor"};
+export var classes = {"root":"richcontentforminput693847724__root","editor":"richcontentforminput693847724__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_ = "richcontentformreadonlyinput960800900";
+var _namespace_ = "richcontentformreadonlyinput3926960356";
 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":"richcontentformreadonlyinput960800900__root"};
+export var classes = {"root":"richcontentformreadonlyinput3926960356__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_ = "fullscreenmodal3269588066";
+var _namespace_ = "fullscreenmodal4001411931";
 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":"fullscreenmodal3269588066__root","modalContent":"fullscreenmodal3269588066__modalContent"};
+export var classes = {"root":"fullscreenmodal4001411931__root","modalContent":"fullscreenmodal4001411931__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_ = "publishloader1657507652";
+var _namespace_ = "publishloader349451803";
 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":"publishloader1657507652__root","publishLoader":"publishloader1657507652__publishLoader"};
+export var classes = {"root":"publishloader349451803__root","publishLoader":"publishloader349451803__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_ = "togglefullscreenbutton2763534848";
+var _namespace_ = "togglefullscreenbutton1004765193";
 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":"togglefullscreenbutton2763534848__root"};
+export var classes = {"root":"togglefullscreenbutton1004765193__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_ = "richcontenteditor500909897";
+var _namespace_ = "richcontenteditor1004419510";
 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":"richcontenteditor500909897__root","toolbarContainer":"richcontenteditor500909897__toolbarContainer","footerToolbarContainer":"richcontenteditor500909897__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor500909897__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor500909897__editor","modalEditor":"richcontenteditor500909897__modalEditor"};
+export var classes = {"root":"richcontenteditor1004419510__root","toolbarContainer":"richcontenteditor1004419510__toolbarContainer","footerToolbarContainer":"richcontenteditor1004419510__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor1004419510__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor1004419510__editor","modalEditor":"richcontenteditor1004419510__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_ = "richcontenttoolbar2482733735";
+var _namespace_ = "richcontenttoolbar1712696490";
 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":"richcontenttoolbar2482733735__root","toolbar":"richcontenttoolbar2482733735__toolbar","toolbarButton":"richcontenttoolbar2482733735__toolbarButton","separator":"richcontenttoolbar2482733735__separator"};
+export var classes = {"root":"richcontenttoolbar1712696490__root","toolbar":"richcontenttoolbar1712696490__toolbar","toolbarButton":"richcontenttoolbar1712696490__toolbarButton","separator":"richcontenttoolbar1712696490__separator"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richcontentviewer4000632871";
+var _namespace_ = "richcontentviewer1665969707";
 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":"richcontentviewer4000632871__root","viewer":"richcontentviewer4000632871__viewer","modalViewer":"richcontentviewer4000632871__modalViewer"};
+export var classes = {"root":"richcontentviewer1665969707__root","viewer":"richcontentviewer1665969707__viewer","modalViewer":"richcontentviewer1665969707__modalViewer"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richeditor596383357";
+var _namespace_ = "richeditor522111011";
 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":"richeditor596383357__root","editor":"richeditor596383357__editor","header-one":"richeditor596383357__header-one","header-two":"richeditor596383357__header-two","header-three":"richeditor596383357__header-three","header-four":"richeditor596383357__header-four","header-five":"richeditor596383357__header-five","header-six":"richeditor596383357__header-six","paragraph-one":"richeditor596383357__paragraph-one","unstyled":"richeditor596383357__unstyled","paragraph-three":"richeditor596383357__paragraph-three","align-left":"richeditor596383357__align-left","align-right":"richeditor596383357__align-right","align-center":"richeditor596383357__align-center","align-justify":"richeditor596383357__align-justify","withMargin":"richeditor596383357__withMargin","dir-rtl":"richeditor596383357__dir-rtl"};
+export var classes = {"root":"richeditor522111011__root","editor":"richeditor522111011__editor","header-one":"richeditor522111011__header-one","header-two":"richeditor522111011__header-two","header-three":"richeditor522111011__header-three","header-four":"richeditor522111011__header-four","header-five":"richeditor522111011__header-five","header-six":"richeditor522111011__header-six","paragraph-one":"richeditor522111011__paragraph-one","unstyled":"richeditor522111011__unstyled","paragraph-three":"richeditor522111011__paragraph-three","align-left":"richeditor522111011__align-left","align-right":"richeditor522111011__align-right","align-center":"richeditor522111011__align-center","align-justify":"richeditor522111011__align-justify","withMargin":"richeditor522111011__withMargin","dir-rtl":"richeditor522111011__dir-rtl"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "richtexteditor2139550678";
+var _namespace_ = "richtexteditor3549922376";
 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":"richtexteditor2139550678__root","nativeInput":"richtexteditor2139550678__nativeInput","editor":"richtexteditor2139550678__editor"};
+export var classes = {"root":"richtexteditor3549922376__root","nativeInput":"richtexteditor3549922376__nativeInput","editor":"richtexteditor3549922376__editor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};