@wix/patterns-fields 1.17.0 → 1.20.0

package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css

@@ -2,6 +2,7 @@
 @property st-global(--wds-color-black-400);
 @property st-global(--wds-color-white);
 @property st-global(--wds-font-family-default);
+@property st-global(--wsr-font-family);
 @property st-global(--wds-font-weight-medium);
 @property st-global(--wds-font-weight-bold);
 @property st-global(--wds-font-size-500);
@@ -10,8 +11,8 @@
 .root {
     padding: 12px 18px;
     display: flex;
-    border-bottom: 1px solid var(--wds-color-blue-400);
-    background: var(--wds-color-white);
+    border-bottom: 1px solid var(--wds-color-blue-400, var(--wsr-color-B40, #d6dcff));
+    background: var(--wds-color-white, var(--wsr-color-D80, #ffffff));
     align-items: center;
 }
 
@@ -30,7 +31,7 @@
     display: inline-flex;
     margin-right: 12px;
     border-left: 1px solid #ddd;
-    height: 100%;
+    align-self: stretch;
 }
 
 .clearFormatting {
@@ -65,53 +66,53 @@
     font-weight: var(--wds-font-weight-bold) !important;
     font-size: 36px !important;
     line-height: 1.2 !important;
-    font-family: var(--wds-font-family-default) !important;
+    font-family: var(--wds-font-family-default, var(--wsr-font-family, Madefor)) !important;
 }
 .dropdownHeaderTwo {
     font-weight: var(--wds-font-weight-bold) !important;
     font-size: 32px !important;
     line-height: 1.2 !important;
-    font-family: var(--wds-font-family-default) !important;
+    font-family: var(--wds-font-family-default, Madefor, "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
 }
 .dropdownHeaderThree {
     font-weight: var(--wds-font-weight-medium) !important;
     font-size: 28px !important;
     line-height: 1.2 !important;
-    font-family: var(--wds-font-family-default) !important;
+    font-family: var(--wds-font-family-default, Madefor, "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
 }
 .dropdownHeaderFour {
     font-weight: var(--wds-font-weight-bold) !important;
     font-size: 24px !important;
     line-height: 1.2 !important;
-    font-family: var(--wds-font-family-default) !important;
+    font-family: var(--wds-font-family-default, Madefor, "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
 }
 .dropdownHeaderFive {
     font-weight: var(--wds-font-weight-bold) !important;
     font-size: 22px !important;
     line-height: 1.2 !important;
-    font-family: var(--wds-font-family-default) !important;
+    font-family: var(--wds-font-family-default, Madefor, "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
 }
 .dropdownHeaderSix {
     font-weight: var(--wds-font-weight-medium) !important;
     font-size: 20px !important;
     line-height: 1.2 !important;
-    font-family: var(--wds-font-family-default) !important;
+    font-family: var(--wds-font-family-default, Madefor, "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
 }
 .dropdownParagraphOne {
     font-weight: var(--wds-font-weight-medium) !important;
     font-size: 18px !important;
     line-height: 1.33 !important;
-    font-family: var(--wds-font-family-default) !important;
+    font-family: var(--wds-font-family-default, Madefor, "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
 }
 .dropdownNormalText {
     font-weight: var(--wds-font-weight-medium) !important;
     font-size: var(--wds-font-size-500) !important;
     line-height: var(--wds-font-line-height-300) !important;
-    font-family: var(--wds-font-family-default) !important;
+    font-family: var(--wds-font-family-default, Madefor, "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
 }
 .dropdownParagraphThree {
     font-weight: var(--wds-font-weight-medium) !important;
     font-size: 14px !important;
     line-height: 1.29 !important;
-    font-family: var(--wds-font-family-default) !important;
+    font-family: var(--wds-font-family-default, Madefor, "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
 }

package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js

@@ -5,30 +5,30 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "toolbar2031504778";
+var _namespace_ = "toolbar3885570681";
 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": "toolbar2031504778__root",
-  "item": "toolbar2031504778__item",
-  "separator": "toolbar2031504778__separator",
-  "clearFormatting": "toolbar2031504778__clearFormatting",
-  "fullScreen": "toolbar2031504778__fullScreen",
-  "dropdownItemContent": "toolbar2031504778__dropdownItemContent",
-  "dropdownItemTitle": "toolbar2031504778__dropdownItemTitle",
-  "dropdownItemSubtitle": "toolbar2031504778__dropdownItemSubtitle",
-  "dropdownHeaderOne": "toolbar2031504778__dropdownHeaderOne",
-  "dropdownHeaderTwo": "toolbar2031504778__dropdownHeaderTwo",
-  "dropdownHeaderThree": "toolbar2031504778__dropdownHeaderThree",
-  "dropdownHeaderFour": "toolbar2031504778__dropdownHeaderFour",
-  "dropdownHeaderFive": "toolbar2031504778__dropdownHeaderFive",
-  "dropdownHeaderSix": "toolbar2031504778__dropdownHeaderSix",
-  "dropdownParagraphOne": "toolbar2031504778__dropdownParagraphOne",
-  "dropdownNormalText": "toolbar2031504778__dropdownNormalText",
-  "dropdownParagraphThree": "toolbar2031504778__dropdownParagraphThree"
+  "root": "toolbar3885570681__root",
+  "item": "toolbar3885570681__item",
+  "separator": "toolbar3885570681__separator",
+  "clearFormatting": "toolbar3885570681__clearFormatting",
+  "fullScreen": "toolbar3885570681__fullScreen",
+  "dropdownItemContent": "toolbar3885570681__dropdownItemContent",
+  "dropdownItemTitle": "toolbar3885570681__dropdownItemTitle",
+  "dropdownItemSubtitle": "toolbar3885570681__dropdownItemSubtitle",
+  "dropdownHeaderOne": "toolbar3885570681__dropdownHeaderOne",
+  "dropdownHeaderTwo": "toolbar3885570681__dropdownHeaderTwo",
+  "dropdownHeaderThree": "toolbar3885570681__dropdownHeaderThree",
+  "dropdownHeaderFour": "toolbar3885570681__dropdownHeaderFour",
+  "dropdownHeaderFive": "toolbar3885570681__dropdownHeaderFive",
+  "dropdownHeaderSix": "toolbar3885570681__dropdownHeaderSix",
+  "dropdownParagraphOne": "toolbar3885570681__dropdownParagraphOne",
+  "dropdownNormalText": "toolbar3885570681__dropdownNormalText",
+  "dropdownParagraphThree": "toolbar3885570681__dropdownParagraphThree"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
@@ -39,9 +39,12 @@ var vars = exports.vars = {
   "wds-color-black-400": "--wds-color-black-400",
   "wds-color-white": "--wds-color-white",
   "wds-font-family-default": "--wds-font-family-default",
+  "wsr-font-family": "--wsr-font-family",
   "wds-font-weight-medium": "--wds-font-weight-medium",
   "wds-font-weight-bold": "--wds-font-weight-bold",
   "wds-font-size-500": "--wds-font-size-500",
-  "wds-font-line-height-300": "--wds-font-line-height-300"
+  "wds-font-line-height-300": "--wds-font-line-height-300",
+  "wsr-color-B40": "--toolbar3885570681-wsr-color-B40",
+  "wsr-color-D80": "--toolbar3885570681-wsr-color-D80"
 };
 //# sourceMappingURL=toolbar.st.css.js.map

package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.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/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"toolbar2031504778\";\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\":\"toolbar2031504778__root\",\"item\":\"toolbar2031504778__item\",\"separator\":\"toolbar2031504778__separator\",\"clearFormatting\":\"toolbar2031504778__clearFormatting\",\"fullScreen\":\"toolbar2031504778__fullScreen\",\"dropdownItemContent\":\"toolbar2031504778__dropdownItemContent\",\"dropdownItemTitle\":\"toolbar2031504778__dropdownItemTitle\",\"dropdownItemSubtitle\":\"toolbar2031504778__dropdownItemSubtitle\",\"dropdownHeaderOne\":\"toolbar2031504778__dropdownHeaderOne\",\"dropdownHeaderTwo\":\"toolbar2031504778__dropdownHeaderTwo\",\"dropdownHeaderThree\":\"toolbar2031504778__dropdownHeaderThree\",\"dropdownHeaderFour\":\"toolbar2031504778__dropdownHeaderFour\",\"dropdownHeaderFive\":\"toolbar2031504778__dropdownHeaderFive\",\"dropdownHeaderSix\":\"toolbar2031504778__dropdownHeaderSix\",\"dropdownParagraphOne\":\"toolbar2031504778__dropdownParagraphOne\",\"dropdownNormalText\":\"toolbar2031504778__dropdownNormalText\",\"dropdownParagraphThree\":\"toolbar2031504778__dropdownParagraphThree\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-400\":\"--wds-color-blue-400\",\"wds-color-black-400\":\"--wds-color-black-400\",\"wds-color-white\":\"--wds-color-white\",\"wds-font-family-default\":\"--wds-font-family-default\",\"wds-font-weight-medium\":\"--wds-font-weight-medium\",\"wds-font-weight-bold\":\"--wds-font-weight-bold\",\"wds-font-size-500\":\"--wds-font-size-500\",\"wds-font-line-height-300\":\"--wds-font-line-height-300\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,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,yBAAyB;EAAC,MAAM,EAAC,yBAAyB;EAAC,WAAW,EAAC,8BAA8B;EAAC,iBAAiB,EAAC,oCAAoC;EAAC,YAAY,EAAC,+BAA+B;EAAC,qBAAqB,EAAC,wCAAwC;EAAC,mBAAmB,EAAC,sCAAsC;EAAC,sBAAsB,EAAC,yCAAyC;EAAC,mBAAmB,EAAC,sCAAsC;EAAC,mBAAmB,EAAC,sCAAsC;EAAC,qBAAqB,EAAC,wCAAwC;EAAC,oBAAoB,EAAC,uCAAuC;EAAC,oBAAoB,EAAC,uCAAuC;EAAC,mBAAmB,EAAC,sCAAsC;EAAC,sBAAsB,EAAC,yCAAyC;EAAC,oBAAoB,EAAC,uCAAuC;EAAC,wBAAwB,EAAC;AAA2C,CAAC;AACx8B,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,oBAAoB,EAAC,sBAAsB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,wBAAwB,EAAC,0BAA0B;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,0BAA0B,EAAC;AAA4B,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/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"toolbar3885570681\";\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\":\"toolbar3885570681__root\",\"item\":\"toolbar3885570681__item\",\"separator\":\"toolbar3885570681__separator\",\"clearFormatting\":\"toolbar3885570681__clearFormatting\",\"fullScreen\":\"toolbar3885570681__fullScreen\",\"dropdownItemContent\":\"toolbar3885570681__dropdownItemContent\",\"dropdownItemTitle\":\"toolbar3885570681__dropdownItemTitle\",\"dropdownItemSubtitle\":\"toolbar3885570681__dropdownItemSubtitle\",\"dropdownHeaderOne\":\"toolbar3885570681__dropdownHeaderOne\",\"dropdownHeaderTwo\":\"toolbar3885570681__dropdownHeaderTwo\",\"dropdownHeaderThree\":\"toolbar3885570681__dropdownHeaderThree\",\"dropdownHeaderFour\":\"toolbar3885570681__dropdownHeaderFour\",\"dropdownHeaderFive\":\"toolbar3885570681__dropdownHeaderFive\",\"dropdownHeaderSix\":\"toolbar3885570681__dropdownHeaderSix\",\"dropdownParagraphOne\":\"toolbar3885570681__dropdownParagraphOne\",\"dropdownNormalText\":\"toolbar3885570681__dropdownNormalText\",\"dropdownParagraphThree\":\"toolbar3885570681__dropdownParagraphThree\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-400\":\"--wds-color-blue-400\",\"wds-color-black-400\":\"--wds-color-black-400\",\"wds-color-white\":\"--wds-color-white\",\"wds-font-family-default\":\"--wds-font-family-default\",\"wsr-font-family\":\"--wsr-font-family\",\"wds-font-weight-medium\":\"--wds-font-weight-medium\",\"wds-font-weight-bold\":\"--wds-font-weight-bold\",\"wds-font-size-500\":\"--wds-font-size-500\",\"wds-font-line-height-300\":\"--wds-font-line-height-300\",\"wsr-color-B40\":\"--toolbar3885570681-wsr-color-B40\",\"wsr-color-D80\":\"--toolbar3885570681-wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,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,yBAAyB;EAAC,MAAM,EAAC,yBAAyB;EAAC,WAAW,EAAC,8BAA8B;EAAC,iBAAiB,EAAC,oCAAoC;EAAC,YAAY,EAAC,+BAA+B;EAAC,qBAAqB,EAAC,wCAAwC;EAAC,mBAAmB,EAAC,sCAAsC;EAAC,sBAAsB,EAAC,yCAAyC;EAAC,mBAAmB,EAAC,sCAAsC;EAAC,mBAAmB,EAAC,sCAAsC;EAAC,qBAAqB,EAAC,wCAAwC;EAAC,oBAAoB,EAAC,uCAAuC;EAAC,oBAAoB,EAAC,uCAAuC;EAAC,mBAAmB,EAAC,sCAAsC;EAAC,sBAAsB,EAAC,yCAAyC;EAAC,oBAAoB,EAAC,uCAAuC;EAAC,wBAAwB,EAAC;AAA2C,CAAC;AACx8B,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,oBAAoB,EAAC,sBAAsB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,wBAAwB,EAAC,0BAA0B;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,eAAe,EAAC,mCAAmC;EAAC,eAAe,EAAC;AAAmC,CAAC","ignoreList":[]}

package/dist/cjs/components/text/text-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_ = "textview4186768641";
+var _namespace_ = "textview2328621760";
 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": "textview4186768641__root",
-  "textView": "textview4186768641__textView"
+  "root": "textview2328621760__root",
+  "textView": "textview2328621760__textView"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/text/text-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/text/text-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"textview4186768641\";\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\":\"textview4186768641__root\",\"textView\":\"textview4186768641__textView\"};\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,oBAAoB;AACtC,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,0BAA0B;EAAC,UAAU,EAAC;AAA8B,CAAC;AAC3F,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/text/text-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"textview2328621760\";\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\":\"textview2328621760__root\",\"textView\":\"textview2328621760__textView\"};\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,oBAAoB;AACtC,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,0BAA0B;EAAC,UAAU,EAAC;AAA8B,CAAC;AAC3F,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/video/cell-video-edit.js

@@ -0,0 +1,424 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CellVideoEdit = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _mediaUtils = require("../../utils/media-utils");
+var _hooks = require("../../hooks");
+var _mediaControl = require("../media-control");
+var _imageThumbnail = require("../image/image-thumbnail");
+var _thumbnailReplaceOverlay = require("../image/thumbnail-replace-overlay");
+var _mediaPreviewModal = require("../media-gallery/media-preview-modal");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/video/cell-video-edit.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const CellVideoEdit = ({
+  value,
+  onChange,
+  onCommit,
+  onCancel,
+  onStartEdit,
+  onRequestCellFocus,
+  inputRef,
+  dataHook
+}) => {
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  const containerRef = (0, _react.useRef)(null);
+  const [isPreviewOpen, setIsPreviewOpen] = (0, _react.useState)(false);
+
+  // Explicit refs for each focusable button — avoids querySelectorAll on the container.
+  const thumbnailButtonRef = (0, _react.useRef)(null);
+  const addButtonRef = (0, _react.useRef)(null);
+  const moreButtonRef = (0, _react.useRef)(null);
+  const onMediaChange = (0, _react.useCallback)(uri => {
+    onChange(uri);
+    onCommit();
+  }, [onChange, onCommit]);
+  const {
+    callMedia,
+    downloadMedia,
+    loading
+  } = (0, _mediaControl.useMediaControl)({
+    mediaType: _mediaUtils.MEDIA_TYPES.VIDEO,
+    value: value ?? undefined,
+    onChange: onMediaChange
+  });
+  const handleCallMedia = (0, _react.useCallback)(async () => {
+    onStartEdit == null || onStartEdit();
+    const committed = await callMedia();
+    if (!committed) {
+      onCancel == null || onCancel();
+    }
+  }, [onStartEdit, callMedia, onCancel]);
+  const handleDelete = (0, _react.useCallback)(() => {
+    onChange(null);
+    onCommit();
+  }, [onChange, onCommit]);
+  const handleDownload = (0, _react.useCallback)(() => {
+    if (value) {
+      downloadMedia(value);
+    }
+  }, [downloadMedia, value]);
+
+  // Wire inputRef so the table can focus the first button when activating edit mode.
+  (0, _react.useEffect)(() => {
+    if (!inputRef) return;
+    inputRef.current = {
+      focus: () => {
+        var _thumbnailButtonRef$c, _addButtonRef$current;
+        // Only one of these is mounted at a time depending on whether value is set.
+        (_thumbnailButtonRef$c = thumbnailButtonRef.current) == null || _thumbnailButtonRef$c.focus();
+        (_addButtonRef$current = addButtonRef.current) == null || _addButtonRef$current.focus();
+      }
+    };
+    return () => {
+      inputRef.current = null;
+    };
+  }, [inputRef]);
+  const handleContainerFocus = (0, _react.useCallback)(() => {
+    var _containerRef$current;
+    (_containerRef$current = containerRef.current) == null || _containerRef$current.setAttribute('data-inner-focused', '');
+  }, []);
+  const handleContainerBlur = (0, _react.useCallback)(e => {
+    if (!e.currentTarget.contains(e.relatedTarget)) {
+      var _containerRef$current2;
+      (_containerRef$current2 = containerRef.current) == null || _containerRef$current2.removeAttribute('data-inner-focused');
+    }
+  }, []);
+
+  // Native keydown listener to intercept Tab/Escape before useKeyboardNavigation.
+  (0, _react.useEffect)(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    const handleKeyDown = e => {
+      if (e.key === 'Escape') {
+        e.preventDefault();
+        e.stopPropagation();
+        onCancel == null || onCancel();
+        onRequestCellFocus == null || onRequestCellFocus();
+        return;
+      }
+      if (e.key === 'Tab') {
+        const active = document.activeElement;
+        if (!active || !el.contains(active)) return;
+        const hook = active.getAttribute('data-hook');
+        const isPrimary = hook === 'video-edit-thumbnail' || hook === 'video-edit-add-button';
+        const isMore = hook === 'video-edit-more-button';
+        if (!isPrimary && !isMore) return;
+        e.preventDefault();
+        e.stopPropagation();
+        const focusPrimary = () => {
+          var _thumbnailButtonRef$c2, _addButtonRef$current2;
+          (_thumbnailButtonRef$c2 = thumbnailButtonRef.current) == null || _thumbnailButtonRef$c2.focus();
+          (_addButtonRef$current2 = addButtonRef.current) == null || _addButtonRef$current2.focus();
+        };
+        if (!e.shiftKey) {
+          // Forward: primary → more → cell
+          if (isPrimary && moreButtonRef.current) {
+            moreButtonRef.current.focus();
+          } else {
+            onRequestCellFocus == null || onRequestCellFocus();
+          }
+        } else {
+          // Backward: more → primary → cell
+          if (isMore) {
+            focusPrimary();
+          } else {
+            onRequestCellFocus == null || onRequestCellFocus();
+          }
+        }
+      }
+    };
+    el.addEventListener('keydown', handleKeyDown);
+    return () => el.removeEventListener('keydown', handleKeyDown);
+  }, [onCancel, onRequestCellFocus]);
+  if (loading) {
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      dataHook: dataHook,
+      verticalAlign: "middle",
+      width: "100%",
+      height: "100%",
+      padding: "0 8px",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 175,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
+      size: "tiny",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 182,
+        columnNumber: 9
+      }
+    }));
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: containerRef,
+    "data-hook": dataHook,
+    style: {
+      width: '100%',
+      height: '100%'
+    },
+    onFocus: handleContainerFocus,
+    onBlur: handleContainerBlur,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 188,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    align: "space-between",
+    verticalAlign: "middle",
+    height: "100%",
+    padding: "0 8px",
+    style: {
+      boxSizing: 'border-box'
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 195,
+      columnNumber: 7
+    }
+  }, value ?
+  /*#__PURE__*/
+  /* Has value: clickable thumbnail button with replace overlay */
+  _react.default.createElement(_designSystem.Tooltip, {
+    content: t('CMS.video.change'),
+    appendTo: "window",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 204,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 205,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    ref: thumbnailButtonRef,
+    type: "button",
+    "data-hook": "video-edit-thumbnail",
+    onClick: handleCallMedia,
+    style: {
+      cursor: 'pointer',
+      lineHeight: 0,
+      position: 'relative',
+      background: 'none',
+      border: 'none',
+      padding: 0
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 206,
+      columnNumber: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_imageThumbnail.ImageThumbnail, {
+    value: value,
+    showVideoIndicator: false,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 220,
+      columnNumber: 17
+    }
+  }), /*#__PURE__*/_react.default.createElement(_thumbnailReplaceOverlay.ThumbnailReplaceOverlay, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 221,
+      columnNumber: 17
+    }
+  })))) :
+  /*#__PURE__*/
+  /* Empty: icon button opens media manager */
+  _react.default.createElement(_designSystem.Tooltip, {
+    content: t('CMS.video.add'),
+    appendTo: "window",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 227,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+    ref: addButtonRef,
+    size: "tiny",
+    priority: "secondary",
+    dataHook: "video-edit-add-button",
+    onClick: handleCallMedia,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 228,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 235,
+      columnNumber: 15
+    }
+  }))), /*#__PURE__*/_react.default.createElement(_mediaPreviewModal.MediaPreviewModal, {
+    isOpen: isPreviewOpen,
+    onClose: () => setIsPreviewOpen(false),
+    value: value ?? undefined,
+    onRequestMedia: handleCallMedia,
+    onClearMedia: handleDelete,
+    onDownloadMedia: () => handleDownload(),
+    textKeys: {
+      replace: 'CMS.video.change',
+      download: 'CMS.video.download',
+      delete: 'CMS.video.delete'
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 240,
+      columnNumber: 9
+    }
+  }), value ?
+  /*#__PURE__*/
+  /* Has value: "..." menu with Change / Preview / Download / Delete */
+  _react.default.createElement(_designSystem.PopoverMenu, {
+    textSize: "small",
+    appendTo: "window",
+    triggerElement: /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+      content: t('auto-patterns.fields.more_actions_tooltip'),
+      appendTo: "window",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 259,
+        columnNumber: 15
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+      ref: moreButtonRef,
+      size: "tiny",
+      priority: "tertiary",
+      dataHook: "video-edit-more-button",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 263,
+        columnNumber: 17
+      }
+    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 269,
+        columnNumber: 19
+      }
+    }))),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 255,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+    dataHook: "video-edit-action-change",
+    text: t('CMS.video.change'),
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Replace, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 277,
+        columnNumber: 27
+      }
+    }),
+    onClick: handleCallMedia,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 274,
+      columnNumber: 13
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 280,
+      columnNumber: 13
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+    dataHook: "video-edit-action-preview",
+    text: t('CMS.video.preview'),
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Maximize, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 284,
+        columnNumber: 27
+      }
+    }),
+    onClick: () => setIsPreviewOpen(true),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 281,
+      columnNumber: 13
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+    dataHook: "video-edit-action-download",
+    text: t('CMS.video.download'),
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Download, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 290,
+        columnNumber: 27
+      }
+    }),
+    onClick: handleDownload,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 287,
+      columnNumber: 13
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 293,
+      columnNumber: 13
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+    dataHook: "video-edit-action-delete",
+    text: t('CMS.video.delete'),
+    skin: "destructive",
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Delete, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 298,
+        columnNumber: 27
+      }
+    }),
+    onClick: handleDelete,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 294,
+      columnNumber: 13
+    }
+  })) : null));
+};
+exports.CellVideoEdit = CellVideoEdit;
+CellVideoEdit.displayName = 'CellVideoEdit';
+//# sourceMappingURL=cell-video-edit.js.map