@wix/patterns-fields 1.105.0 → 1.107.0

package/dist/cjs/components/field-validation-settings/field-validation-settings-input.js

@@ -26,7 +26,7 @@ const RuleToggle = ({
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 57,
+    lineNumber: 60,
     columnNumber: 3
   }
 }, /*#__PURE__*/_react.default.createElement(_designSystem.ToggleSwitch, {
@@ -38,7 +38,7 @@ const RuleToggle = ({
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 65,
+    lineNumber: 68,
     columnNumber: 5
   }
 }));
@@ -50,7 +50,8 @@ const FieldValidationSettingsInput = ({
   dataHook = 'field-validation-settings',
   rules,
   disabledRules,
-  exclusiveSpecificValues = true
+  exclusiveSpecificValues = true,
+  showValidationErrors = true
 }) => {
   var _rules$find;
   const isRuleDisabled = rule => Boolean(readOnly) || Boolean(disabledRules == null ? void 0 : disabledRules.includes(rule));
@@ -60,6 +61,7 @@ const FieldValidationSettingsInput = ({
   const violations = (0, _fieldValidationSettings.getFieldValidationSettingsViolations)(data, supportedRules, {
     exclusiveSpecificValues
   });
+  const errorViolations = showValidationErrors ? violations : [];
   const supportsSpecificValues = rules.some(({
     type
   }) => type === 'specificValues');
@@ -74,7 +76,7 @@ const FieldValidationSettingsInput = ({
   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.every(({
+  const hasUnattributedInvalidState = showValidationErrors && Boolean(invalid) && violations.every(({
     type
   }) => type === 'exclusiveRules');
   const isBlockedByExclusivity = rule => {
@@ -121,7 +123,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 165,
+        lineNumber: 171,
         columnNumber: 7
       }
     }, text);
@@ -143,15 +145,15 @@ const FieldValidationSettingsInput = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 175,
+      lineNumber: 181,
       columnNumber: 5
     }
   });
   const renderCharactersLimit = rule => {
     var _data$charactersLimit, _data$charactersLimit2;
-    const minViolation = violations.find(violation => violation.rule === 'charactersLimit' && violation.type === 'outOfBounds' && violation.bound === 'min');
-    const maxOutOfBoundsViolation = violations.find(violation => violation.rule === 'charactersLimit' && violation.type === 'outOfBounds' && violation.bound === 'max');
-    const maxBelowMinViolation = violations.find(violation => violation.rule === 'charactersLimit' && violation.type === 'maxBelowMin');
+    const minViolation = errorViolations.find(violation => violation.rule === 'charactersLimit' && violation.type === 'outOfBounds' && violation.bound === 'min');
+    const maxOutOfBoundsViolation = errorViolations.find(violation => violation.rule === 'charactersLimit' && violation.type === 'outOfBounds' && violation.bound === 'max');
+    const maxBelowMinViolation = errorViolations.find(violation => violation.rule === 'charactersLimit' && violation.type === 'maxBelowMin');
     const isInputDisabled = isRuleDisabled('charactersLimit') || isInExclusiveConflict('charactersLimit');
     return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
       key: "charactersLimit",
@@ -160,7 +162,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 211,
+        lineNumber: 217,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(RuleToggle, {
@@ -175,7 +177,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 212,
+        lineNumber: 218,
         columnNumber: 9
       }
     }), hasCharactersLimit && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -184,7 +186,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 226,
+        lineNumber: 232,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -192,7 +194,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 227,
+        lineNumber: 233,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -201,7 +203,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 228,
+        lineNumber: 234,
         columnNumber: 15
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.NumberInput, {
@@ -220,7 +222,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 229,
+        lineNumber: 235,
         columnNumber: 17
       }
     }))), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -229,7 +231,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 258,
+        lineNumber: 264,
         columnNumber: 13
       }
     }, rule.separator), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -237,7 +239,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 261,
+        lineNumber: 267,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -246,7 +248,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 262,
+        lineNumber: 268,
         columnNumber: 15
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.NumberInput, {
@@ -265,7 +267,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 263,
+        lineNumber: 269,
         columnNumber: 17
       }
     })))), renderExclusiveRulesExplanation('charactersLimit', 'field-validation-characters-limit', rule.exclusiveRulesExplanation));
@@ -279,7 +281,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 310,
+        lineNumber: 316,
         columnNumber: 5
       }
     }, /*#__PURE__*/_react.default.createElement(RuleToggle, {
@@ -294,7 +296,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 311,
+        lineNumber: 317,
         columnNumber: 7
       }
     }), hasSpecificValues && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -303,11 +305,11 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 325,
+        lineNumber: 331,
         columnNumber: 9
       }
     }, (_data$specificValues = data.specificValues) == null ? void 0 : _data$specificValues.map((option, index) => {
-      const optionViolation = violations.find(violation => violation.rule === 'specificValues' && 'optionId' in violation && violation.optionId === option.id);
+      const optionViolation = errorViolations.find(violation => violation.rule === 'specificValues' && 'optionId' in violation && violation.optionId === option.id);
       return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
         key: option.id,
         verticalAlign: "middle",
@@ -315,7 +317,7 @@ const FieldValidationSettingsInput = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 334,
+          lineNumber: 340,
           columnNumber: 15
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -323,7 +325,7 @@ const FieldValidationSettingsInput = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 335,
+          lineNumber: 341,
           columnNumber: 17
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
@@ -345,7 +347,7 @@ const FieldValidationSettingsInput = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 336,
+          lineNumber: 342,
           columnNumber: 19
         }
       })), /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -353,7 +355,7 @@ const FieldValidationSettingsInput = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 364,
+          lineNumber: 370,
           columnNumber: 17
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
@@ -373,14 +375,14 @@ const FieldValidationSettingsInput = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 365,
+          lineNumber: 371,
           columnNumber: 19
         }
       }, /*#__PURE__*/_react.default.createElement(_lazy.DeleteSmall, {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 379,
+          lineNumber: 385,
           columnNumber: 21
         }
       }))));
@@ -388,7 +390,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 385,
+        lineNumber: 391,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -398,7 +400,7 @@ const FieldValidationSettingsInput = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 389,
+          lineNumber: 395,
           columnNumber: 27
         }
       }),
@@ -412,13 +414,13 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 386,
+        lineNumber: 392,
         columnNumber: 13
       }
     }, rule.addButton))), renderExclusiveRulesExplanation('specificValues', 'field-validation-specific-values', rule.exclusiveRulesExplanation));
   };
   const renderPattern = rule => {
-    const patternViolation = violations.find(violation => violation.rule === 'pattern' && (violation.type === 'invalidPattern' || violation.type === 'unsafePattern'));
+    const patternViolation = errorViolations.find(violation => violation.rule === 'pattern' && (violation.type === 'invalidPattern' || violation.type === 'unsafePattern'));
     const patternError = (patternViolation == null ? void 0 : patternViolation.type) === 'unsafePattern' ? rule.unsafeError ?? rule.invalidError : rule.invalidError;
     return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
       key: "pattern",
@@ -427,7 +429,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 426,
+        lineNumber: 432,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(RuleToggle, {
@@ -442,7 +444,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 427,
+        lineNumber: 433,
         columnNumber: 9
       }
     }), hasPattern && /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -451,7 +453,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 438,
+        lineNumber: 444,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
@@ -467,7 +469,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 439,
+        lineNumber: 445,
         columnNumber: 13
       }
     })), renderExclusiveRulesExplanation('pattern', 'field-validation-pattern', rule.exclusiveRulesExplanation));
@@ -491,7 +493,7 @@ const FieldValidationSettingsInput = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 479,
+      lineNumber: 485,
       columnNumber: 5
     }
   }, rules.map(renderRule));

package/dist/cjs/components/field-validation-settings/field-validation-settings-input.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_uuid","_fieldValidationSettings","_jsxFileName","RuleToggle","dataHook","checked","disabled","label","infoContent","onChange","default","createElement","FormField","labelPlacement","labelSize","stretchContent","__self","__source","fileName","lineNumber","columnNumber","ToggleSwitch","size","FieldValidationSettingsInput","data","readOnly","invalid","rules","disabledRules","exclusiveSpecificValues","_rules$find","isRuleDisabled","rule","Boolean","includes","supportedRules","map","type","violations","getFieldValidationSettingsViolations","supportsSpecificValues","some","supportsCharactersLimit","supportsPattern","hasSpecificValues","specificValues","undefined","hasCharactersLimit","charactersLimit","hasPattern","pattern","hasUnattributedInvalidState","every","isBlockedByExclusivity","isInExclusiveConflict","violation","specificValuesExplanation","find","exclusiveRulesExplanation","hasRenderedSharedExplanation","renderExclusiveRulesExplanation","hook","explanation","text","Text","secondary","update","next","renderRequired","key","required","tooltip","renderCharactersLimit","_data$charactersLimit","_data$charactersLimit2","minViolation","bound","maxOutOfBoundsViolation","maxBelowMinViolation","isInputDisabled","Box","direction","gap","verticalAlign","width","minLabel","NumberInput","value","min","status","statusMessage","outOfBoundsError","max","separator","maxLabel","maxBelowMinError","renderSpecificValues","_data$specificValues","option","index","optionViolation","optionId","id","Input","blankError","duplicateError","event","_data$specificValues2","item","target","Tooltip","content","removeButton","IconButton","priority","ariaLabel","onClick","_data$specificValues3","filter","DeleteSmall","TextButton","prefixIcon","AddSmall","uuid","addButton","renderPattern","patternViolation","patternError","unsafeError","invalidError","inputLabel","renderRule","exports"],"sources":["../../../../src/components/field-validation-settings/field-validation-settings-input.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  FormField,\n  IconButton,\n  Input,\n  NumberInput,\n  Text,\n  TextButton,\n  ToggleSwitch,\n  Tooltip,\n} from '@wix/design-system';\nimport { AddSmall, DeleteSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { v4 as uuid } from 'uuid';\nimport type { ControlledInputProps } from '../../types/controlled-input';\nimport type {\n  CharactersLimitFieldValidationRuleConfig,\n  FieldValidationRule,\n  FieldValidationRuleConfig,\n  FieldValidationSettingsValue,\n  PatternFieldValidationRuleConfig,\n  RequiredFieldValidationRuleConfig,\n  SpecificValuesFieldValidationRuleConfig,\n} from '../../types/validation';\nimport { getFieldValidationSettingsViolations } from '../../validations/field-validation-settings';\n\nexport interface FieldValidationSettingsInputProps\n  extends Omit<\n    ControlledInputProps<FieldValidationSettingsValue>,\n    'autoFocus' | 'onBlur'\n  > {\n  rules: readonly FieldValidationRuleConfig[];\n  /** Rules the caller has fixed and the user can't toggle, independent of `readOnly`. */\n  disabledRules?: readonly FieldValidationRule[];\n  /** Whether `specificValues` rejects `charactersLimit`/`pattern` on the same\n   *  field. Pass `false` for callers that let a field carry both. */\n  exclusiveSpecificValues?: boolean;\n}\n\ninterface RuleToggleProps {\n  dataHook: string;\n  checked: boolean;\n  disabled?: boolean;\n  label: string;\n  infoContent: string;\n  onChange(): void;\n}\n\nconst RuleToggle = ({\n  dataHook,\n  checked,\n  disabled,\n  label,\n  infoContent,\n  onChange,\n}: RuleToggleProps) => (\n  <FormField\n    dataHook={dataHook}\n    label={label}\n    labelPlacement=\"right\"\n    labelSize=\"small\"\n    stretchContent={false}\n    infoContent={infoContent}\n  >\n    <ToggleSwitch\n      dataHook={`${dataHook}-toggle`}\n      size=\"medium\"\n      checked={checked}\n      disabled={disabled}\n      onChange={onChange}\n    />\n  </FormField>\n);\n\nexport const FieldValidationSettingsInput = ({\n  data,\n  onChange,\n  readOnly,\n  invalid,\n  dataHook = 'field-validation-settings',\n  rules,\n  disabledRules,\n  exclusiveSpecificValues = true,\n}: FieldValidationSettingsInputProps) => {\n  const isRuleDisabled = (rule: FieldValidationRule) =>\n    Boolean(readOnly) || Boolean(disabledRules?.includes(rule));\n  const supportedRules = rules.map(({ type }) => type);\n  const violations = getFieldValidationSettingsViolations(\n    data,\n    supportedRules,\n    {\n      exclusiveSpecificValues,\n    },\n  );\n  const supportsSpecificValues = rules.some(\n    ({ type }) => type === 'specificValues',\n  );\n  const supportsCharactersLimit = rules.some(\n    ({ type }) => type === 'charactersLimit',\n  );\n  const supportsPattern = rules.some(({ type }) => type === 'pattern');\n  const hasSpecificValues =\n    supportsSpecificValues && data.specificValues !== undefined;\n  const hasCharactersLimit =\n    supportsCharactersLimit && data.charactersLimit !== undefined;\n  const hasPattern = supportsPattern && data.pattern !== undefined;\n  // Other violations put an error on a control; `exclusiveRules` renders only as\n  // text under the rule, so it leaves `invalid` unattributed.\n  const hasUnattributedInvalidState =\n    Boolean(invalid) &&\n    violations.every(({ type }) => type === 'exclusiveRules');\n  const isBlockedByExclusivity = (rule: FieldValidationRule) => {\n    if (!exclusiveSpecificValues) {\n      return false;\n    }\n    switch (rule) {\n      case 'charactersLimit':\n        return hasSpecificValues && !hasCharactersLimit;\n      case 'pattern':\n        return hasSpecificValues && !hasPattern;\n      case 'specificValues':\n        return (hasCharactersLimit || hasPattern) && !hasSpecificValues;\n      default:\n        return false;\n    }\n  };\n  // Widening `isBlockedByExclusivity` to cover the both-on state instead would\n  // disable both toggles at once, leaving no way to switch either rule off.\n  const isInExclusiveConflict = (rule: FieldValidationRule) =>\n    violations.some(\n      (violation) =>\n        violation.rule === rule && violation.type === 'exclusiveRules',\n    );\n  const specificValuesExplanation = rules.find(\n    (rule): rule is SpecificValuesFieldValidationRuleConfig =>\n      rule.type === 'specificValues',\n  )?.exclusiveRulesExplanation;\n  // Callers written before the note moved under the blocked rule put a single\n  // explanation on `specificValues`. Show it once rather than dropping it —\n  // `specificValues` renders that same copy as its own, so both paths count.\n  let hasRenderedSharedExplanation = false;\n  const renderExclusiveRulesExplanation = (\n    rule: FieldValidationRule,\n    hook: string,\n    explanation?: string,\n  ) => {\n    if (!isBlockedByExclusivity(rule) && !isInExclusiveConflict(rule)) {\n      return null;\n    }\n\n    const text = explanation ?? specificValuesExplanation;\n\n    if (!text) {\n      return null;\n    }\n\n    if (text === specificValuesExplanation) {\n      if (hasRenderedSharedExplanation) {\n        return null;\n      }\n      hasRenderedSharedExplanation = true;\n    }\n\n    return (\n      <Text size=\"tiny\" secondary dataHook={`${hook}-exclusive-help`}>\n        {text}\n      </Text>\n    );\n  };\n\n  const update = (next: Partial<FieldValidationSettingsValue>) =>\n    onChange({ ...data, ...next });\n\n  const renderRequired = (rule: RequiredFieldValidationRuleConfig) => (\n    <RuleToggle\n      key=\"required\"\n      dataHook=\"field-validation-required\"\n      checked={Boolean(data.required)}\n      disabled={isRuleDisabled('required')}\n      label={rule.label}\n      infoContent={rule.tooltip}\n      onChange={() => update({ required: !data.required })}\n    />\n  );\n\n  const renderCharactersLimit = (\n    rule: CharactersLimitFieldValidationRuleConfig,\n  ) => {\n    const minViolation = violations.find(\n      (violation) =>\n        violation.rule === 'charactersLimit' &&\n        violation.type === 'outOfBounds' &&\n        violation.bound === 'min',\n    );\n    const maxOutOfBoundsViolation = violations.find(\n      (violation) =>\n        violation.rule === 'charactersLimit' &&\n        violation.type === 'outOfBounds' &&\n        violation.bound === 'max',\n    );\n    const maxBelowMinViolation = violations.find(\n      (violation) =>\n        violation.rule === 'charactersLimit' &&\n        violation.type === 'maxBelowMin',\n    );\n    const isInputDisabled =\n      isRuleDisabled('charactersLimit') ||\n      isInExclusiveConflict('charactersLimit');\n\n    return (\n      <Box key=\"charactersLimit\" direction=\"vertical\" gap=\"SP2\">\n        <RuleToggle\n          dataHook=\"field-validation-characters-limit\"\n          checked={hasCharactersLimit}\n          disabled={\n            isRuleDisabled('charactersLimit') ||\n            isBlockedByExclusivity('charactersLimit')\n          }\n          label={rule.label}\n          infoContent={rule.tooltip}\n          onChange={() =>\n            update({ charactersLimit: hasCharactersLimit ? undefined : {} })\n          }\n        />\n        {hasCharactersLimit && (\n          <Box verticalAlign=\"middle\" gap=\"SP2\">\n            <Box width=\"112px\">\n              <FormField stretchContent label={rule.minLabel}>\n                <NumberInput\n                  dataHook=\"field-validation-min-characters\"\n                  size=\"small\"\n                  value={data.charactersLimit?.min}\n                  disabled={isInputDisabled}\n                  status={\n                    hasUnattributedInvalidState || minViolation\n                      ? 'error'\n                      : undefined\n                  }\n                  statusMessage={\n                    minViolation?.type === 'outOfBounds'\n                      ? rule.outOfBoundsError(\n                          minViolation.min,\n                          minViolation.max,\n                        )\n                      : undefined\n                  }\n                  onChange={(value) =>\n                    update({\n                      charactersLimit: {\n                        ...data.charactersLimit,\n                        min: value ?? undefined,\n                      },\n                    })\n                  }\n                />\n              </FormField>\n            </Box>\n            <Text size=\"small\" secondary>\n              {rule.separator}\n            </Text>\n            <Box width=\"112px\">\n              <FormField stretchContent label={rule.maxLabel}>\n                <NumberInput\n                  dataHook=\"field-validation-max-characters\"\n                  size=\"small\"\n                  value={data.charactersLimit?.max}\n                  disabled={isInputDisabled}\n                  status={\n                    hasUnattributedInvalidState ||\n                    maxOutOfBoundsViolation ||\n                    maxBelowMinViolation\n                      ? 'error'\n                      : undefined\n                  }\n                  statusMessage={\n                    maxOutOfBoundsViolation?.type === 'outOfBounds'\n                      ? rule.outOfBoundsError(\n                          maxOutOfBoundsViolation.min,\n                          maxOutOfBoundsViolation.max,\n                        )\n                      : maxBelowMinViolation\n                      ? rule.maxBelowMinError\n                      : undefined\n                  }\n                  onChange={(value) =>\n                    update({\n                      charactersLimit: {\n                        ...data.charactersLimit,\n                        max: value ?? undefined,\n                      },\n                    })\n                  }\n                />\n              </FormField>\n            </Box>\n          </Box>\n        )}\n        {renderExclusiveRulesExplanation(\n          'charactersLimit',\n          'field-validation-characters-limit',\n          rule.exclusiveRulesExplanation,\n        )}\n      </Box>\n    );\n  };\n\n  const renderSpecificValues = (\n    rule: SpecificValuesFieldValidationRuleConfig,\n  ) => (\n    <Box key=\"specificValues\" direction=\"vertical\" gap=\"SP2\">\n      <RuleToggle\n        dataHook=\"field-validation-specific-values\"\n        checked={hasSpecificValues}\n        disabled={\n          isRuleDisabled('specificValues') ||\n          isBlockedByExclusivity('specificValues')\n        }\n        label={rule.label}\n        infoContent={rule.tooltip}\n        onChange={() =>\n          update({ specificValues: hasSpecificValues ? undefined : [] })\n        }\n      />\n      {hasSpecificValues && (\n        <Box direction=\"vertical\" gap=\"SP2\">\n          {data.specificValues?.map((option, index) => {\n            const optionViolation = violations.find(\n              (violation) =>\n                violation.rule === 'specificValues' &&\n                'optionId' in violation &&\n                violation.optionId === option.id,\n            );\n            return (\n              <Box key={option.id} verticalAlign=\"middle\" gap=\"SP1\">\n                <Box width=\"100%\">\n                  <Input\n                    dataHook={`field-validation-specific-value-${index}`}\n                    size=\"small\"\n                    value={option.value}\n                    disabled={isRuleDisabled('specificValues')}\n                    status={\n                      optionViolation || hasUnattributedInvalidState\n                        ? 'error'\n                        : undefined\n                    }\n                    statusMessage={\n                      optionViolation?.type === 'blank'\n                        ? rule.blankError\n                        : optionViolation?.type === 'duplicate'\n                        ? rule.duplicateError\n                        : undefined\n                    }\n                    onChange={(event) =>\n                      update({\n                        specificValues: data.specificValues?.map((item) =>\n                          item.id === option.id\n                            ? { ...item, value: event.target.value }\n                            : item,\n                        ),\n                      })\n                    }\n                  />\n                </Box>\n                <Tooltip content={rule.removeButton}>\n                  <IconButton\n                    dataHook={`field-validation-specific-value-remove-${index}`}\n                    size=\"tiny\"\n                    priority=\"secondary\"\n                    disabled={isRuleDisabled('specificValues')}\n                    ariaLabel={rule.removeButton}\n                    onClick={() =>\n                      update({\n                        specificValues: data.specificValues?.filter(\n                          ({ id }) => id !== option.id,\n                        ),\n                      })\n                    }\n                  >\n                    <DeleteSmall />\n                  </IconButton>\n                </Tooltip>\n              </Box>\n            );\n          })}\n          <Box>\n            <TextButton\n              dataHook=\"field-validation-specific-value-add\"\n              size=\"small\"\n              prefixIcon={<AddSmall />}\n              disabled={isRuleDisabled('specificValues')}\n              onClick={() =>\n                update({\n                  specificValues: [\n                    ...(data.specificValues ?? []),\n                    { id: uuid(), value: '' },\n                  ],\n                })\n              }\n            >\n              {rule.addButton}\n            </TextButton>\n          </Box>\n        </Box>\n      )}\n      {renderExclusiveRulesExplanation(\n        'specificValues',\n        'field-validation-specific-values',\n        rule.exclusiveRulesExplanation,\n      )}\n    </Box>\n  );\n\n  const renderPattern = (rule: PatternFieldValidationRuleConfig) => {\n    const patternViolation = violations.find(\n      (violation) =>\n        violation.rule === 'pattern' &&\n        (violation.type === 'invalidPattern' ||\n          violation.type === 'unsafePattern'),\n    );\n    const patternError =\n      patternViolation?.type === 'unsafePattern'\n        ? rule.unsafeError ?? rule.invalidError\n        : rule.invalidError;\n\n    return (\n      <Box key=\"pattern\" direction=\"vertical\" gap=\"SP2\">\n        <RuleToggle\n          dataHook=\"field-validation-pattern\"\n          checked={hasPattern}\n          disabled={\n            isRuleDisabled('pattern') || isBlockedByExclusivity('pattern')\n          }\n          label={rule.label}\n          infoContent={rule.tooltip}\n          onChange={() => update({ pattern: hasPattern ? undefined : '' })}\n        />\n        {hasPattern && (\n          <FormField stretchContent label={rule.inputLabel}>\n            <Input\n              dataHook=\"field-validation-pattern-input\"\n              size=\"small\"\n              value={data.pattern}\n              disabled={\n                isRuleDisabled('pattern') || isInExclusiveConflict('pattern')\n              }\n              status={\n                hasUnattributedInvalidState || patternViolation\n                  ? 'error'\n                  : undefined\n              }\n              statusMessage={patternViolation ? patternError : undefined}\n              onChange={(event) => update({ pattern: event.target.value })}\n            />\n          </FormField>\n        )}\n        {renderExclusiveRulesExplanation(\n          'pattern',\n          'field-validation-pattern',\n          rule.exclusiveRulesExplanation,\n        )}\n      </Box>\n    );\n  };\n\n  const renderRule = (rule: FieldValidationRuleConfig) => {\n    switch (rule.type) {\n      case 'required':\n        return renderRequired(rule);\n      case 'charactersLimit':\n        return renderCharactersLimit(rule);\n      case 'specificValues':\n        return renderSpecificValues(rule);\n      case 'pattern':\n        return renderPattern(rule);\n    }\n  };\n\n  return (\n    <Box dataHook={dataHook} direction=\"vertical\" gap=\"SP3\">\n      {rules.map(renderRule)}\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_uuid","_fieldValidationSettings","_jsxFileName","RuleToggle","dataHook","checked","disabled","label","infoContent","onChange","default","createElement","FormField","labelPlacement","labelSize","stretchContent","__self","__source","fileName","lineNumber","columnNumber","ToggleSwitch","size","FieldValidationSettingsInput","data","readOnly","invalid","rules","disabledRules","exclusiveSpecificValues","showValidationErrors","_rules$find","isRuleDisabled","rule","Boolean","includes","supportedRules","map","type","violations","getFieldValidationSettingsViolations","errorViolations","supportsSpecificValues","some","supportsCharactersLimit","supportsPattern","hasSpecificValues","specificValues","undefined","hasCharactersLimit","charactersLimit","hasPattern","pattern","hasUnattributedInvalidState","every","isBlockedByExclusivity","isInExclusiveConflict","violation","specificValuesExplanation","find","exclusiveRulesExplanation","hasRenderedSharedExplanation","renderExclusiveRulesExplanation","hook","explanation","text","Text","secondary","update","next","renderRequired","key","required","tooltip","renderCharactersLimit","_data$charactersLimit","_data$charactersLimit2","minViolation","bound","maxOutOfBoundsViolation","maxBelowMinViolation","isInputDisabled","Box","direction","gap","verticalAlign","width","minLabel","NumberInput","value","min","status","statusMessage","outOfBoundsError","max","separator","maxLabel","maxBelowMinError","renderSpecificValues","_data$specificValues","option","index","optionViolation","optionId","id","Input","blankError","duplicateError","event","_data$specificValues2","item","target","Tooltip","content","removeButton","IconButton","priority","ariaLabel","onClick","_data$specificValues3","filter","DeleteSmall","TextButton","prefixIcon","AddSmall","uuid","addButton","renderPattern","patternViolation","patternError","unsafeError","invalidError","inputLabel","renderRule","exports"],"sources":["../../../../src/components/field-validation-settings/field-validation-settings-input.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  FormField,\n  IconButton,\n  Input,\n  NumberInput,\n  Text,\n  TextButton,\n  ToggleSwitch,\n  Tooltip,\n} from '@wix/design-system';\nimport { AddSmall, DeleteSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { v4 as uuid } from 'uuid';\nimport type { ControlledInputProps } from '../../types/controlled-input';\nimport type {\n  CharactersLimitFieldValidationRuleConfig,\n  FieldValidationRule,\n  FieldValidationRuleConfig,\n  FieldValidationSettingsValue,\n  PatternFieldValidationRuleConfig,\n  RequiredFieldValidationRuleConfig,\n  SpecificValuesFieldValidationRuleConfig,\n} from '../../types/validation';\nimport { getFieldValidationSettingsViolations } from '../../validations/field-validation-settings';\n\nexport interface FieldValidationSettingsInputProps\n  extends Omit<\n    ControlledInputProps<FieldValidationSettingsValue>,\n    'autoFocus' | 'onBlur'\n  > {\n  rules: readonly FieldValidationRuleConfig[];\n  /** Show error styling/messages, including caller-supplied `invalid` state.\n   *  Defaults to true. Does not alter validity or rule availability. */\n  showValidationErrors?: boolean;\n  /** Rules the caller has fixed and the user can't toggle, independent of `readOnly`. */\n  disabledRules?: readonly FieldValidationRule[];\n  /** Whether `specificValues` rejects `charactersLimit`/`pattern` on the same\n   *  field. Pass `false` for callers that let a field carry both. */\n  exclusiveSpecificValues?: boolean;\n}\n\ninterface RuleToggleProps {\n  dataHook: string;\n  checked: boolean;\n  disabled?: boolean;\n  label: string;\n  infoContent: string;\n  onChange(): void;\n}\n\nconst RuleToggle = ({\n  dataHook,\n  checked,\n  disabled,\n  label,\n  infoContent,\n  onChange,\n}: RuleToggleProps) => (\n  <FormField\n    dataHook={dataHook}\n    label={label}\n    labelPlacement=\"right\"\n    labelSize=\"small\"\n    stretchContent={false}\n    infoContent={infoContent}\n  >\n    <ToggleSwitch\n      dataHook={`${dataHook}-toggle`}\n      size=\"medium\"\n      checked={checked}\n      disabled={disabled}\n      onChange={onChange}\n    />\n  </FormField>\n);\n\nexport const FieldValidationSettingsInput = ({\n  data,\n  onChange,\n  readOnly,\n  invalid,\n  dataHook = 'field-validation-settings',\n  rules,\n  disabledRules,\n  exclusiveSpecificValues = true,\n  showValidationErrors = true,\n}: FieldValidationSettingsInputProps) => {\n  const isRuleDisabled = (rule: FieldValidationRule) =>\n    Boolean(readOnly) || Boolean(disabledRules?.includes(rule));\n  const supportedRules = rules.map(({ type }) => type);\n  const violations = getFieldValidationSettingsViolations(\n    data,\n    supportedRules,\n    {\n      exclusiveSpecificValues,\n    },\n  );\n  const errorViolations = showValidationErrors ? violations : [];\n  const supportsSpecificValues = rules.some(\n    ({ type }) => type === 'specificValues',\n  );\n  const supportsCharactersLimit = rules.some(\n    ({ type }) => type === 'charactersLimit',\n  );\n  const supportsPattern = rules.some(({ type }) => type === 'pattern');\n  const hasSpecificValues =\n    supportsSpecificValues && data.specificValues !== undefined;\n  const hasCharactersLimit =\n    supportsCharactersLimit && data.charactersLimit !== undefined;\n  const hasPattern = supportsPattern && data.pattern !== undefined;\n  // Other violations put an error on a control; `exclusiveRules` renders only as\n  // text under the rule, so it leaves `invalid` unattributed.\n  const hasUnattributedInvalidState =\n    showValidationErrors &&\n    Boolean(invalid) &&\n    violations.every(({ type }) => type === 'exclusiveRules');\n  const isBlockedByExclusivity = (rule: FieldValidationRule) => {\n    if (!exclusiveSpecificValues) {\n      return false;\n    }\n    switch (rule) {\n      case 'charactersLimit':\n        return hasSpecificValues && !hasCharactersLimit;\n      case 'pattern':\n        return hasSpecificValues && !hasPattern;\n      case 'specificValues':\n        return (hasCharactersLimit || hasPattern) && !hasSpecificValues;\n      default:\n        return false;\n    }\n  };\n  // Widening `isBlockedByExclusivity` to cover the both-on state instead would\n  // disable both toggles at once, leaving no way to switch either rule off.\n  const isInExclusiveConflict = (rule: FieldValidationRule) =>\n    violations.some(\n      (violation) =>\n        violation.rule === rule && violation.type === 'exclusiveRules',\n    );\n  const specificValuesExplanation = rules.find(\n    (rule): rule is SpecificValuesFieldValidationRuleConfig =>\n      rule.type === 'specificValues',\n  )?.exclusiveRulesExplanation;\n  // Callers written before the note moved under the blocked rule put a single\n  // explanation on `specificValues`. Show it once rather than dropping it —\n  // `specificValues` renders that same copy as its own, so both paths count.\n  let hasRenderedSharedExplanation = false;\n  const renderExclusiveRulesExplanation = (\n    rule: FieldValidationRule,\n    hook: string,\n    explanation?: string,\n  ) => {\n    if (!isBlockedByExclusivity(rule) && !isInExclusiveConflict(rule)) {\n      return null;\n    }\n\n    const text = explanation ?? specificValuesExplanation;\n\n    if (!text) {\n      return null;\n    }\n\n    if (text === specificValuesExplanation) {\n      if (hasRenderedSharedExplanation) {\n        return null;\n      }\n      hasRenderedSharedExplanation = true;\n    }\n\n    return (\n      <Text size=\"tiny\" secondary dataHook={`${hook}-exclusive-help`}>\n        {text}\n      </Text>\n    );\n  };\n\n  const update = (next: Partial<FieldValidationSettingsValue>) =>\n    onChange({ ...data, ...next });\n\n  const renderRequired = (rule: RequiredFieldValidationRuleConfig) => (\n    <RuleToggle\n      key=\"required\"\n      dataHook=\"field-validation-required\"\n      checked={Boolean(data.required)}\n      disabled={isRuleDisabled('required')}\n      label={rule.label}\n      infoContent={rule.tooltip}\n      onChange={() => update({ required: !data.required })}\n    />\n  );\n\n  const renderCharactersLimit = (\n    rule: CharactersLimitFieldValidationRuleConfig,\n  ) => {\n    const minViolation = errorViolations.find(\n      (violation) =>\n        violation.rule === 'charactersLimit' &&\n        violation.type === 'outOfBounds' &&\n        violation.bound === 'min',\n    );\n    const maxOutOfBoundsViolation = errorViolations.find(\n      (violation) =>\n        violation.rule === 'charactersLimit' &&\n        violation.type === 'outOfBounds' &&\n        violation.bound === 'max',\n    );\n    const maxBelowMinViolation = errorViolations.find(\n      (violation) =>\n        violation.rule === 'charactersLimit' &&\n        violation.type === 'maxBelowMin',\n    );\n    const isInputDisabled =\n      isRuleDisabled('charactersLimit') ||\n      isInExclusiveConflict('charactersLimit');\n\n    return (\n      <Box key=\"charactersLimit\" direction=\"vertical\" gap=\"SP2\">\n        <RuleToggle\n          dataHook=\"field-validation-characters-limit\"\n          checked={hasCharactersLimit}\n          disabled={\n            isRuleDisabled('charactersLimit') ||\n            isBlockedByExclusivity('charactersLimit')\n          }\n          label={rule.label}\n          infoContent={rule.tooltip}\n          onChange={() =>\n            update({ charactersLimit: hasCharactersLimit ? undefined : {} })\n          }\n        />\n        {hasCharactersLimit && (\n          <Box verticalAlign=\"middle\" gap=\"SP2\">\n            <Box width=\"112px\">\n              <FormField stretchContent label={rule.minLabel}>\n                <NumberInput\n                  dataHook=\"field-validation-min-characters\"\n                  size=\"small\"\n                  value={data.charactersLimit?.min}\n                  disabled={isInputDisabled}\n                  status={\n                    hasUnattributedInvalidState || minViolation\n                      ? 'error'\n                      : undefined\n                  }\n                  statusMessage={\n                    minViolation?.type === 'outOfBounds'\n                      ? rule.outOfBoundsError(\n                          minViolation.min,\n                          minViolation.max,\n                        )\n                      : undefined\n                  }\n                  onChange={(value) =>\n                    update({\n                      charactersLimit: {\n                        ...data.charactersLimit,\n                        min: value ?? undefined,\n                      },\n                    })\n                  }\n                />\n              </FormField>\n            </Box>\n            <Text size=\"small\" secondary>\n              {rule.separator}\n            </Text>\n            <Box width=\"112px\">\n              <FormField stretchContent label={rule.maxLabel}>\n                <NumberInput\n                  dataHook=\"field-validation-max-characters\"\n                  size=\"small\"\n                  value={data.charactersLimit?.max}\n                  disabled={isInputDisabled}\n                  status={\n                    hasUnattributedInvalidState ||\n                    maxOutOfBoundsViolation ||\n                    maxBelowMinViolation\n                      ? 'error'\n                      : undefined\n                  }\n                  statusMessage={\n                    maxOutOfBoundsViolation?.type === 'outOfBounds'\n                      ? rule.outOfBoundsError(\n                          maxOutOfBoundsViolation.min,\n                          maxOutOfBoundsViolation.max,\n                        )\n                      : maxBelowMinViolation\n                      ? rule.maxBelowMinError\n                      : undefined\n                  }\n                  onChange={(value) =>\n                    update({\n                      charactersLimit: {\n                        ...data.charactersLimit,\n                        max: value ?? undefined,\n                      },\n                    })\n                  }\n                />\n              </FormField>\n            </Box>\n          </Box>\n        )}\n        {renderExclusiveRulesExplanation(\n          'charactersLimit',\n          'field-validation-characters-limit',\n          rule.exclusiveRulesExplanation,\n        )}\n      </Box>\n    );\n  };\n\n  const renderSpecificValues = (\n    rule: SpecificValuesFieldValidationRuleConfig,\n  ) => (\n    <Box key=\"specificValues\" direction=\"vertical\" gap=\"SP2\">\n      <RuleToggle\n        dataHook=\"field-validation-specific-values\"\n        checked={hasSpecificValues}\n        disabled={\n          isRuleDisabled('specificValues') ||\n          isBlockedByExclusivity('specificValues')\n        }\n        label={rule.label}\n        infoContent={rule.tooltip}\n        onChange={() =>\n          update({ specificValues: hasSpecificValues ? undefined : [] })\n        }\n      />\n      {hasSpecificValues && (\n        <Box direction=\"vertical\" gap=\"SP2\">\n          {data.specificValues?.map((option, index) => {\n            const optionViolation = errorViolations.find(\n              (violation) =>\n                violation.rule === 'specificValues' &&\n                'optionId' in violation &&\n                violation.optionId === option.id,\n            );\n            return (\n              <Box key={option.id} verticalAlign=\"middle\" gap=\"SP1\">\n                <Box width=\"100%\">\n                  <Input\n                    dataHook={`field-validation-specific-value-${index}`}\n                    size=\"small\"\n                    value={option.value}\n                    disabled={isRuleDisabled('specificValues')}\n                    status={\n                      optionViolation || hasUnattributedInvalidState\n                        ? 'error'\n                        : undefined\n                    }\n                    statusMessage={\n                      optionViolation?.type === 'blank'\n                        ? rule.blankError\n                        : optionViolation?.type === 'duplicate'\n                        ? rule.duplicateError\n                        : undefined\n                    }\n                    onChange={(event) =>\n                      update({\n                        specificValues: data.specificValues?.map((item) =>\n                          item.id === option.id\n                            ? { ...item, value: event.target.value }\n                            : item,\n                        ),\n                      })\n                    }\n                  />\n                </Box>\n                <Tooltip content={rule.removeButton}>\n                  <IconButton\n                    dataHook={`field-validation-specific-value-remove-${index}`}\n                    size=\"tiny\"\n                    priority=\"secondary\"\n                    disabled={isRuleDisabled('specificValues')}\n                    ariaLabel={rule.removeButton}\n                    onClick={() =>\n                      update({\n                        specificValues: data.specificValues?.filter(\n                          ({ id }) => id !== option.id,\n                        ),\n                      })\n                    }\n                  >\n                    <DeleteSmall />\n                  </IconButton>\n                </Tooltip>\n              </Box>\n            );\n          })}\n          <Box>\n            <TextButton\n              dataHook=\"field-validation-specific-value-add\"\n              size=\"small\"\n              prefixIcon={<AddSmall />}\n              disabled={isRuleDisabled('specificValues')}\n              onClick={() =>\n                update({\n                  specificValues: [\n                    ...(data.specificValues ?? []),\n                    { id: uuid(), value: '' },\n                  ],\n                })\n              }\n            >\n              {rule.addButton}\n            </TextButton>\n          </Box>\n        </Box>\n      )}\n      {renderExclusiveRulesExplanation(\n        'specificValues',\n        'field-validation-specific-values',\n        rule.exclusiveRulesExplanation,\n      )}\n    </Box>\n  );\n\n  const renderPattern = (rule: PatternFieldValidationRuleConfig) => {\n    const patternViolation = errorViolations.find(\n      (violation) =>\n        violation.rule === 'pattern' &&\n        (violation.type === 'invalidPattern' ||\n          violation.type === 'unsafePattern'),\n    );\n    const patternError =\n      patternViolation?.type === 'unsafePattern'\n        ? rule.unsafeError ?? rule.invalidError\n        : rule.invalidError;\n\n    return (\n      <Box key=\"pattern\" direction=\"vertical\" gap=\"SP2\">\n        <RuleToggle\n          dataHook=\"field-validation-pattern\"\n          checked={hasPattern}\n          disabled={\n            isRuleDisabled('pattern') || isBlockedByExclusivity('pattern')\n          }\n          label={rule.label}\n          infoContent={rule.tooltip}\n          onChange={() => update({ pattern: hasPattern ? undefined : '' })}\n        />\n        {hasPattern && (\n          <FormField stretchContent label={rule.inputLabel}>\n            <Input\n              dataHook=\"field-validation-pattern-input\"\n              size=\"small\"\n              value={data.pattern}\n              disabled={\n                isRuleDisabled('pattern') || isInExclusiveConflict('pattern')\n              }\n              status={\n                hasUnattributedInvalidState || patternViolation\n                  ? 'error'\n                  : undefined\n              }\n              statusMessage={patternViolation ? patternError : undefined}\n              onChange={(event) => update({ pattern: event.target.value })}\n            />\n          </FormField>\n        )}\n        {renderExclusiveRulesExplanation(\n          'pattern',\n          'field-validation-pattern',\n          rule.exclusiveRulesExplanation,\n        )}\n      </Box>\n    );\n  };\n\n  const renderRule = (rule: FieldValidationRuleConfig) => {\n    switch (rule.type) {\n      case 'required':\n        return renderRequired(rule);\n      case 'charactersLimit':\n        return renderCharactersLimit(rule);\n      case 'specificValues':\n        return renderSpecificValues(rule);\n      case 'pattern':\n        return renderPattern(rule);\n    }\n  };\n\n  return (\n    <Box dataHook={dataHook} direction=\"vertical\" gap=\"SP3\">\n      {rules.map(renderRule)}\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js

@@ -5,19 +5,19 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "highlightedtext4130375555";
+var _namespace_ = "highlightedtext1906676844";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "highlightedtext4130375555__root",
-  "substring": "highlightedtext4130375555__substring"
+  "root": "highlightedtext1906676844__root",
+  "substring": "highlightedtext1906676844__substring"
 };
 var keyframes = exports.keyframes = {
-  "highlighted": "highlightedtext4130375555__highlighted",
-  "highlighted-match": "highlightedtext4130375555__highlighted-match"
+  "highlighted": "highlightedtext1906676844__highlighted",
+  "highlighted-match": "highlightedtext1906676844__highlighted-match"
 };
 var layers = exports.layers = {};
 var containers = exports.containers = {};

package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/highlighted-text/highlighted-text.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"highlightedtext4130375555\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"highlightedtext4130375555__root\",\"substring\":\"highlightedtext4130375555__substring\"};\nexport var keyframes = {\"highlighted\":\"highlightedtext4130375555__highlighted\",\"highlighted-match\":\"highlightedtext4130375555__highlighted-match\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-yellow-200\":\"--wds-color-yellow-200\",\"wds-color-yellow-400\":\"--wds-color-yellow-400\",\"wsr-color-Y20\":\"--wsr-color-Y20\",\"wsr-color-Y40\":\"--wsr-color-Y40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,iCAAiC;EAAC,WAAW,EAAC;AAAsC,CAAC;AAC3G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,aAAa,EAAC,wCAAwC;EAAC,mBAAmB,EAAC;AAA8C,CAAC;AAC3I,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/highlighted-text/highlighted-text.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"highlightedtext1906676844\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"highlightedtext1906676844__root\",\"substring\":\"highlightedtext1906676844__substring\"};\nexport var keyframes = {\"highlighted\":\"highlightedtext1906676844__highlighted\",\"highlighted-match\":\"highlightedtext1906676844__highlighted-match\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-yellow-200\":\"--wds-color-yellow-200\",\"wds-color-yellow-400\":\"--wds-color-yellow-400\",\"wsr-color-Y20\":\"--wsr-color-Y20\",\"wsr-color-Y40\":\"--wsr-color-Y40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,iCAAiC;EAAC,WAAW,EAAC;AAAsC,CAAC;AAC3G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,aAAa,EAAC,wCAAwC;EAAC,mBAAmB,EAAC;AAA8C,CAAC;AAC3I,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/image/image-view-field.js

@@ -13,14 +13,13 @@ const ImageViewField = ({
   displayName,
   id
 }) => {
-  const imageValue = typeof value === 'string' ? value : undefined;
-  const imageUrl = (0, _getImageUrl.getImageUrl)(imageValue);
+  const imageUrl = (0, _getImageUrl.getImageUrl)(value);
   if (!imageUrl) {
     return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 25,
+        lineNumber: 24,
         columnNumber: 12
       }
     }, "-");
@@ -34,7 +33,7 @@ const ImageViewField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 29,
+      lineNumber: 28,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("img", {
@@ -49,7 +48,7 @@ const ImageViewField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 36,
+      lineNumber: 35,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/image/image-view-field.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_getImageUrl","_mediaConstants","_jsxFileName","ImageViewField","value","displayName","id","imageValue","undefined","imageUrl","getImageUrl","default","createElement","Text","__self","__source","fileName","lineNumber","columnNumber","Box","height","MEDIA_HEIGHT","width","maxWidth","MEDIA_MAX_WIDTH","borderRadius","MEDIA_BORDER_RADIUS","overflow","src","alt","style","objectFit","display","exports"],"sources":["../../../../src/components/image/image-view-field.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport { getImageUrl } from '../../utils/get-image-url';\nimport {\n  MEDIA_HEIGHT,\n  MEDIA_MAX_WIDTH,\n  MEDIA_BORDER_RADIUS,\n} from '../../utils/media-constants';\n\nexport interface ImageViewFieldProps {\n  value: unknown;\n  displayName: string;\n  id: string;\n}\n\nexport const ImageViewField: React.FC<ImageViewFieldProps> = ({\n  value,\n  displayName,\n  id,\n}) => {\n  const imageValue = typeof value === 'string' ? value : undefined;\n  const imageUrl = getImageUrl(imageValue);\n\n  if (!imageUrl) {\n    return <Text>-</Text>;\n  }\n\n  return (\n    <Box\n      height={MEDIA_HEIGHT}\n      width=\"100%\"\n      maxWidth={MEDIA_MAX_WIDTH}\n      borderRadius={MEDIA_BORDER_RADIUS}\n      overflow=\"hidden\"\n    >\n      <img\n        src={imageUrl}\n        alt={displayName || id}\n        style={{\n          height: '100%',\n          width: '100%',\n          objectFit: 'cover',\n          display: 'block',\n        }}\n      />\n    </Box>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAIqC,IAAAI,YAAA;AAQ9B,MAAMC,cAA6C,GAAGA,CAAC;EAC5DC,KAAK;EACLC,WAAW;EACXC;AACF,CAAC,KAAK;EACJ,MAAMC,UAAU,GAAG,OAAOH,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGI,SAAS;EAChE,MAAMC,QAAQ,GAAG,IAAAC,wBAAW,EAACH,UAAU,CAAC;EAExC,IAAI,CAACE,QAAQ,EAAE;IACb,oBAAOb,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,IAAI;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAd,YAAA;QAAAe,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAC,GAAO,CAAC;EACvB;EAEA,oBACEtB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAoB,GAAG;IACFC,MAAM,EAAEC,4BAAa;IACrBC,KAAK,EAAC,MAAM;IACZC,QAAQ,EAAEC,+BAAgB;IAC1BC,YAAY,EAAEC,mCAAoB;IAClCC,QAAQ,EAAC,QAAQ;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEjBtB,MAAA,CAAAe,OAAA,CAAAC,aAAA;IACEgB,GAAG,EAAEnB,QAAS;IACdoB,GAAG,EAAExB,WAAW,IAAIC,EAAG;IACvBwB,KAAK,EAAE;MACLV,MAAM,EAAE,MAAM;MACdE,KAAK,EAAE,MAAM;MACbS,SAAS,EAAE,OAAO;MAClBC,OAAO,EAAE;IACX,CAAE;IAAAlB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CACE,CAAC;AAEV,CAAC;AAACe,OAAA,CAAA9B,cAAA,GAAAA,cAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_getImageUrl","_mediaConstants","_jsxFileName","ImageViewField","value","displayName","id","imageUrl","getImageUrl","default","createElement","Text","__self","__source","fileName","lineNumber","columnNumber","Box","height","MEDIA_HEIGHT","width","maxWidth","MEDIA_MAX_WIDTH","borderRadius","MEDIA_BORDER_RADIUS","overflow","src","alt","style","objectFit","display","exports"],"sources":["../../../../src/components/image/image-view-field.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport { getImageUrl } from '../../utils/get-image-url';\nimport {\n  MEDIA_HEIGHT,\n  MEDIA_MAX_WIDTH,\n  MEDIA_BORDER_RADIUS,\n} from '../../utils/media-constants';\n\nexport interface ImageViewFieldProps {\n  value: unknown;\n  displayName: string;\n  id: string;\n}\n\nexport const ImageViewField: React.FC<ImageViewFieldProps> = ({\n  value,\n  displayName,\n  id,\n}) => {\n  const imageUrl = getImageUrl(value);\n\n  if (!imageUrl) {\n    return <Text>-</Text>;\n  }\n\n  return (\n    <Box\n      height={MEDIA_HEIGHT}\n      width=\"100%\"\n      maxWidth={MEDIA_MAX_WIDTH}\n      borderRadius={MEDIA_BORDER_RADIUS}\n      overflow=\"hidden\"\n    >\n      <img\n        src={imageUrl}\n        alt={displayName || id}\n        style={{\n          height: '100%',\n          width: '100%',\n          objectFit: 'cover',\n          display: 'block',\n        }}\n      />\n    </Box>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAIqC,IAAAI,YAAA;AAQ9B,MAAMC,cAA6C,GAAGA,CAAC;EAC5DC,KAAK;EACLC,WAAW;EACXC;AACF,CAAC,KAAK;EACJ,MAAMC,QAAQ,GAAG,IAAAC,wBAAW,EAACJ,KAAK,CAAC;EAEnC,IAAI,CAACG,QAAQ,EAAE;IACb,oBAAOX,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAY,IAAI;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAZ,YAAA;QAAAa,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAC,GAAO,CAAC;EACvB;EAEA,oBACEpB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAkB,GAAG;IACFC,MAAM,EAAEC,4BAAa;IACrBC,KAAK,EAAC,MAAM;IACZC,QAAQ,EAAEC,+BAAgB;IAC1BC,YAAY,EAAEC,mCAAoB;IAClCC,QAAQ,EAAC,QAAQ;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEjBpB,MAAA,CAAAa,OAAA,CAAAC,aAAA;IACEgB,GAAG,EAAEnB,QAAS;IACdoB,GAAG,EAAEtB,WAAW,IAAIC,EAAG;IACvBsB,KAAK,EAAE;MACLV,MAAM,EAAE,MAAM;MACdE,KAAK,EAAE,MAAM;MACbS,SAAS,EAAE,OAAO;MAClBC,OAAO,EAAE;IACX,CAAE;IAAAlB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CACE,CAAC;AAEV,CAAC;AAACe,OAAA,CAAA5B,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/cjs/components/image/thumbnail-replace-overlay.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "thumbnailreplaceoverlay2513664673";
+var _namespace_ = "thumbnailreplaceoverlay4042840567";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "thumbnailreplaceoverlay2513664673__root",
-  "icon": "thumbnailreplaceoverlay2513664673__icon"
+  "root": "thumbnailreplaceoverlay4042840567__root",
+  "icon": "thumbnailreplaceoverlay4042840567__icon"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/image/thumbnail-replace-overlay.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/image/thumbnail-replace-overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"thumbnailreplaceoverlay2513664673\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"thumbnailreplaceoverlay2513664673__root\",\"icon\":\"thumbnailreplaceoverlay2513664673__icon\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mCAAmC;AACrD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,yCAAyC;EAAC,MAAM,EAAC;AAAyC,CAAC;AACjH,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/image/thumbnail-replace-overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"thumbnailreplaceoverlay4042840567\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"thumbnailreplaceoverlay4042840567__root\",\"icon\":\"thumbnailreplaceoverlay4042840567__icon\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mCAAmC;AACrD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,yCAAyC;EAAC,MAAM,EAAC;AAAyC,CAAC;AACjH,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/media-control/cell-media-edit-shell.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "cellmediaeditshell1240400821";
+var _namespace_ = "cellmediaeditshell191879383";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "cellmediaeditshell1240400821__root"
+  "root": "cellmediaeditshell191879383__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};