@wix/patterns-fields 1.99.0 → 1.101.0

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

@@ -72,7 +72,11 @@ const FieldValidationSettingsInput = ({
   const hasSpecificValues = supportsSpecificValues && data.specificValues !== undefined;
   const hasCharactersLimit = supportsCharactersLimit && data.charactersLimit !== undefined;
   const hasPattern = supportsPattern && data.pattern !== undefined;
-  const hasUnattributedInvalidState = Boolean(invalid) && violations.length === 0;
+  // 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(({
+    type
+  }) => type === 'exclusiveRules');
   const isBlockedByExclusivity = rule => {
     if (!exclusiveSpecificValues) {
       return false;
@@ -88,20 +92,26 @@ const FieldValidationSettingsInput = ({
         return false;
     }
   };
+  // Widening `isBlockedByExclusivity` to cover the both-on state instead would
+  // disable both toggles at once, leaving no way to switch either rule off.
+  const isInExclusiveConflict = rule => violations.some(violation => violation.rule === rule && violation.type === 'exclusiveRules');
   const specificValuesExplanation = (_rules$find = rules.find(rule => rule.type === 'specificValues')) == null ? void 0 : _rules$find.exclusiveRulesExplanation;
   // Callers written before the note moved under the blocked rule put a single
-  // explanation on `specificValues`. Show it once rather than dropping it.
+  // explanation on `specificValues`. Show it once rather than dropping it —
+  // `specificValues` renders that same copy as its own, so both paths count.
   let hasRenderedSharedExplanation = false;
   const renderExclusiveRulesExplanation = (rule, hook, explanation) => {
-    if (!isBlockedByExclusivity(rule)) {
+    if (!isBlockedByExclusivity(rule) && !isInExclusiveConflict(rule)) {
       return null;
     }
-    let text = explanation;
+    const text = explanation ?? specificValuesExplanation;
     if (!text) {
-      if (hasRenderedSharedExplanation || !specificValuesExplanation) {
+      return null;
+    }
+    if (text === specificValuesExplanation) {
+      if (hasRenderedSharedExplanation) {
         return null;
       }
-      text = specificValuesExplanation;
       hasRenderedSharedExplanation = true;
     }
     return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -111,7 +121,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 151,
+        lineNumber: 165,
         columnNumber: 7
       }
     }, text);
@@ -133,7 +143,7 @@ const FieldValidationSettingsInput = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 161,
+      lineNumber: 175,
       columnNumber: 5
     }
   });
@@ -142,6 +152,7 @@ const FieldValidationSettingsInput = ({
     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 isInputDisabled = isRuleDisabled('charactersLimit') || isInExclusiveConflict('charactersLimit');
     return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
       key: "charactersLimit",
       direction: "vertical",
@@ -149,7 +160,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 194,
+        lineNumber: 211,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(RuleToggle, {
@@ -164,7 +175,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 195,
+        lineNumber: 212,
         columnNumber: 9
       }
     }), hasCharactersLimit && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -173,7 +184,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 209,
+        lineNumber: 226,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -181,7 +192,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 210,
+        lineNumber: 227,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -190,14 +201,14 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 211,
+        lineNumber: 228,
         columnNumber: 15
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.NumberInput, {
       dataHook: "field-validation-min-characters",
       size: "small",
       value: (_data$charactersLimit = data.charactersLimit) == null ? void 0 : _data$charactersLimit.min,
-      disabled: isRuleDisabled('charactersLimit'),
+      disabled: isInputDisabled,
       status: hasUnattributedInvalidState || minViolation ? 'error' : undefined,
       statusMessage: (minViolation == null ? void 0 : minViolation.type) === 'outOfBounds' ? rule.outOfBoundsError(minViolation.min, minViolation.max) : undefined,
       onChange: value => update({
@@ -209,7 +220,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 212,
+        lineNumber: 229,
         columnNumber: 17
       }
     }))), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -218,7 +229,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 241,
+        lineNumber: 258,
         columnNumber: 13
       }
     }, rule.separator), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -226,7 +237,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 244,
+        lineNumber: 261,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -235,14 +246,14 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 245,
+        lineNumber: 262,
         columnNumber: 15
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.NumberInput, {
       dataHook: "field-validation-max-characters",
       size: "small",
       value: (_data$charactersLimit2 = data.charactersLimit) == null ? void 0 : _data$charactersLimit2.max,
-      disabled: isRuleDisabled('charactersLimit'),
+      disabled: isInputDisabled,
       status: hasUnattributedInvalidState || maxOutOfBoundsViolation || maxBelowMinViolation ? 'error' : undefined,
       statusMessage: (maxOutOfBoundsViolation == null ? void 0 : maxOutOfBoundsViolation.type) === 'outOfBounds' ? rule.outOfBoundsError(maxOutOfBoundsViolation.min, maxOutOfBoundsViolation.max) : maxBelowMinViolation ? rule.maxBelowMinError : undefined,
       onChange: value => update({
@@ -254,7 +265,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 246,
+        lineNumber: 263,
         columnNumber: 17
       }
     })))), renderExclusiveRulesExplanation('charactersLimit', 'field-validation-characters-limit', rule.exclusiveRulesExplanation));
@@ -268,7 +279,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 293,
+        lineNumber: 310,
         columnNumber: 5
       }
     }, /*#__PURE__*/_react.default.createElement(RuleToggle, {
@@ -283,7 +294,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 294,
+        lineNumber: 311,
         columnNumber: 7
       }
     }), hasSpecificValues && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -292,7 +303,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 308,
+        lineNumber: 325,
         columnNumber: 9
       }
     }, (_data$specificValues = data.specificValues) == null ? void 0 : _data$specificValues.map((option, index) => {
@@ -304,7 +315,7 @@ const FieldValidationSettingsInput = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 317,
+          lineNumber: 334,
           columnNumber: 15
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -312,7 +323,7 @@ const FieldValidationSettingsInput = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 318,
+          lineNumber: 335,
           columnNumber: 17
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
@@ -334,7 +345,7 @@ const FieldValidationSettingsInput = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 319,
+          lineNumber: 336,
           columnNumber: 19
         }
       })), /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -342,7 +353,7 @@ const FieldValidationSettingsInput = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 347,
+          lineNumber: 364,
           columnNumber: 17
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
@@ -362,14 +373,14 @@ const FieldValidationSettingsInput = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 348,
+          lineNumber: 365,
           columnNumber: 19
         }
       }, /*#__PURE__*/_react.default.createElement(_lazy.DeleteSmall, {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 362,
+          lineNumber: 379,
           columnNumber: 21
         }
       }))));
@@ -377,7 +388,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 368,
+        lineNumber: 385,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -387,7 +398,7 @@ const FieldValidationSettingsInput = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 372,
+          lineNumber: 389,
           columnNumber: 27
         }
       }),
@@ -401,7 +412,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 369,
+        lineNumber: 386,
         columnNumber: 13
       }
     }, rule.addButton))), renderExclusiveRulesExplanation('specificValues', 'field-validation-specific-values', rule.exclusiveRulesExplanation));
@@ -416,7 +427,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 409,
+        lineNumber: 426,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(RuleToggle, {
@@ -431,7 +442,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 410,
+        lineNumber: 427,
         columnNumber: 9
       }
     }), hasPattern && /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
@@ -440,14 +451,14 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 421,
+        lineNumber: 438,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
       dataHook: "field-validation-pattern-input",
       size: "small",
       value: data.pattern,
-      disabled: isRuleDisabled('pattern'),
+      disabled: isRuleDisabled('pattern') || isInExclusiveConflict('pattern'),
       status: hasUnattributedInvalidState || patternViolation ? 'error' : undefined,
       statusMessage: patternViolation ? patternError : undefined,
       onChange: event => update({
@@ -456,7 +467,7 @@ const FieldValidationSettingsInput = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 422,
+        lineNumber: 439,
         columnNumber: 13
       }
     })), renderExclusiveRulesExplanation('pattern', 'field-validation-pattern', rule.exclusiveRulesExplanation));
@@ -480,7 +491,7 @@ const FieldValidationSettingsInput = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 460,
+      lineNumber: 479,
       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","length","isBlockedByExclusivity","specificValuesExplanation","find","exclusiveRulesExplanation","hasRenderedSharedExplanation","renderExclusiveRulesExplanation","hook","explanation","text","Text","secondary","update","next","renderRequired","key","required","tooltip","renderCharactersLimit","_data$charactersLimit","_data$charactersLimit2","minViolation","violation","bound","maxOutOfBoundsViolation","maxBelowMinViolation","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  const hasUnattributedInvalidState =\n    Boolean(invalid) && violations.length === 0;\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  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  let hasRenderedSharedExplanation = false;\n  const renderExclusiveRulesExplanation = (\n    rule: FieldValidationRule,\n    hook: string,\n    explanation?: string,\n  ) => {\n    if (!isBlockedByExclusivity(rule)) {\n      return null;\n    }\n\n    let text = explanation;\n\n    if (!text) {\n      if (hasRenderedSharedExplanation || !specificValuesExplanation) {\n        return null;\n      }\n      text = specificValuesExplanation;\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\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={isRuleDisabled('charactersLimit')}\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={isRuleDisabled('charactersLimit')}\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={isRuleDisabled('pattern')}\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","_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":[]}

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_ = "highlightedtext2205306294";
+var _namespace_ = "highlightedtext2588072035";
 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": "highlightedtext2205306294__root",
-  "substring": "highlightedtext2205306294__substring"
+  "root": "highlightedtext2588072035__root",
+  "substring": "highlightedtext2588072035__substring"
 };
 var keyframes = exports.keyframes = {
-  "highlighted": "highlightedtext2205306294__highlighted",
-  "highlighted-match": "highlightedtext2205306294__highlighted-match"
+  "highlighted": "highlightedtext2588072035__highlighted",
+  "highlighted-match": "highlightedtext2588072035__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_ = \"highlightedtext2205306294\";\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\":\"highlightedtext2205306294__root\",\"substring\":\"highlightedtext2205306294__substring\"};\nexport var keyframes = {\"highlighted\":\"highlightedtext2205306294__highlighted\",\"highlighted-match\":\"highlightedtext2205306294__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_ = \"highlightedtext2588072035\";\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\":\"highlightedtext2588072035__root\",\"substring\":\"highlightedtext2588072035__substring\"};\nexport var keyframes = {\"highlighted\":\"highlightedtext2588072035__highlighted\",\"highlighted-match\":\"highlightedtext2588072035__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/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_ = "thumbnailreplaceoverlay3810574377";
+var _namespace_ = "thumbnailreplaceoverlay1480506235";
 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": "thumbnailreplaceoverlay3810574377__root",
-  "icon": "thumbnailreplaceoverlay3810574377__icon"
+  "root": "thumbnailreplaceoverlay1480506235__root",
+  "icon": "thumbnailreplaceoverlay1480506235__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_ = \"thumbnailreplaceoverlay3810574377\";\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\":\"thumbnailreplaceoverlay3810574377__root\",\"icon\":\"thumbnailreplaceoverlay3810574377__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_ = \"thumbnailreplaceoverlay1480506235\";\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\":\"thumbnailreplaceoverlay1480506235__root\",\"icon\":\"thumbnailreplaceoverlay1480506235__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_ = "cellmediaeditshell1576869378";
+var _namespace_ = "cellmediaeditshell1606152891";
 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": "cellmediaeditshell1576869378__root"
+  "root": "cellmediaeditshell1606152891__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-control/cell-media-edit-shell.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/media-control/cell-media-edit-shell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmediaeditshell1576869378\";\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\":\"cellmediaeditshell1576869378__root\"};\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,8BAA8B;AAChD,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;AAAoC,CAAC;AAC3D,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/media-control/cell-media-edit-shell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmediaeditshell1606152891\";\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\":\"cellmediaeditshell1606152891__root\"};\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,8BAA8B;AAChD,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;AAAoC,CAAC;AAC3D,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/paste-url-button.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "pasteurlbutton2410213275";
+var _namespace_ = "pasteurlbutton2049315314";
 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": "pasteurlbutton2410213275__root",
-  "iconButtonTooltip": "pasteurlbutton2410213275__iconButtonTooltip",
-  "iconButton": "pasteurlbutton2410213275__iconButton"
+  "root": "pasteurlbutton2049315314__root",
+  "iconButtonTooltip": "pasteurlbutton2049315314__iconButtonTooltip",
+  "iconButton": "pasteurlbutton2049315314__iconButton"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-control/paste-url-button.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/media-control/paste-url-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"pasteurlbutton2410213275\";\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\":\"pasteurlbutton2410213275__root\",\"iconButtonTooltip\":\"pasteurlbutton2410213275__iconButtonTooltip\",\"iconButton\":\"pasteurlbutton2410213275__iconButton\"};\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,0BAA0B;AAC5C,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,gCAAgC;EAAC,mBAAmB,EAAC,6CAA6C;EAAC,YAAY,EAAC;AAAsC,CAAC;AAC7K,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/media-control/paste-url-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"pasteurlbutton2049315314\";\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\":\"pasteurlbutton2049315314__root\",\"iconButtonTooltip\":\"pasteurlbutton2049315314__iconButtonTooltip\",\"iconButton\":\"pasteurlbutton2049315314__iconButton\"};\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,0BAA0B;AAC5C,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,gCAAgC;EAAC,mBAAmB,EAAC,6CAA6C;EAAC,YAAY,EAAC;AAAsC,CAAC;AAC7K,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":[]}