@wix/patterns-fields 1.66.0 → 1.68.0

package/dist/cjs/auto-field-types/validations.js

@@ -2,7 +2,7 @@
 
 exports.__esModule = true;
 exports.isDataValid = void 0;
-var _ricos = require("@wix/ricos");
+var _patternsFieldsBundledRicos = require("@wix/patterns-fields-utils/@wix/patterns-fields-bundled-ricos");
 var _utils = require("./utils");
 const richContentModule = {
   isValid: data => {
@@ -10,21 +10,14 @@ const richContentModule = {
       return false;
     }
     try {
-      (0, _ricos.toPlainTextSync)(_ricos.RichContent.fromJSON(data));
+      (0, _patternsFieldsBundledRicos.toPlainTextSync)(_patternsFieldsBundledRicos.RichContent.fromJSON(data));
       return true;
     } catch {
       return false;
     }
-  },
-  isStrictValid: data => {
-    try {
-      const validationResult = (0, _ricos.validateRicosDocument)(data);
-      return validationResult.type === 'ok';
-    } catch {
-      return false;
-    }
   }
 };
+let warnedAboutStrict = false;
 const getModule = type => {
   switch (type) {
     case 'rich-content':
@@ -36,10 +29,13 @@ const getModule = type => {
 const isDataValid = (data, type, {
   strict
 } = {}) => {
-  const module = getModule(type);
-  if (strict && module != null && module.isStrictValid) {
-    return module.isStrictValid(data);
+  if (strict && !warnedAboutStrict && process.env.NODE_ENV !== 'production') {
+    warnedAboutStrict = true;
+    // Warn rather than weaken silently: callers asked for strict validation and
+    // are getting the shape check instead.
+    console.warn('[patterns-fields] isDataValid({ strict: true }) no longer performs schema ' + 'validation — it falls back to a shape check. Use ' + "richContentValidation.isStrictValidAsync from '@wix/patterns-fields/validations'.");
   }
+  const module = getModule(type);
   return module != null && module.isValid ? module.isValid(data) : true;
 };
 exports.isDataValid = isDataValid;

package/dist/cjs/auto-field-types/validations.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ricos","require","_utils","richContentModule","isValid","data","isRicosLikeObject","toPlainTextSync","RichContent","fromJSON","isStrictValid","validationResult","validateRicosDocument","type","getModule","isDataValid","strict","module","exports"],"sources":["../../../src/auto-field-types/validations.ts"],"sourcesContent":["import { validateRicosDocument, RichContent, toPlainTextSync } from '@wix/ricos';\n\nimport { isRicosLikeObject } from './utils';\n\ninterface ValidationOptions {\n  strict?: boolean;\n}\n\nconst richContentModule = {\n  isValid: (data: unknown): data is RichContent => {\n    if (!isRicosLikeObject(data)) {\n      return false;\n    }\n    try {\n      toPlainTextSync(RichContent.fromJSON(data));\n      return true;\n    } catch {\n      return false;\n    }\n  },\n  isStrictValid: (data: unknown): data is RichContent => {\n    try {\n      const validationResult = validateRicosDocument(data);\n      return validationResult.type === 'ok';\n    } catch {\n      return false;\n    }\n  },\n};\n\ntype TypeModule = {\n  isValid?: (data: unknown) => boolean;\n  isStrictValid?: (data: unknown) => boolean;\n};\n\nconst getModule = (type: string): TypeModule | null => {\n  switch (type) {\n    case 'rich-content':\n      return richContentModule;\n    default:\n      return null;\n  }\n};\n\nexport const isDataValid = (\n  data: unknown,\n  type: string,\n  { strict }: ValidationOptions = {},\n): boolean => {\n  const module = getModule(type);\n  if (strict && module?.isStrictValid) {\n    return module.isStrictValid(data);\n  }\n  return module?.isValid ? module.isValid(data) : true;\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAMA,MAAME,iBAAiB,GAAG;EACxBC,OAAO,EAAGC,IAAa,IAA0B;IAC/C,IAAI,CAAC,IAAAC,wBAAiB,EAACD,IAAI,CAAC,EAAE;MAC5B,OAAO,KAAK;IACd;IACA,IAAI;MACF,IAAAE,sBAAe,EAACC,kBAAW,CAACC,QAAQ,CAACJ,IAAI,CAAC,CAAC;MAC3C,OAAO,IAAI;IACb,CAAC,CAAC,MAAM;MACN,OAAO,KAAK;IACd;EACF,CAAC;EACDK,aAAa,EAAGL,IAAa,IAA0B;IACrD,IAAI;MACF,MAAMM,gBAAgB,GAAG,IAAAC,4BAAqB,EAACP,IAAI,CAAC;MACpD,OAAOM,gBAAgB,CAACE,IAAI,KAAK,IAAI;IACvC,CAAC,CAAC,MAAM;MACN,OAAO,KAAK;IACd;EACF;AACF,CAAC;AAOD,MAAMC,SAAS,GAAID,IAAY,IAAwB;EACrD,QAAQA,IAAI;IACV,KAAK,cAAc;MACjB,OAAOV,iBAAiB;IAC1B;MACE,OAAO,IAAI;EACf;AACF,CAAC;AAEM,MAAMY,WAAW,GAAGA,CACzBV,IAAa,EACbQ,IAAY,EACZ;EAAEG;AAA0B,CAAC,GAAG,CAAC,CAAC,KACtB;EACZ,MAAMC,MAAM,GAAGH,SAAS,CAACD,IAAI,CAAC;EAC9B,IAAIG,MAAM,IAAIC,MAAM,YAANA,MAAM,CAAEP,aAAa,EAAE;IACnC,OAAOO,MAAM,CAACP,aAAa,CAACL,IAAI,CAAC;EACnC;EACA,OAAOY,MAAM,YAANA,MAAM,CAAEb,OAAO,GAAGa,MAAM,CAACb,OAAO,CAACC,IAAI,CAAC,GAAG,IAAI;AACtD,CAAC;AAACa,OAAA,CAAAH,WAAA,GAAAA,WAAA","ignoreList":[]}
+{"version":3,"names":["_patternsFieldsBundledRicos","require","_utils","richContentModule","isValid","data","isRicosLikeObject","toPlainTextSync","RichContent","fromJSON","warnedAboutStrict","getModule","type","isDataValid","strict","process","env","NODE_ENV","console","warn","module","exports"],"sources":["../../../src/auto-field-types/validations.ts"],"sourcesContent":["import {\n  RichContent,\n  toPlainTextSync,\n} from '@wix/patterns-fields-utils/@wix/patterns-fields-bundled-ricos';\n\nimport { isRicosLikeObject } from './utils';\n\ninterface ValidationOptions {\n  /**\n   * @deprecated Strict validation is asynchronous now — use\n   * `richContentValidation.isStrictValidAsync` from `@wix/patterns-fields/validations`.\n   *\n   * `validateRicosDocument` is exposed only on `@wix/ricos`'s root barrel, and\n   * reaching it synchronously pulled ricos's entire editor graph into every\n   * consumer's build. Passing `strict` now falls back to the shape check below.\n   */\n  strict?: boolean;\n}\n\nconst richContentModule = {\n  isValid: (data: unknown): data is RichContent => {\n    if (!isRicosLikeObject(data)) {\n      return false;\n    }\n    try {\n      toPlainTextSync(RichContent.fromJSON(data));\n      return true;\n    } catch {\n      return false;\n    }\n  },\n};\n\ntype TypeModule = {\n  isValid?: (data: unknown) => boolean;\n};\n\nlet warnedAboutStrict = false;\n\nconst getModule = (type: string): TypeModule | null => {\n  switch (type) {\n    case 'rich-content':\n      return richContentModule;\n    default:\n      return null;\n  }\n};\n\nexport const isDataValid = (\n  data: unknown,\n  type: string,\n  { strict }: ValidationOptions = {},\n): boolean => {\n  if (strict && !warnedAboutStrict && process.env.NODE_ENV !== 'production') {\n    warnedAboutStrict = true;\n    // Warn rather than weaken silently: callers asked for strict validation and\n    // are getting the shape check instead.\n    console.warn(\n      '[patterns-fields] isDataValid({ strict: true }) no longer performs schema ' +\n        'validation — it falls back to a shape check. Use ' +\n        \"richContentValidation.isStrictValidAsync from '@wix/patterns-fields/validations'.\",\n    );\n  }\n\n  const module = getModule(type);\n  return module?.isValid ? module.isValid(data) : true;\n};\n"],"mappings":";;;;AAAA,IAAAA,2BAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AAcA,MAAME,iBAAiB,GAAG;EACxBC,OAAO,EAAGC,IAAa,IAA0B;IAC/C,IAAI,CAAC,IAAAC,wBAAiB,EAACD,IAAI,CAAC,EAAE;MAC5B,OAAO,KAAK;IACd;IACA,IAAI;MACF,IAAAE,2CAAe,EAACC,uCAAW,CAACC,QAAQ,CAACJ,IAAI,CAAC,CAAC;MAC3C,OAAO,IAAI;IACb,CAAC,CAAC,MAAM;MACN,OAAO,KAAK;IACd;EACF;AACF,CAAC;AAMD,IAAIK,iBAAiB,GAAG,KAAK;AAE7B,MAAMC,SAAS,GAAIC,IAAY,IAAwB;EACrD,QAAQA,IAAI;IACV,KAAK,cAAc;MACjB,OAAOT,iBAAiB;IAC1B;MACE,OAAO,IAAI;EACf;AACF,CAAC;AAEM,MAAMU,WAAW,GAAGA,CACzBR,IAAa,EACbO,IAAY,EACZ;EAAEE;AAA0B,CAAC,GAAG,CAAC,CAAC,KACtB;EACZ,IAAIA,MAAM,IAAI,CAACJ,iBAAiB,IAAIK,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzEP,iBAAiB,GAAG,IAAI;IACxB;IACA;IACAQ,OAAO,CAACC,IAAI,CACV,4EAA4E,GAC1E,mDAAmD,GACnD,mFACJ,CAAC;EACH;EAEA,MAAMC,MAAM,GAAGT,SAAS,CAACC,IAAI,CAAC;EAC9B,OAAOQ,MAAM,YAANA,MAAM,CAAEhB,OAAO,GAAGgB,MAAM,CAAChB,OAAO,CAACC,IAAI,CAAC,GAAG,IAAI;AACtD,CAAC;AAACgB,OAAA,CAAAR,WAAA,GAAAA,WAAA","ignoreList":[]}

package/dist/cjs/components/address/input/address-input.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_ = "addressinput3221247034";
+var _namespace_ = "addressinput2483819239";
 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": "addressinput3221247034__root",
-  "tableAddressInput": "addressinput3221247034__tableAddressInput"
+  "root": "addressinput2483819239__root",
+  "tableAddressInput": "addressinput2483819239__tableAddressInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/address/input/address-input.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/address/input/address-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"addressinput3221247034\";\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\":\"addressinput3221247034__root\",\"tableAddressInput\":\"addressinput3221247034__tableAddressInput\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,mBAAmB,EAAC;AAA2C,CAAC;AACrH,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/address/input/address-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"addressinput2483819239\";\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\":\"addressinput2483819239__root\",\"tableAddressInput\":\"addressinput2483819239__tableAddressInput\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,mBAAmB,EAAC;AAA2C,CAAC;AACrH,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/audio/actions/actions-menu/actions-menu.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_ = "actionsmenu1280508940";
+var _namespace_ = "actionsmenu1490408158";
 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": "actionsmenu1280508940__root",
-  "action": "actionsmenu1280508940__action"
+  "root": "actionsmenu1490408158__root",
+  "action": "actionsmenu1490408158__action"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/audio/actions/actions-menu/actions-menu.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/audio/actions/actions-menu/actions-menu.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"actionsmenu1280508940\";\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\":\"actionsmenu1280508940__root\",\"action\":\"actionsmenu1280508940__action\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-space-100\":\"--wds-space-100\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,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,6BAA6B;EAAC,QAAQ,EAAC;AAA+B,CAAC;AAC7F,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;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/audio/actions/actions-menu/actions-menu.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"actionsmenu1490408158\";\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\":\"actionsmenu1490408158__root\",\"action\":\"actionsmenu1490408158__action\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-space-100\":\"--wds-space-100\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,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,6BAA6B;EAAC,QAAQ,EAAC;AAA+B,CAAC;AAC7F,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;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/audio/audio-field/form-audio-field.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_ = "formaudiofield32432185";
+var _namespace_ = "formaudiofield4139509640";
 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": "formaudiofield32432185__root",
-  "addItem": "formaudiofield32432185__addItem",
-  "mediaTitle": "formaudiofield32432185__mediaTitle"
+  "root": "formaudiofield4139509640__root",
+  "addItem": "formaudiofield4139509640__addItem",
+  "mediaTitle": "formaudiofield4139509640__mediaTitle"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/audio/audio-field/form-audio-field.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/audio/audio-field/form-audio-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formaudiofield32432185\";\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\":\"formaudiofield32432185__root\",\"addItem\":\"formaudiofield32432185__addItem\",\"mediaTitle\":\"formaudiofield32432185__mediaTitle\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-red-100\":\"--wds-color-red-100\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wsr-color-B30\":\"--wsr-color-B30\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,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,8BAA8B;EAAC,SAAS,EAAC,iCAAiC;EAAC,YAAY,EAAC;AAAoC,CAAC;AACnJ,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;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,iCAAiC,EAAC,mCAAmC;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/audio/audio-field/form-audio-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formaudiofield4139509640\";\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\":\"formaudiofield4139509640__root\",\"addItem\":\"formaudiofield4139509640__addItem\",\"mediaTitle\":\"formaudiofield4139509640__mediaTitle\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-red-100\":\"--wds-color-red-100\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wsr-color-B30\":\"--wsr-color-B30\"}; \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,SAAS,EAAC,mCAAmC;EAAC,YAAY,EAAC;AAAsC,CAAC;AACzJ,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;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/audio/audio-player/audio-player.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_ = "audioplayer2625614961";
+var _namespace_ = "audioplayer3907523205";
 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": "audioplayer2625614961__root"
+  "root": "audioplayer3907523205__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/audio/audio-player/audio-player.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/audio/audio-player/audio-player.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"audioplayer2625614961\";\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\":\"audioplayer2625614961__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,uBAAuB;AACzC,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;AAA6B,CAAC;AACpD,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/audio/audio-player/audio-player.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"audioplayer3907523205\";\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\":\"audioplayer3907523205__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,uBAAuB;AACzC,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;AAA6B,CAAC;AACpD,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/color-view/cell-color-view.js

@@ -20,8 +20,9 @@ var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/c
 const CellColorView = ({
   value
 }) => {
-  const isValid = !!value && _hex.HEX_RE.test(value);
-  const hex = value ? value.replace(/^#/, '').toUpperCase() : '';
+  const color = typeof value === 'string' ? value : '';
+  const isValid = !!color && _hex.HEX_RE.test(color);
+  const hex = color.replace(/^#/, '').toUpperCase();
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     width: "100%",
     verticalAlign: "middle",
@@ -31,7 +32,7 @@ const CellColorView = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 24,
+      lineNumber: 25,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -40,7 +41,7 @@ const CellColorView = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 31,
+      lineNumber: 32,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -49,7 +50,7 @@ const CellColorView = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 32,
+      lineNumber: 33,
       columnNumber: 9
     }
   }, "#"), hex ? /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -59,7 +60,7 @@ const CellColorView = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 36,
+      lineNumber: 37,
       columnNumber: 11
     }
   }, hex) : null), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -69,17 +70,17 @@ const CellColorView = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 41,
+      lineNumber: 42,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FillPreview, {
-    fill: isValid ? value : undefined,
+    fill: isValid ? color : undefined,
     aspectRatio: 1,
     dataHook: "cell-color-view-fill-preview",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 42,
+      lineNumber: 43,
       columnNumber: 9
     }
   })));

package/dist/cjs/components/color-view/cell-color-view.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_cellColorViewStCss","_hex","_jsxFileName","CellColorView","value","isValid","HEX_RE","test","hex","replace","toUpperCase","default","createElement","Box","width","verticalAlign","align","gap","dataHook","__self","__source","fileName","lineNumber","columnNumber","className","classes","hashPrefix","Text","size","weight","height","flexShrink","FillPreview","fill","undefined","aspectRatio","exports","displayName"],"sources":["../../../../src/components/color-view/cell-color-view.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, FillPreview, Text } from '@wix/design-system';\nimport { classes } from './cell-color-view.st.css.js';\nimport { HEX_RE } from './hex';\n\nexport interface CellColorViewProps {\n  value?: string;\n}\n\n/**\n * Cell-layer color view. Matches the visual layout of CellColorInput so the\n * View↔Edit transition is seamless.\n *\n *   \"#\"  (placeholder color)   hex digits (thin, uppercase)   [swatch right]\n *\n * Empty or invalid values show only the `#` on the left and the empty-state\n * FillPreview (diagonal-slash placeholder) on the right.\n */\nexport const CellColorView: React.FC<CellColorViewProps> = ({ value }) => {\n  const isValid = !!value && HEX_RE.test(value);\n  const hex = value ? value.replace(/^#/, '').toUpperCase() : '';\n\n  return (\n    <Box\n      width=\"100%\"\n      verticalAlign=\"middle\"\n      align=\"space-between\"\n      gap=\"SP1\"\n      dataHook=\"cell-color-view\"\n    >\n      <Box gap=\"SP1\" verticalAlign=\"middle\">\n        <Box className={classes.hashPrefix} dataHook=\"cell-color-view-hash\">\n          #\n        </Box>\n        {hex ? (\n          <Text size=\"small\" weight=\"thin\" dataHook=\"cell-color-view-text\">\n            {hex}\n          </Text>\n        ) : null}\n      </Box>\n      <Box width=\"24px\" height=\"24px\" flexShrink={0}>\n        <FillPreview\n          fill={isValid ? value : undefined}\n          aspectRatio={1}\n          dataHook=\"cell-color-view-fill-preview\"\n        />\n      </Box>\n    </Box>\n  );\n};\n\nCellColorView.displayName = 'CellColorView';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AAA+B,IAAAI,YAAA;AAM/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,aAA2C,GAAGA,CAAC;EAAEC;AAAM,CAAC,KAAK;EACxE,MAAMC,OAAO,GAAG,CAAC,CAACD,KAAK,IAAIE,WAAM,CAACC,IAAI,CAACH,KAAK,CAAC;EAC7C,MAAMI,GAAG,GAAGJ,KAAK,GAAGA,KAAK,CAACK,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAACC,WAAW,CAAC,CAAC,GAAG,EAAE;EAE9D,oBACEd,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,GAAG;IACFC,KAAK,EAAC,MAAM;IACZC,aAAa,EAAC,QAAQ;IACtBC,KAAK,EAAC,eAAe;IACrBC,GAAG,EAAC,KAAK;IACTC,QAAQ,EAAC,iBAAiB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE1B3B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,GAAG;IAACI,GAAG,EAAC,KAAK;IAACF,aAAa,EAAC,QAAQ;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACnC3B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,GAAG;IAACW,SAAS,EAAEC,2BAAO,CAACC,UAAW;IAACR,QAAQ,EAAC,sBAAsB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,GAE/D,CAAC,EACLf,GAAG,gBACFZ,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAA4B,IAAI;IAACC,IAAI,EAAC,OAAO;IAACC,MAAM,EAAC,MAAM;IAACX,QAAQ,EAAC,sBAAsB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC7Df,GACG,CAAC,GACL,IACD,CAAC,eACNZ,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,GAAG;IAACC,KAAK,EAAC,MAAM;IAACgB,MAAM,EAAC,MAAM;IAACC,UAAU,EAAE,CAAE;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC5C3B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAiC,WAAW;IACVC,IAAI,EAAE5B,OAAO,GAAGD,KAAK,GAAG8B,SAAU;IAClCC,WAAW,EAAE,CAAE;IACfjB,QAAQ,EAAC,8BAA8B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACxC,CACE,CACF,CAAC;AAEV,CAAC;AAACa,OAAA,CAAAjC,aAAA,GAAAA,aAAA;AAEFA,aAAa,CAACkC,WAAW,GAAG,eAAe","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_cellColorViewStCss","_hex","_jsxFileName","CellColorView","value","color","isValid","HEX_RE","test","hex","replace","toUpperCase","default","createElement","Box","width","verticalAlign","align","gap","dataHook","__self","__source","fileName","lineNumber","columnNumber","className","classes","hashPrefix","Text","size","weight","height","flexShrink","FillPreview","fill","undefined","aspectRatio","exports","displayName"],"sources":["../../../../src/components/color-view/cell-color-view.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, FillPreview, Text } from '@wix/design-system';\nimport { classes } from './cell-color-view.st.css.js';\nimport { HEX_RE } from './hex';\n\nexport interface CellColorViewProps {\n  value?: string;\n}\n\n/**\n * Cell-layer color view. Matches the visual layout of CellColorInput so the\n * View↔Edit transition is seamless.\n *\n *   \"#\"  (placeholder color)   hex digits (thin, uppercase)   [swatch right]\n *\n * Empty or invalid values show only the `#` on the left and the empty-state\n * FillPreview (diagonal-slash placeholder) on the right.\n */\nexport const CellColorView: React.FC<CellColorViewProps> = ({ value }) => {\n  const color = typeof value === 'string' ? value : '';\n  const isValid = !!color && HEX_RE.test(color);\n  const hex = color.replace(/^#/, '').toUpperCase();\n\n  return (\n    <Box\n      width=\"100%\"\n      verticalAlign=\"middle\"\n      align=\"space-between\"\n      gap=\"SP1\"\n      dataHook=\"cell-color-view\"\n    >\n      <Box gap=\"SP1\" verticalAlign=\"middle\">\n        <Box className={classes.hashPrefix} dataHook=\"cell-color-view-hash\">\n          #\n        </Box>\n        {hex ? (\n          <Text size=\"small\" weight=\"thin\" dataHook=\"cell-color-view-text\">\n            {hex}\n          </Text>\n        ) : null}\n      </Box>\n      <Box width=\"24px\" height=\"24px\" flexShrink={0}>\n        <FillPreview\n          fill={isValid ? color : undefined}\n          aspectRatio={1}\n          dataHook=\"cell-color-view-fill-preview\"\n        />\n      </Box>\n    </Box>\n  );\n};\n\nCellColorView.displayName = 'CellColorView';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AAA+B,IAAAI,YAAA;AAM/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,aAA2C,GAAGA,CAAC;EAAEC;AAAM,CAAC,KAAK;EACxE,MAAMC,KAAK,GAAG,OAAOD,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAG,EAAE;EACpD,MAAME,OAAO,GAAG,CAAC,CAACD,KAAK,IAAIE,WAAM,CAACC,IAAI,CAACH,KAAK,CAAC;EAC7C,MAAMI,GAAG,GAAGJ,KAAK,CAACK,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAACC,WAAW,CAAC,CAAC;EAEjD,oBACEf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IACFC,KAAK,EAAC,MAAM;IACZC,aAAa,EAAC,QAAQ;IACtBC,KAAK,EAAC,eAAe;IACrBC,GAAG,EAAC,KAAK;IACTC,QAAQ,EAAC,iBAAiB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE1B5B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IAACI,GAAG,EAAC,KAAK;IAACF,aAAa,EAAC,QAAQ;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACnC5B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IAACW,SAAS,EAAEC,2BAAO,CAACC,UAAW;IAACR,QAAQ,EAAC,sBAAsB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAC,GAE/D,CAAC,EACLf,GAAG,gBACFb,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA6B,IAAI;IAACC,IAAI,EAAC,OAAO;IAACC,MAAM,EAAC,MAAM;IAACX,QAAQ,EAAC,sBAAsB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC7Df,GACG,CAAC,GACL,IACD,CAAC,eACNb,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IAACC,KAAK,EAAC,MAAM;IAACgB,MAAM,EAAC,MAAM;IAACC,UAAU,EAAE,CAAE;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC5C5B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAkC,WAAW;IACVC,IAAI,EAAE5B,OAAO,GAAGD,KAAK,GAAG8B,SAAU;IAClCC,WAAW,EAAE,CAAE;IACfjB,QAAQ,EAAC,8BAA8B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACxC,CACE,CACF,CAAC;AAEV,CAAC;AAACa,OAAA,CAAAlC,aAAA,GAAAA,aAAA;AAEFA,aAAa,CAACmC,WAAW,GAAG,eAAe","ignoreList":[]}

package/dist/cjs/components/color-view/cell-color-view.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_ = "cellcolorview3753113674";
+var _namespace_ = "cellcolorview3987181602";
 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": "cellcolorview3753113674__root",
-  "hashPrefix": "cellcolorview3753113674__hashPrefix"
+  "root": "cellcolorview3987181602__root",
+  "hashPrefix": "cellcolorview3987181602__hashPrefix"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/color-view/cell-color-view.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/color-view/cell-color-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellcolorview3753113674\";\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\":\"cellcolorview3753113674__root\",\"hashPrefix\":\"cellcolorview3753113674__hashPrefix\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wsr-color-D40\":\"--wsr-color-D40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,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,+BAA+B;EAAC,YAAY,EAAC;AAAqC,CAAC;AACzG,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;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/color-view/cell-color-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellcolorview3987181602\";\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\":\"cellcolorview3987181602__root\",\"hashPrefix\":\"cellcolorview3987181602__hashPrefix\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wsr-color-D40\":\"--wsr-color-D40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,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,+BAA+B;EAAC,YAAY,EAAC;AAAqC,CAAC;AACzG,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;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/color-view/color-view.js

@@ -39,11 +39,13 @@ const ColorPreview = ({
   }), children);
 };
 const ColorView = props => {
+  const data = typeof props.data === 'string' ? props.data : undefined;
   return /*#__PURE__*/_react.default.createElement(ColorPreview, (0, _extends2.default)({}, props, {
+    data: data,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 35,
+      lineNumber: 37,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -53,10 +55,10 @@ const ColorView = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 36,
+      lineNumber: 38,
       columnNumber: 7
     }
-  }, props.data ?? '#'));
+  }, data ?? '#'));
 };
 exports.ColorView = ColorView;
 //# sourceMappingURL=color-view.js.map

package/dist/cjs/components/color-view/color-view.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_colorViewStCss","_jsxFileName","ColorPreview","data","children","default","createElement","Box","className","classes","view","align","verticalAlign","direction","gap","dataHook","__self","__source","fileName","lineNumber","columnNumber","FillPreview","fillPreview","aspectRatio","fill","ColorView","props","_extends2","Text","size","weight","exports"],"sources":["../../../../src/components/color-view/color-view.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box, FillPreview, Text } from '@wix/design-system';\n\nimport { classes } from './color-view.st.css.js';\n\nexport interface ColorViewProps {\n  data?: string;\n  children?: React.ReactNode;\n}\n\nconst ColorPreview: React.FC<ColorViewProps> = ({ data, children }) => {\n  return (\n    <Box\n      className={classes.view}\n      align=\"left\"\n      verticalAlign=\"middle\"\n      direction=\"horizontal\"\n      gap=\"SP1\"\n      dataHook=\"color-view\"\n    >\n      <FillPreview\n        className={classes.fillPreview}\n        aspectRatio={1}\n        fill={data}\n        dataHook=\"color-view-fill-preview\"\n      />\n      {children}\n    </Box>\n  );\n};\n\nexport const ColorView: React.FC<ColorViewProps> = (props) => {\n  return (\n    <ColorPreview {...props}>\n      <Text size=\"small\" weight=\"normal\" dataHook=\"color-view-text\">\n        {props.data ?? '#'}\n      </Text>\n    </ColorPreview>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AAAiD,IAAAG,YAAA;AAOjD,MAAMC,YAAsC,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAS,CAAC,KAAK;EACrE,oBACER,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;IACFC,SAAS,EAAEC,uBAAO,CAACC,IAAK;IACxBC,KAAK,EAAC,MAAM;IACZC,aAAa,EAAC,QAAQ;IACtBC,SAAS,EAAC,YAAY;IACtBC,GAAG,EAAC,KAAK;IACTC,QAAQ,EAAC,YAAY;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAErBxB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAsB,WAAW;IACVb,SAAS,EAAEC,uBAAO,CAACa,WAAY;IAC/BC,WAAW,EAAE,CAAE;IACfC,IAAI,EAAErB,IAAK;IACXY,QAAQ,EAAC,yBAAyB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACnC,CAAC,EACDhB,QACE,CAAC;AAEV,CAAC;AAEM,MAAMqB,SAAmC,GAAIC,KAAK,IAAK;EAC5D,oBACE9B,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACJ,YAAY,MAAAyB,SAAA,CAAAtB,OAAA,MAAKqB,KAAK;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,iBACrBxB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAA6B,IAAI;IAACC,IAAI,EAAC,OAAO;IAACC,MAAM,EAAC,QAAQ;IAACf,QAAQ,EAAC,iBAAiB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC1DM,KAAK,CAACvB,IAAI,IAAI,GACX,CACM,CAAC;AAEnB,CAAC;AAAC4B,OAAA,CAAAN,SAAA,GAAAA,SAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_colorViewStCss","_jsxFileName","ColorPreview","data","children","default","createElement","Box","className","classes","view","align","verticalAlign","direction","gap","dataHook","__self","__source","fileName","lineNumber","columnNumber","FillPreview","fillPreview","aspectRatio","fill","ColorView","props","undefined","_extends2","Text","size","weight","exports"],"sources":["../../../../src/components/color-view/color-view.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box, FillPreview, Text } from '@wix/design-system';\n\nimport { classes } from './color-view.st.css.js';\n\nexport interface ColorViewProps {\n  data?: string;\n  children?: React.ReactNode;\n}\n\nconst ColorPreview: React.FC<ColorViewProps> = ({ data, children }) => {\n  return (\n    <Box\n      className={classes.view}\n      align=\"left\"\n      verticalAlign=\"middle\"\n      direction=\"horizontal\"\n      gap=\"SP1\"\n      dataHook=\"color-view\"\n    >\n      <FillPreview\n        className={classes.fillPreview}\n        aspectRatio={1}\n        fill={data}\n        dataHook=\"color-view-fill-preview\"\n      />\n      {children}\n    </Box>\n  );\n};\n\nexport const ColorView: React.FC<ColorViewProps> = (props) => {\n  const data = typeof props.data === 'string' ? props.data : undefined;\n\n  return (\n    <ColorPreview {...props} data={data}>\n      <Text size=\"small\" weight=\"normal\" dataHook=\"color-view-text\">\n        {data ?? '#'}\n      </Text>\n    </ColorPreview>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AAAiD,IAAAG,YAAA;AAOjD,MAAMC,YAAsC,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAS,CAAC,KAAK;EACrE,oBACER,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;IACFC,SAAS,EAAEC,uBAAO,CAACC,IAAK;IACxBC,KAAK,EAAC,MAAM;IACZC,aAAa,EAAC,QAAQ;IACtBC,SAAS,EAAC,YAAY;IACtBC,GAAG,EAAC,KAAK;IACTC,QAAQ,EAAC,YAAY;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAErBxB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAsB,WAAW;IACVb,SAAS,EAAEC,uBAAO,CAACa,WAAY;IAC/BC,WAAW,EAAE,CAAE;IACfC,IAAI,EAAErB,IAAK;IACXY,QAAQ,EAAC,yBAAyB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACnC,CAAC,EACDhB,QACE,CAAC;AAEV,CAAC;AAEM,MAAMqB,SAAmC,GAAIC,KAAK,IAAK;EAC5D,MAAMvB,IAAI,GAAG,OAAOuB,KAAK,CAACvB,IAAI,KAAK,QAAQ,GAAGuB,KAAK,CAACvB,IAAI,GAAGwB,SAAS;EAEpE,oBACE/B,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACJ,YAAY,MAAA0B,SAAA,CAAAvB,OAAA,MAAKqB,KAAK;IAAEvB,IAAI,EAAEA,IAAK;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAClCxB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAA8B,IAAI;IAACC,IAAI,EAAC,OAAO;IAACC,MAAM,EAAC,QAAQ;IAAChB,QAAQ,EAAC,iBAAiB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC1DjB,IAAI,IAAI,GACL,CACM,CAAC;AAEnB,CAAC;AAAC6B,OAAA,CAAAP,SAAA,GAAAA,SAAA","ignoreList":[]}

package/dist/cjs/components/color-view/color-view.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_ = "colorview3879755634";
+var _namespace_ = "colorview3391623245";
 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": "colorview3879755634__root",
-  "view": "colorview3879755634__view",
-  "fillPreview": "colorview3879755634__fillPreview"
+  "root": "colorview3391623245__root",
+  "view": "colorview3391623245__view",
+  "fillPreview": "colorview3391623245__fillPreview"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/color-view/color-view.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/color-view/color-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"colorview3879755634\";\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\":\"colorview3879755634__root\",\"view\":\"colorview3879755634__view\",\"fillPreview\":\"colorview3879755634__fillPreview\"};\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,qBAAqB;AACvC,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,2BAA2B;EAAC,MAAM,EAAC,2BAA2B;EAAC,aAAa,EAAC;AAAkC,CAAC;AACtI,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/color-view/color-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"colorview3391623245\";\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\":\"colorview3391623245__root\",\"view\":\"colorview3391623245__view\",\"fillPreview\":\"colorview3391623245__fillPreview\"};\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,qBAAqB;AACvC,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,2BAA2B;EAAC,MAAM,EAAC,2BAA2B;EAAC,aAAa,EAAC;AAAkC,CAAC;AACtI,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/delete-dialog/delete-dialog.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_ = "deletedialog3873629624";
+var _namespace_ = "deletedialog4261229259";
 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": "deletedialog3873629624__root",
-  "layout": "deletedialog3873629624__layout"
+  "root": "deletedialog4261229259__root",
+  "layout": "deletedialog4261229259__layout"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/delete-dialog/delete-dialog.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/delete-dialog/delete-dialog.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"deletedialog3873629624\";\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\":\"deletedialog3873629624__root\",\"layout\":\"deletedialog3873629624__layout\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,QAAQ,EAAC;AAAgC,CAAC;AAC/F,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/delete-dialog/delete-dialog.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"deletedialog4261229259\";\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\":\"deletedialog4261229259__root\",\"layout\":\"deletedialog4261229259__layout\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,QAAQ,EAAC;AAAgC,CAAC;AAC/F,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/document/form-document-field.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_ = "formdocumentfield189828330";
+var _namespace_ = "formdocumentfield3707111148";
 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": "formdocumentfield189828330__root",
-  "viewWrapper": "formdocumentfield189828330__viewWrapper",
-  "textWidth": "formdocumentfield189828330__textWidth",
-  "documentLoader": "formdocumentfield189828330__documentLoader",
-  "addDocument": "formdocumentfield189828330__addDocument",
-  "addItemWrapper": "formdocumentfield189828330__addItemWrapper"
+  "root": "formdocumentfield3707111148__root",
+  "viewWrapper": "formdocumentfield3707111148__viewWrapper",
+  "textWidth": "formdocumentfield3707111148__textWidth",
+  "documentLoader": "formdocumentfield3707111148__documentLoader",
+  "addDocument": "formdocumentfield3707111148__addDocument",
+  "addItemWrapper": "formdocumentfield3707111148__addItemWrapper"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/document/form-document-field.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/document/form-document-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formdocumentfield189828330\";\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\":\"formdocumentfield189828330__root\",\"viewWrapper\":\"formdocumentfield189828330__viewWrapper\",\"textWidth\":\"formdocumentfield189828330__textWidth\",\"documentLoader\":\"formdocumentfield189828330__documentLoader\",\"addDocument\":\"formdocumentfield189828330__addDocument\",\"addItemWrapper\":\"formdocumentfield189828330__addItemWrapper\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\",\"documentActionsWidth\":\"196px\",\"addItemWSRBorderRadius\":\"var(--wds-border-radius-400, calc(2px * 4))\",\"documentLoaderPadding\":\"21px\",\"addDocumentPadding\":\"17px\"}; \nexport var vars = {\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wds-color-red-100\":\"--wds-color-red-100\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,4BAA4B;AAC9C,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,kCAAkC;EAAC,aAAa,EAAC,yCAAyC;EAAC,WAAW,EAAC,uCAAuC;EAAC,gBAAgB,EAAC,4CAA4C;EAAC,aAAa,EAAC,yCAAyC;EAAC,gBAAgB,EAAC;AAA4C,CAAC;AACzV,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;EAAC,cAAc,EAAC,KAAK;EAAC,0BAA0B,EAAC,6CAA6C;EAAC,sBAAsB,EAAC,OAAO;EAAC,wBAAwB,EAAC,6CAA6C;EAAC,uBAAuB,EAAC,MAAM;EAAC,oBAAoB,EAAC;AAAM,CAAC;AAC7Q,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC,iBAAiB;EAAC,mBAAmB,EAAC;AAAqB,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/document/form-document-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formdocumentfield3707111148\";\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\":\"formdocumentfield3707111148__root\",\"viewWrapper\":\"formdocumentfield3707111148__viewWrapper\",\"textWidth\":\"formdocumentfield3707111148__textWidth\",\"documentLoader\":\"formdocumentfield3707111148__documentLoader\",\"addDocument\":\"formdocumentfield3707111148__addDocument\",\"addItemWrapper\":\"formdocumentfield3707111148__addItemWrapper\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\",\"documentActionsWidth\":\"196px\",\"addItemWSRBorderRadius\":\"var(--wds-border-radius-400, calc(2px * 4))\",\"documentLoaderPadding\":\"21px\",\"addDocumentPadding\":\"17px\"}; \nexport var vars = {\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wds-color-red-100\":\"--wds-color-red-100\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,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,mCAAmC;EAAC,aAAa,EAAC,0CAA0C;EAAC,WAAW,EAAC,wCAAwC;EAAC,gBAAgB,EAAC,6CAA6C;EAAC,aAAa,EAAC,0CAA0C;EAAC,gBAAgB,EAAC;AAA6C,CAAC;AAC/V,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;EAAC,cAAc,EAAC,KAAK;EAAC,0BAA0B,EAAC,6CAA6C;EAAC,sBAAsB,EAAC,OAAO;EAAC,wBAAwB,EAAC,6CAA6C;EAAC,uBAAuB,EAAC,MAAM;EAAC,oBAAoB,EAAC;AAAM,CAAC;AAC7Q,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC,iBAAiB;EAAC,mBAAmB,EAAC;AAAqB,CAAC","ignoreList":[]}

package/dist/cjs/components/exclamation/exclamation.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "exclamation1630207575";
+var _namespace_ = "exclamation1174355168";
 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": "exclamation1630207575__root",
-  "exclamation": "exclamation1630207575__exclamation",
-  "actions": "exclamation1630207575__actions",
-  "action": "exclamation1630207575__action"
+  "root": "exclamation1174355168__root",
+  "exclamation": "exclamation1174355168__exclamation",
+  "actions": "exclamation1174355168__actions",
+  "action": "exclamation1174355168__action"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/exclamation/exclamation.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/exclamation/exclamation.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"exclamation1630207575\";\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\":\"exclamation1630207575__root\",\"exclamation\":\"exclamation1630207575__exclamation\",\"actions\":\"exclamation1630207575__actions\",\"action\":\"exclamation1630207575__action\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-warning-primary\":\"--wds-color-fill-warning-primary\",\"wds-color-fill-destructive-primary\":\"--wds-color-fill-destructive-primary\",\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-color-blue-200\":\"--wds-color-blue-200\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,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,6BAA6B;EAAC,aAAa,EAAC,oCAAoC;EAAC,SAAS,EAAC,gCAAgC;EAAC,QAAQ,EAAC;AAA+B,CAAC;AAC3L,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;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC;AAAsB,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/exclamation/exclamation.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"exclamation1174355168\";\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\":\"exclamation1174355168__root\",\"exclamation\":\"exclamation1174355168__exclamation\",\"actions\":\"exclamation1174355168__actions\",\"action\":\"exclamation1174355168__action\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-warning-primary\":\"--wds-color-fill-warning-primary\",\"wds-color-fill-destructive-primary\":\"--wds-color-fill-destructive-primary\",\"wds-color-blue-100\":\"--wds-color-blue-100\",\"wds-color-blue-200\":\"--wds-color-blue-200\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,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,6BAA6B;EAAC,aAAa,EAAC,oCAAoC;EAAC,SAAS,EAAC,gCAAgC;EAAC,QAAQ,EAAC;AAA+B,CAAC;AAC3L,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;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC;AAAsB,CAAC","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_ = "highlightedtext2238026867";
+var _namespace_ = "highlightedtext2637008025";
 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": "highlightedtext2238026867__root",
-  "substring": "highlightedtext2238026867__substring"
+  "root": "highlightedtext2637008025__root",
+  "substring": "highlightedtext2637008025__substring"
 };
 var keyframes = exports.keyframes = {
-  "highlighted": "highlightedtext2238026867__highlighted",
-  "highlighted-match": "highlightedtext2238026867__highlighted-match"
+  "highlighted": "highlightedtext2637008025__highlighted",
+  "highlighted-match": "highlightedtext2637008025__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_ = \"highlightedtext2238026867\";\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\":\"highlightedtext2238026867__root\",\"substring\":\"highlightedtext2238026867__substring\"};\nexport var keyframes = {\"highlighted\":\"highlightedtext2238026867__highlighted\",\"highlighted-match\":\"highlightedtext2238026867__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_ = \"highlightedtext2637008025\";\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\":\"highlightedtext2637008025__root\",\"substring\":\"highlightedtext2637008025__substring\"};\nexport var keyframes = {\"highlighted\":\"highlightedtext2637008025__highlighted\",\"highlighted-match\":\"highlightedtext2637008025__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_ = "thumbnailreplaceoverlay176436874";
+var _namespace_ = "thumbnailreplaceoverlay2528832930";
 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": "thumbnailreplaceoverlay176436874__root",
-  "icon": "thumbnailreplaceoverlay176436874__icon"
+  "root": "thumbnailreplaceoverlay2528832930__root",
+  "icon": "thumbnailreplaceoverlay2528832930__icon"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};