@wix/patterns-fields 1.95.0 → 1.96.0

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

@@ -32,6 +32,9 @@ export interface FieldValidationSettingsInputProps
   rules: readonly FieldValidationRuleConfig[];
   /** Rules the caller has fixed and the user can't toggle, independent of `readOnly`. */
   disabledRules?: readonly FieldValidationRule[];
+  /** Whether `specificValues` rejects `charactersLimit`/`pattern` on the same
+   *  field. Pass `false` for callers that let a field carry both. */
+  exclusiveSpecificValues?: boolean;
 }
 
 interface RuleToggleProps {
@@ -77,11 +80,18 @@ export const FieldValidationSettingsInput = ({
   dataHook = 'field-validation-settings',
   rules,
   disabledRules,
+  exclusiveSpecificValues = true,
 }: FieldValidationSettingsInputProps) => {
   const isRuleDisabled = (rule: FieldValidationRule) =>
     Boolean(readOnly) || Boolean(disabledRules?.includes(rule));
   const supportedRules = rules.map(({ type }) => type);
-  const violations = getFieldValidationSettingsViolations(data, supportedRules);
+  const violations = getFieldValidationSettingsViolations(
+    data,
+    supportedRules,
+    {
+      exclusiveSpecificValues,
+    },
+  );
   const supportsSpecificValues = rules.some(
     ({ type }) => type === 'specificValues',
   );
@@ -96,9 +106,53 @@ export const FieldValidationSettingsInput = ({
   const hasPattern = supportsPattern && data.pattern !== undefined;
   const hasUnattributedInvalidState =
     Boolean(invalid) && violations.length === 0;
-  const showsExclusiveRulesExplanation =
-    (supportsCharactersLimit && (hasSpecificValues || hasCharactersLimit)) ||
-    (supportsPattern && (hasSpecificValues || hasPattern));
+  const isBlockedByExclusivity = (rule: FieldValidationRule) => {
+    if (!exclusiveSpecificValues) {
+      return false;
+    }
+    switch (rule) {
+      case 'charactersLimit':
+        return hasSpecificValues && !hasCharactersLimit;
+      case 'pattern':
+        return hasSpecificValues && !hasPattern;
+      case 'specificValues':
+        return (hasCharactersLimit || hasPattern) && !hasSpecificValues;
+      default:
+        return false;
+    }
+  };
+  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.
+  let hasRenderedSharedExplanation = false;
+  const renderExclusiveRulesExplanation = (
+    rule: FieldValidationRule,
+    hook: string,
+    explanation?: string,
+  ) => {
+    if (!isBlockedByExclusivity(rule)) {
+      return null;
+    }
+
+    let text = explanation;
+
+    if (!text) {
+      if (hasRenderedSharedExplanation || !specificValuesExplanation) {
+        return null;
+      }
+      text = specificValuesExplanation;
+      hasRenderedSharedExplanation = true;
+    }
+
+    return (
+      <Text size="tiny" secondary dataHook={`${hook}-exclusive-help`}>
+        {text}
+      </Text>
+    );
+  };
 
   const update = (next: Partial<FieldValidationSettingsValue>) =>
     onChange({ ...data, ...next });
@@ -143,7 +197,7 @@ export const FieldValidationSettingsInput = ({
           checked={hasCharactersLimit}
           disabled={
             isRuleDisabled('charactersLimit') ||
-            (hasSpecificValues && !hasCharactersLimit)
+            isBlockedByExclusivity('charactersLimit')
           }
           label={rule.label}
           infoContent={rule.tooltip}
@@ -224,6 +278,11 @@ export const FieldValidationSettingsInput = ({
             </Box>
           </Box>
         )}
+        {renderExclusiveRulesExplanation(
+          'charactersLimit',
+          'field-validation-characters-limit',
+          rule.exclusiveRulesExplanation,
+        )}
       </Box>
     );
   };
@@ -237,7 +296,7 @@ export const FieldValidationSettingsInput = ({
         checked={hasSpecificValues}
         disabled={
           isRuleDisabled('specificValues') ||
-          ((hasCharactersLimit || hasPattern) && !hasSpecificValues)
+          isBlockedByExclusivity('specificValues')
         }
         label={rule.label}
         infoContent={rule.tooltip}
@@ -326,10 +385,10 @@ export const FieldValidationSettingsInput = ({
           </Box>
         </Box>
       )}
-      {showsExclusiveRulesExplanation && (
-        <Text size="tiny" secondary dataHook="field-validation-exclusive-help">
-          {rule.exclusiveRulesExplanation}
-        </Text>
+      {renderExclusiveRulesExplanation(
+        'specificValues',
+        'field-validation-specific-values',
+        rule.exclusiveRulesExplanation,
       )}
     </Box>
   );
@@ -352,7 +411,7 @@ export const FieldValidationSettingsInput = ({
           dataHook="field-validation-pattern"
           checked={hasPattern}
           disabled={
-            isRuleDisabled('pattern') || (hasSpecificValues && !hasPattern)
+            isRuleDisabled('pattern') || isBlockedByExclusivity('pattern')
           }
           label={rule.label}
           infoContent={rule.tooltip}
@@ -375,6 +434,11 @@ export const FieldValidationSettingsInput = ({
             />
           </FormField>
         )}
+        {renderExclusiveRulesExplanation(
+          'pattern',
+          'field-validation-pattern',
+          rule.exclusiveRulesExplanation,
+        )}
       </Box>
     );
   };

package/src/components/field-validation-settings/field-validation-settings.uni.driver.ts

@@ -54,7 +54,9 @@ export function FieldValidationSettingsUniDriver(
         base.$('[data-hook="field-validation-pattern-input"]'),
         body,
       ),
+    getExclusiveRulesExplanation: (rule: string) =>
+      base.$(`[data-hook="field-validation-${rule}-exclusive-help"]`),
     hasExclusiveRulesExplanation: () =>
-      base.$('[data-hook="field-validation-exclusive-help"]').exists(),
+      base.$('[data-hook$="exclusive-help"]').exists(),
   };
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "highlightedtext2556507628";
+var _namespace_ = "highlightedtext3876074879";
 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":"highlightedtext2556507628__root","substring":"highlightedtext2556507628__substring"};
-export var keyframes = {"highlighted":"highlightedtext2556507628__highlighted","highlighted-match":"highlightedtext2556507628__highlighted-match"}; 
+export var classes = {"root":"highlightedtext3876074879__root","substring":"highlightedtext3876074879__substring"};
+export var keyframes = {"highlighted":"highlightedtext3876074879__highlighted","highlighted-match":"highlightedtext3876074879__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_ = "thumbnailreplaceoverlay2702031271";
+var _namespace_ = "thumbnailreplaceoverlay2515140289";
 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":"thumbnailreplaceoverlay2702031271__root","icon":"thumbnailreplaceoverlay2702031271__icon"};
+export var classes = {"root":"thumbnailreplaceoverlay2515140289__root","icon":"thumbnailreplaceoverlay2515140289__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_ = "cellmediaeditshell2544007675";
+var _namespace_ = "cellmediaeditshell1073108108";
 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":"cellmediaeditshell2544007675__root"};
+export var classes = {"root":"cellmediaeditshell1073108108__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_ = "pasteurlbutton3035244380";
+var _namespace_ = "pasteurlbutton2861872181";
 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":"pasteurlbutton3035244380__root","iconButtonTooltip":"pasteurlbutton3035244380__iconButtonTooltip","iconButton":"pasteurlbutton3035244380__iconButton"};
+export var classes = {"root":"pasteurlbutton2861872181__root","iconButtonTooltip":"pasteurlbutton2861872181__iconButtonTooltip","iconButton":"pasteurlbutton2861872181__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_ = "formmediagalleryfield1873848574";
+var _namespace_ = "formmediagalleryfield2262092553";
 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":"formmediagalleryfield1873848574__root","container":"formmediagalleryfield1873848574__container","viewBox":"formmediagalleryfield1873848574__viewBox","addItemWrapper":"formmediagalleryfield1873848574__addItemWrapper","addItem":"formmediagalleryfield1873848574__addItem","overlay":"formmediagalleryfield1873848574__overlay","image":"formmediagalleryfield1873848574__image","previewImage":"formmediagalleryfield1873848574__previewImage","previewVideo":"formmediagalleryfield1873848574__previewVideo"};
+export var classes = {"root":"formmediagalleryfield2262092553__root","container":"formmediagalleryfield2262092553__container","viewBox":"formmediagalleryfield2262092553__viewBox","addItemWrapper":"formmediagalleryfield2262092553__addItemWrapper","addItem":"formmediagalleryfield2262092553__addItem","overlay":"formmediagalleryfield2262092553__overlay","image":"formmediagalleryfield2262092553__image","previewImage":"formmediagalleryfield2262092553__previewImage","previewVideo":"formmediagalleryfield2262092553__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_ = "mediaimage3359962544";
+var _namespace_ = "mediaimage1912006507";
 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":"mediaimage3359962544__root"};
+export var classes = {"root":"mediaimage1912006507__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":"--mediaimage3359962544-from","to":"--mediaimage3359962544-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":"--mediaimage1912006507-from","to":"--mediaimage1912006507-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_ = "overlay4194563916";
+var _namespace_ = "overlay1534127645";
 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":"overlay4194563916__root","iconOverlay":"overlay4194563916__iconOverlay"};
+export var classes = {"root":"overlay1534127645__root","iconOverlay":"overlay1534127645__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_ = "mediatag4013359346";
+var _namespace_ = "mediatag1753723167";
 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":"mediatag4013359346__root"};
+export var classes = {"root":"mediatag1753723167__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_ = "cellmultidocumentedit765450385";
+var _namespace_ = "cellmultidocumentedit684700786";
 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":"cellmultidocumentedit765450385__root","chipTrigger":"cellmultidocumentedit765450385__chipTrigger"};
+export var classes = {"root":"cellmultidocumentedit684700786__root","chipTrigger":"cellmultidocumentedit684700786__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_ = "formmultidocument947287774";
+var _namespace_ = "formmultidocument4258414100";
 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":"formmultidocument947287774__root","viewRoot":"formmultidocument947287774__viewRoot","singleViewWrapper":"formmultidocument947287774__singleViewWrapper","addDocumentButton":"formmultidocument947287774__addDocumentButton"};
+export var classes = {"root":"formmultidocument4258414100__root","viewRoot":"formmultidocument4258414100__viewRoot","singleViewWrapper":"formmultidocument4258414100__singleViewWrapper","addDocumentButton":"formmultidocument4258414100__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_ = "cellmultireferenceinput3144474220";
+var _namespace_ = "cellmultireferenceinput802983897";
 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":"cellmultireferenceinput3144474220__root"};
+export var classes = {"root":"cellmultireferenceinput802983897__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_ = "cellreferenceinput2058322555";
+var _namespace_ = "cellreferenceinput3044213567";
 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":"cellreferenceinput2058322555__root","autocomplete":"cellreferenceinput2058322555__autocomplete"};
+export var classes = {"root":"cellreferenceinput3044213567__root","autocomplete":"cellreferenceinput3044213567__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_ = "richcontentdefaultvalueinput2476823092";
+var _namespace_ = "richcontentdefaultvalueinput3491047452";
 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":"richcontentdefaultvalueinput2476823092__root","richContentEditorContainer":"richcontentdefaultvalueinput2476823092__richContentEditorContainer","editor":"richcontentdefaultvalueinput2476823092__editor"};
+export var classes = {"root":"richcontentdefaultvalueinput3491047452__root","richContentEditorContainer":"richcontentdefaultvalueinput3491047452__richContentEditorContainer","editor":"richcontentdefaultvalueinput3491047452__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_ = "richcontentforminput983643365";
+var _namespace_ = "richcontentforminput2743840906";
 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":"richcontentforminput983643365__root","editor":"richcontentforminput983643365__editor"};
+export var classes = {"root":"richcontentforminput2743840906__root","editor":"richcontentforminput2743840906__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_ = "richcontentformreadonlyinput2062214037";
+var _namespace_ = "richcontentformreadonlyinput756606055";
 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":"richcontentformreadonlyinput2062214037__root"};
+export var classes = {"root":"richcontentformreadonlyinput756606055__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_ = "fullscreenmodal2650765642";
+var _namespace_ = "fullscreenmodal726345974";
 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":"fullscreenmodal2650765642__root","modalContent":"fullscreenmodal2650765642__modalContent"};
+export var classes = {"root":"fullscreenmodal726345974__root","modalContent":"fullscreenmodal726345974__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_ = "publishloader1621890228";
+var _namespace_ = "publishloader829581826";
 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":"publishloader1621890228__root","publishLoader":"publishloader1621890228__publishLoader"};
+export var classes = {"root":"publishloader829581826__root","publishLoader":"publishloader829581826__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_ = "togglefullscreenbutton3465920086";
+var _namespace_ = "togglefullscreenbutton2354274614";
 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":"togglefullscreenbutton3465920086__root"};
+export var classes = {"root":"togglefullscreenbutton2354274614__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_ = "richcontenteditor3270542356";
+var _namespace_ = "richcontenteditor1883144263";
 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":"richcontenteditor3270542356__root","toolbarContainer":"richcontenteditor3270542356__toolbarContainer","footerToolbarContainer":"richcontenteditor3270542356__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor3270542356__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor3270542356__editor","modalEditor":"richcontenteditor3270542356__modalEditor"};
+export var classes = {"root":"richcontenteditor1883144263__root","toolbarContainer":"richcontenteditor1883144263__toolbarContainer","footerToolbarContainer":"richcontenteditor1883144263__footerToolbarContainer","toolbarAndFullScreenButtonWrapper":"richcontenteditor1883144263__toolbarAndFullScreenButtonWrapper","editor":"richcontenteditor1883144263__editor","modalEditor":"richcontenteditor1883144263__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_ = "richcontenttoolbar4022405848";
+var _namespace_ = "richcontenttoolbar1486095287";
 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":"richcontenttoolbar4022405848__root","toolbar":"richcontenttoolbar4022405848__toolbar","toolbarButton":"richcontenttoolbar4022405848__toolbarButton","separator":"richcontenttoolbar4022405848__separator"};
+export var classes = {"root":"richcontenttoolbar1486095287__root","toolbar":"richcontenttoolbar1486095287__toolbar","toolbarButton":"richcontenttoolbar1486095287__toolbarButton","separator":"richcontenttoolbar1486095287__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_ = "richcontentviewer2116721712";
+var _namespace_ = "richcontentviewer2217589463";
 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":"richcontentviewer2116721712__root","viewer":"richcontentviewer2116721712__viewer","modalViewer":"richcontentviewer2116721712__modalViewer"};
+export var classes = {"root":"richcontentviewer2217589463__root","viewer":"richcontentviewer2217589463__viewer","modalViewer":"richcontentviewer2217589463__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_ = "richeditor1552528958";
+var _namespace_ = "richeditor3799177838";
 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":"richeditor1552528958__root","editor":"richeditor1552528958__editor","header-one":"richeditor1552528958__header-one","header-two":"richeditor1552528958__header-two","header-three":"richeditor1552528958__header-three","header-four":"richeditor1552528958__header-four","header-five":"richeditor1552528958__header-five","header-six":"richeditor1552528958__header-six","paragraph-one":"richeditor1552528958__paragraph-one","unstyled":"richeditor1552528958__unstyled","paragraph-three":"richeditor1552528958__paragraph-three","align-left":"richeditor1552528958__align-left","align-right":"richeditor1552528958__align-right","align-center":"richeditor1552528958__align-center","align-justify":"richeditor1552528958__align-justify","withMargin":"richeditor1552528958__withMargin","dir-rtl":"richeditor1552528958__dir-rtl"};
+export var classes = {"root":"richeditor3799177838__root","editor":"richeditor3799177838__editor","header-one":"richeditor3799177838__header-one","header-two":"richeditor3799177838__header-two","header-three":"richeditor3799177838__header-three","header-four":"richeditor3799177838__header-four","header-five":"richeditor3799177838__header-five","header-six":"richeditor3799177838__header-six","paragraph-one":"richeditor3799177838__paragraph-one","unstyled":"richeditor3799177838__unstyled","paragraph-three":"richeditor3799177838__paragraph-three","align-left":"richeditor3799177838__align-left","align-right":"richeditor3799177838__align-right","align-center":"richeditor3799177838__align-center","align-justify":"richeditor3799177838__align-justify","withMargin":"richeditor3799177838__withMargin","dir-rtl":"richeditor3799177838__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_ = "richtexteditor3216298027";
+var _namespace_ = "richtexteditor956967741";
 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":"richtexteditor3216298027__root","nativeInput":"richtexteditor3216298027__nativeInput","editor":"richtexteditor3216298027__editor"};
+export var classes = {"root":"richtexteditor956967741__root","nativeInput":"richtexteditor956967741__nativeInput","editor":"richtexteditor956967741__editor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runti
 
 
 
-var _namespace_ = "toolbar378096095";
+var _namespace_ = "toolbar2936617610";
 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":"toolbar378096095__root","item":"toolbar378096095__item","separator":"toolbar378096095__separator","clearFormatting":"toolbar378096095__clearFormatting","fullScreen":"toolbar378096095__fullScreen","dropdownItemContent":"toolbar378096095__dropdownItemContent","dropdownItemTitle":"toolbar378096095__dropdownItemTitle","dropdownItemSubtitle":"toolbar378096095__dropdownItemSubtitle","dropdownHeaderOne":"toolbar378096095__dropdownHeaderOne","dropdownHeaderTwo":"toolbar378096095__dropdownHeaderTwo","dropdownHeaderThree":"toolbar378096095__dropdownHeaderThree","dropdownHeaderFour":"toolbar378096095__dropdownHeaderFour","dropdownHeaderFive":"toolbar378096095__dropdownHeaderFive","dropdownHeaderSix":"toolbar378096095__dropdownHeaderSix","dropdownParagraphOne":"toolbar378096095__dropdownParagraphOne","dropdownNormalText":"toolbar378096095__dropdownNormalText","dropdownParagraphThree":"toolbar378096095__dropdownParagraphThree"};
+export var classes = {"root":"toolbar2936617610__root","item":"toolbar2936617610__item","separator":"toolbar2936617610__separator","clearFormatting":"toolbar2936617610__clearFormatting","fullScreen":"toolbar2936617610__fullScreen","dropdownItemContent":"toolbar2936617610__dropdownItemContent","dropdownItemTitle":"toolbar2936617610__dropdownItemTitle","dropdownItemSubtitle":"toolbar2936617610__dropdownItemSubtitle","dropdownHeaderOne":"toolbar2936617610__dropdownHeaderOne","dropdownHeaderTwo":"toolbar2936617610__dropdownHeaderTwo","dropdownHeaderThree":"toolbar2936617610__dropdownHeaderThree","dropdownHeaderFour":"toolbar2936617610__dropdownHeaderFour","dropdownHeaderFive":"toolbar2936617610__dropdownHeaderFive","dropdownHeaderSix":"toolbar2936617610__dropdownHeaderSix","dropdownParagraphOne":"toolbar2936617610__dropdownParagraphOne","dropdownNormalText":"toolbar2936617610__dropdownNormalText","dropdownParagraphThree":"toolbar2936617610__dropdownParagraphThree"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};