@wix/patterns 1.407.0 → 1.408.0

package/dist/cjs/components/EditableTable/cellTypes/time/Edit.st.css.js

@@ -0,0 +1,30 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "Edit3833327034";
+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": "Edit3833327034__root",
+  "wrapper": "Edit3833327034__wrapper",
+  "overlay": "Edit3833327034__overlay"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {
+  "wds-input-value-font-size-small": "--wds-input-value-font-size-small",
+  "wds-input-value-font-line-height-small": "--wds-input-value-font-line-height-small",
+  "wds-font-size-body-small": "--wds-font-size-body-small",
+  "wds-font-line-height-body-small": "--wds-font-line-height-body-small",
+  "wds-color-background-elevation-base": "--wds-color-background-elevation-base"
+};
+//# sourceMappingURL=Edit.st.css.js.map

package/dist/cjs/components/EditableTable/cellTypes/time/Edit.st.css.js.map

@@ -0,0 +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/EditableTable/cellTypes/time/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit3833327034\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Edit3833327034__root\",\"wrapper\":\"Edit3833327034__wrapper\",\"overlay\":\"Edit3833327034__overlay\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-input-value-font-size-small\":\"--wds-input-value-font-size-small\",\"wds-input-value-font-line-height-small\":\"--wds-input-value-font-line-height-small\",\"wds-font-size-body-small\":\"--wds-font-size-body-small\",\"wds-font-line-height-body-small\":\"--wds-font-line-height-body-small\",\"wds-color-background-elevation-base\":\"--wds-color-background-elevation-base\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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,sBAAsB;EAAC,SAAS,EAAC,yBAAyB;EAAC,SAAS,EAAC;AAAyB,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;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,qCAAqC,EAAC;AAAuC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/time/Edit.uni.driver.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+exports.TimeEditUniDriver = TimeEditUniDriver;
+var _unidriver = require("../../../../unidriver");
+function TimeEditUniDriver(base, _body) {
+  const getInput = () => base.$('input');
+  return {
+    ...(0, _unidriver.baseUniDriverFactory)(base),
+    getInputValue: () => getInput().attr('value'),
+    clickInput: () => getInput().click(),
+    clickClear: () => base.$('[data-hook="cell-time-input-clear"]').click(),
+    hasClearButton: () => base.$('[data-hook="cell-time-input-clear"]').exists()
+  };
+}
+//# sourceMappingURL=Edit.uni.driver.js.map

package/dist/cjs/components/EditableTable/cellTypes/time/Edit.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","TimeEditUniDriver","base","_body","getInput","$","baseUniDriverFactory","getInputValue","attr","clickInput","click","clickClear","hasClearButton","exists"],"sources":["../../../../../../src/components/EditableTable/cellTypes/time/Edit.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../../../unidriver';\n\nexport function TimeEditUniDriver(base: UniDriver, _body: UniDriver) {\n  const getInput = () => base.$('input');\n\n  return {\n    ...baseUniDriverFactory(base),\n    getInputValue: () => getInput().attr('value'),\n    clickInput: () => getInput().click(),\n    clickClear: () => base.$('[data-hook=\"cell-time-input-clear\"]').click(),\n    hasClearButton: () =>\n      base.$('[data-hook=\"cell-time-input-clear\"]').exists(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAEO,SAASC,iBAAiBA,CAACC,IAAe,EAAEC,KAAgB,EAAE;EACnE,MAAMC,QAAQ,GAAGA,CAAA,KAAMF,IAAI,CAACG,CAAC,CAAC,OAAO,CAAC;EAEtC,OAAO;IACL,GAAG,IAAAC,+BAAoB,EAACJ,IAAI,CAAC;IAC7BK,aAAa,EAAEA,CAAA,KAAMH,QAAQ,CAAC,CAAC,CAACI,IAAI,CAAC,OAAO,CAAC;IAC7CC,UAAU,EAAEA,CAAA,KAAML,QAAQ,CAAC,CAAC,CAACM,KAAK,CAAC,CAAC;IACpCC,UAAU,EAAEA,CAAA,KAAMT,IAAI,CAACG,CAAC,CAAC,qCAAqC,CAAC,CAACK,KAAK,CAAC,CAAC;IACvEE,cAAc,EAAEA,CAAA,KACdV,IAAI,CAACG,CAAC,CAAC,qCAAqC,CAAC,CAACQ,MAAM,CAAC;EACzD,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/time/View.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TimeView = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _patternsFields = require("@wix/patterns-fields");
+var _CellViewLayout = require("../CellViewLayout");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/time/View.tsx";
+const TimeView = ({
+  value
+}) => /*#__PURE__*/_react.default.createElement(_CellViewLayout.CellViewLayout, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 7,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement(_patternsFields.TimeView, {
+  data: value ?? undefined,
+  dataHook: "time-view",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 8,
+    columnNumber: 5
+  }
+}));
+exports.TimeView = TimeView;
+//# sourceMappingURL=View.js.map

package/dist/cjs/components/EditableTable/cellTypes/time/View.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_patternsFields","_CellViewLayout","_jsxFileName","TimeView","value","default","createElement","CellViewLayout","__self","__source","fileName","lineNumber","columnNumber","data","undefined","dataHook","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/time/View.tsx"],"sourcesContent":["import React from 'react';\nimport { TimeView as FieldsTimeView, type Time } from '@wix/patterns-fields';\nimport type { CellViewProps } from '../../types';\nimport { CellViewLayout } from '../CellViewLayout';\n\nexport const TimeView: React.FC<CellViewProps<Time | null>> = ({ value }) => (\n  <CellViewLayout>\n    <FieldsTimeView data={value ?? undefined} dataHook=\"time-view\" />\n  </CellViewLayout>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AAAmD,IAAAG,YAAA;AAE5C,MAAMC,QAA8C,GAAGA,CAAC;EAAEC;AAAM,CAAC,kBACtEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,eAAA,CAAAM,cAAc;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAR,YAAA;IAAAS,UAAA;IAAAC,YAAA;EAAA;AAAA,gBACbf,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,eAAA,CAAAG,QAAc;EAACU,IAAI,EAAET,KAAK,IAAIU,SAAU;EAACC,QAAQ,EAAC,WAAW;EAAAP,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAR,YAAA;IAAAS,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAClD,CACjB;AAACI,OAAA,CAAAb,QAAA,GAAAA,QAAA","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/time/View.uni.driver.js

@@ -0,0 +1,12 @@
+"use strict";
+
+exports.__esModule = true;
+exports.TimeViewUniDriver = TimeViewUniDriver;
+var _unidriver = require("../../../../unidriver");
+function TimeViewUniDriver(base, _body) {
+  return {
+    ...(0, _unidriver.baseUniDriverFactory)(base),
+    getFormattedTime: () => base.text()
+  };
+}
+//# sourceMappingURL=View.uni.driver.js.map

package/dist/cjs/components/EditableTable/cellTypes/time/View.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","TimeViewUniDriver","base","_body","baseUniDriverFactory","getFormattedTime","text"],"sources":["../../../../../../src/components/EditableTable/cellTypes/time/View.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../../../unidriver';\n\nexport function TimeViewUniDriver(base: UniDriver, _body: UniDriver) {\n  return {\n    ...baseUniDriverFactory(base),\n    getFormattedTime: () => base.text(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAEO,SAASC,iBAAiBA,CAACC,IAAe,EAAEC,KAAgB,EAAE;EACnE,OAAO;IACL,GAAG,IAAAC,+BAAoB,EAACF,IAAI,CAAC;IAC7BG,gBAAgB,EAAEA,CAAA,KAAMH,IAAI,CAACI,IAAI,CAAC;EACpC,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/time/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+exports.__esModule = true;
+exports.timeCellType = void 0;
+var _types = require("../../types");
+var _View = require("./View");
+exports.TimeView = _View.TimeView;
+var _Edit = require("./Edit");
+exports.TimeEdit = _Edit.TimeEdit;
+// Accepts `hh:mm`, `hh:mm:ss`, or `hh:mm:ss.SSS`. The Time type round-trips
+// through `timeToDate`/`dateToTime` (which always emits the full form), so
+// stored values are typically `hh:mm:ss.SSS` after the first edit.
+const TIME_REGEXP = /^([01]?[0-9]|2[0-3]):[0-5][0-9](:[0-5][0-9](\.[0-9]{1,3})?)?$/;
+const timeCellType = exports.timeCellType = (0, _types.defineCellType)({
+  type: 'time',
+  ViewComponent: _View.TimeView,
+  EditComponent: _Edit.TimeEdit,
+  // Time strings are timezone-neutral — pass through as-is for clipboard TSV.
+  serialize: value => value ?? '',
+  deserialize: raw => {
+    if (!raw) {
+      return null;
+    }
+    if (!TIME_REGEXP.test(raw)) {
+      throw new Error(`Invalid time value: "${raw}" (expected hh:mm[:ss[.SSS]])`);
+    }
+    return raw;
+  },
+  validate: value => {
+    if (!value) {
+      return null;
+    }
+    return TIME_REGEXP.test(value) ? null : 'Invalid time';
+  },
+  editable: true,
+  clearable: true,
+  // Clear the committed value when entering edit mode via typing. With
+  // `nativeTypeToEdit`, cairo focuses the WDS input synchronously inside the
+  // keydown handler and lets the browser deliver the typed character to the
+  // now-focused input naturally — no programmatic seeding required.
+  nativeTypeToEdit: true,
+  onTypeToEdit: () => ({
+    value: null
+  })
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/EditableTable/cellTypes/time/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_View","exports","TimeView","_Edit","TimeEdit","TIME_REGEXP","timeCellType","defineCellType","type","ViewComponent","EditComponent","serialize","value","deserialize","raw","test","Error","validate","editable","clearable","nativeTypeToEdit","onTypeToEdit"],"sources":["../../../../../../src/components/EditableTable/cellTypes/time/index.ts"],"sourcesContent":["import type { Time } from '@wix/patterns-fields';\nimport { defineCellType } from '../../types';\nimport { TimeView } from './View';\nimport { TimeEdit } from './Edit';\n\nexport { TimeView, TimeEdit };\n\n// Accepts `hh:mm`, `hh:mm:ss`, or `hh:mm:ss.SSS`. The Time type round-trips\n// through `timeToDate`/`dateToTime` (which always emits the full form), so\n// stored values are typically `hh:mm:ss.SSS` after the first edit.\nconst TIME_REGEXP =\n  /^([01]?[0-9]|2[0-3]):[0-5][0-9](:[0-5][0-9](\\.[0-9]{1,3})?)?$/;\n\nexport const timeCellType = defineCellType<Time | null>({\n  type: 'time',\n  ViewComponent: TimeView,\n  EditComponent: TimeEdit,\n  // Time strings are timezone-neutral — pass through as-is for clipboard TSV.\n  serialize: (value) => value ?? '',\n  deserialize: (raw) => {\n    if (!raw) {\n      return null;\n    }\n    if (!TIME_REGEXP.test(raw)) {\n      throw new Error(\n        `Invalid time value: \"${raw}\" (expected hh:mm[:ss[.SSS]])`,\n      );\n    }\n    return raw;\n  },\n  validate: (value) => {\n    if (!value) {\n      return null;\n    }\n    return TIME_REGEXP.test(value) ? null : 'Invalid time';\n  },\n  editable: true,\n  clearable: true,\n  // Clear the committed value when entering edit mode via typing. With\n  // `nativeTypeToEdit`, cairo focuses the WDS input synchronously inside the\n  // keydown handler and lets the browser deliver the typed character to the\n  // now-focused input naturally — no programmatic seeding required.\n  nativeTypeToEdit: true,\n  onTypeToEdit: () => ({ value: null }),\n});\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAkCE,OAAA,CAAAC,QAAA,GAAAF,KAAA,CAAAE,QAAA;AAClC,IAAAC,KAAA,GAAAJ,OAAA;AAAkCE,OAAA,CAAAG,QAAA,GAAAD,KAAA,CAAAC,QAAA;AAIlC;AACA;AACA;AACA,MAAMC,WAAW,GACf,+DAA+D;AAE1D,MAAMC,YAAY,GAAAL,OAAA,CAAAK,YAAA,GAAG,IAAAC,qBAAc,EAAc;EACtDC,IAAI,EAAE,MAAM;EACZC,aAAa,EAAEP,cAAQ;EACvBQ,aAAa,EAAEN,cAAQ;EACvB;EACAO,SAAS,EAAGC,KAAK,IAAKA,KAAK,IAAI,EAAE;EACjCC,WAAW,EAAGC,GAAG,IAAK;IACpB,IAAI,CAACA,GAAG,EAAE;MACR,OAAO,IAAI;IACb;IACA,IAAI,CAACT,WAAW,CAACU,IAAI,CAACD,GAAG,CAAC,EAAE;MAC1B,MAAM,IAAIE,KAAK,CACb,wBAAwBF,GAAG,+BAC7B,CAAC;IACH;IACA,OAAOA,GAAG;EACZ,CAAC;EACDG,QAAQ,EAAGL,KAAK,IAAK;IACnB,IAAI,CAACA,KAAK,EAAE;MACV,OAAO,IAAI;IACb;IACA,OAAOP,WAAW,CAACU,IAAI,CAACH,KAAK,CAAC,GAAG,IAAI,GAAG,cAAc;EACxD,CAAC;EACDM,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,IAAI;EACf;EACA;EACA;EACA;EACAC,gBAAgB,EAAE,IAAI;EACtBC,YAAY,EAAEA,CAAA,MAAO;IAAET,KAAK,EAAE;EAAK,CAAC;AACtC,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/url/Edit.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_ = "Edit2323644004";
+var _namespace_ = "Edit863738338";
 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": "Edit2323644004__root",
-  "urlInput": "Edit2323644004__urlInput"
+  "root": "Edit863738338__root",
+  "urlInput": "Edit863738338__urlInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/url/Edit.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/EditableTable/cellTypes/url/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit2323644004\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Edit2323644004__root\",\"urlInput\":\"Edit2323644004__urlInput\"};\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,gBAAgB;AAClC,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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,sBAAsB;EAAC,UAAU,EAAC;AAA0B,CAAC;AACnF,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/EditableTable/cellTypes/url/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit863738338\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Edit863738338__root\",\"urlInput\":\"Edit863738338__urlInput\"};\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,eAAe;AACjC,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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,qBAAqB;EAAC,UAAU,EAAC;AAAyB,CAAC;AACjF,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/EditableTable/cellTypes/url/View.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_ = "View283583614";
+var _namespace_ = "View2180595278";
 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": "View283583614__root",
-  "textView": "View283583614__textView",
-  "urlText": "View283583614__urlText",
-  "suffix": "View283583614__suffix"
+  "root": "View2180595278__root",
+  "textView": "View2180595278__textView",
+  "urlText": "View2180595278__urlText",
+  "suffix": "View2180595278__suffix"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/url/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/EditableTable/cellTypes/url/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View283583614\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"View283583614__root\",\"textView\":\"View283583614__textView\",\"urlText\":\"View283583614__urlText\",\"suffix\":\"View283583614__suffix\"};\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,eAAe;AACjC,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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,qBAAqB;EAAC,UAAU,EAAC,yBAAyB;EAAC,SAAS,EAAC,wBAAwB;EAAC,QAAQ,EAAC;AAAuB,CAAC;AACrJ,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/EditableTable/cellTypes/url/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View2180595278\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"View2180595278__root\",\"textView\":\"View2180595278__textView\",\"urlText\":\"View2180595278__urlText\",\"suffix\":\"View2180595278__suffix\"};\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,gBAAgB;AAClC,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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,sBAAsB;EAAC,UAAU,EAAC,0BAA0B;EAAC,SAAS,EAAC,yBAAyB;EAAC,QAAQ,EAAC;AAAwB,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,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/types.js.map

@@ -1 +1 @@
-{"version":3,"names":["defineCellType","cellType"],"sources":["../../../../src/components/EditableTable/types.ts"],"sourcesContent":["import type { CellType, ValidationRule } from '../../state/EditableTable/types';\n\nexport interface CellViewProps<V> {\n  value: V;\n  typeConfig?: unknown;\n  validation?: ValidationRule[];\n  /** Stable id of the column. Cell components can use it to derive unique DOM ids. */\n  columnId: string;\n  /** Stable key of the row. Cell components can use it to derive unique DOM ids. */\n  rowKey: string;\n}\n\nexport interface Focusable {\n  focus: () => void;\n}\n\nexport type EditTrigger =\n  | { kind: 'type'; key: string }\n  | 'enter'\n  | 'click'\n  | 'doubleClick';\n\nexport interface CellEditProps<V> {\n  value: V;\n  onChange: (value: V) => void;\n  onCommit: () => void;\n  onCancel: () => void;\n  /**\n   * Signals that the cell is starting an editing operation that will move focus\n   * outside the table (e.g., opening a media manager or a modal). Calling this\n   * sets isEditing=true so useClearFocusOnBlur does not clear cell focus while\n   * the external UI is open. Pair with onCommit (after the operation succeeds)\n   * or onCancel (if the user dismisses without a value change).\n   */\n  onStartEdit?: () => void;\n  /** Ref to the focusable input element. Used for type-to-edit (focusing the input when user starts typing on a focused cell). */\n  inputRef?: React.MutableRefObject<Focusable | undefined | null>;\n  typeConfig?: unknown;\n  /** How edit mode was triggered. Edit components can use this to customize behavior (e.g., date picker auto-opens on 'type'). */\n  editTrigger?: EditTrigger | null;\n  /** Column-level validation rules. Edit components can derive UI behavior (e.g., maxLength blocking/tooltip) from these. */\n  validation?: ValidationRule[];\n  /** Stable id of the column. Cell components can use it to derive unique DOM ids. */\n  columnId: string;\n  /** Stable key of the row. Cell components can use it to derive unique DOM ids. */\n  rowKey: string;\n}\n\n/**\n * Type-safe definition for a cell type. Non-value-typed props are derived\n * directly from CellType via Pick so new additions propagate automatically.\n */\nexport type CellTypeDefinition<V> = Pick<\n  CellType,\n  'editable' | 'clearable' | 'showEditWhenFocused'\n> & {\n  type: CellType['type'];\n  ViewComponent: React.ComponentType<CellViewProps<V>>;\n  EditComponent?: React.ComponentType<CellEditProps<V>>;\n  serialize?: (value: V) => string;\n  deserialize?: (raw: string) => V;\n  validate?: (value: V, rules?: ValidationRule[]) => string | null;\n  toggleValue?: (value: V) => V;\n  editOnClick?: (value: V) => boolean;\n  onTypeToEdit?: (params: {\n    key: string;\n    validation?: ValidationRule[];\n  }) => { value?: V } | undefined;\n  normalizeOnCommit?: (value: V) => V;\n};\n\n/** Type-safe factory for defining cell types. V ensures all value-typed fields are consistent. */\nexport function defineCellType<V>(cellType: CellTypeDefinition<V>): CellType {\n  return cellType as CellType;\n}\n"],"mappings":";;;;AAgDA;AACA;AACA;AACA;;AAoBA;AACO,SAASA,cAAcA,CAAIC,QAA+B,EAAY;EAC3E,OAAOA,QAAQ;AACjB","ignoreList":[]}
+{"version":3,"names":["defineCellType","cellType"],"sources":["../../../../src/components/EditableTable/types.ts"],"sourcesContent":["import type { CellType, ValidationRule } from '../../state/EditableTable/types';\n\nexport interface CellViewProps<V> {\n  value: V;\n  typeConfig?: unknown;\n  validation?: ValidationRule[];\n  /** Stable id of the column. Cell components can use it to derive unique DOM ids. */\n  columnId: string;\n  /** Stable key of the row. Cell components can use it to derive unique DOM ids. */\n  rowKey: string;\n}\n\nexport interface Focusable {\n  focus: () => void;\n}\n\nexport type EditTrigger =\n  | { kind: 'type'; key: string }\n  | 'enter'\n  | 'click'\n  | 'doubleClick';\n\nexport interface CellEditProps<V> {\n  value: V;\n  onChange: (value: V) => void;\n  onCommit: () => void;\n  onCancel: () => void;\n  /**\n   * Signals that the cell is starting an editing operation that will move focus\n   * outside the table (e.g., opening a media manager or a modal). Calling this\n   * sets isEditing=true so useClearFocusOnBlur does not clear cell focus while\n   * the external UI is open. Pair with onCommit (after the operation succeeds)\n   * or onCancel (if the user dismisses without a value change).\n   */\n  onStartEdit?: () => void;\n  /** Ref to the focusable input element. Used for type-to-edit (focusing the input when user starts typing on a focused cell). */\n  inputRef?: React.MutableRefObject<Focusable | undefined | null>;\n  typeConfig?: unknown;\n  /** How edit mode was triggered. Edit components can use this to customize behavior (e.g., date picker auto-opens on 'type'). */\n  editTrigger?: EditTrigger | null;\n  /** Column-level validation rules. Edit components can derive UI behavior (e.g., maxLength blocking/tooltip) from these. */\n  validation?: ValidationRule[];\n  /** Stable id of the column. Cell components can use it to derive unique DOM ids. */\n  columnId: string;\n  /** Stable key of the row. Cell components can use it to derive unique DOM ids. */\n  rowKey: string;\n}\n\n/**\n * Type-safe definition for a cell type. Non-value-typed props are derived\n * directly from CellType via Pick so new additions propagate automatically.\n */\nexport type CellTypeDefinition<V> = Pick<\n  CellType,\n  'editable' | 'clearable' | 'showEditWhenFocused' | 'nativeTypeToEdit'\n> & {\n  type: CellType['type'];\n  ViewComponent: React.ComponentType<CellViewProps<V>>;\n  EditComponent?: React.ComponentType<CellEditProps<V>>;\n  serialize?: (value: V) => string;\n  deserialize?: (raw: string) => V;\n  validate?: (value: V, rules?: ValidationRule[]) => string | null;\n  toggleValue?: (value: V) => V;\n  editOnClick?: (value: V) => boolean;\n  onTypeToEdit?: (params: {\n    key: string;\n    validation?: ValidationRule[];\n  }) => { value?: V } | undefined;\n  normalizeOnCommit?: (value: V) => V;\n};\n\n/** Type-safe factory for defining cell types. V ensures all value-typed fields are consistent. */\nexport function defineCellType<V>(cellType: CellTypeDefinition<V>): CellType {\n  return cellType as CellType;\n}\n"],"mappings":";;;;AAgDA;AACA;AACA;AACA;;AAoBA;AACO,SAASA,cAAcA,CAAIC,QAA+B,EAAY;EAC3E,OAAOA,QAAQ;AACjB","ignoreList":[]}

package/dist/cjs/components/EditableTable/useCellFocusAndEditing.js

@@ -3,6 +3,7 @@
 exports.__esModule = true;
 exports.useCellFocusAndEditing = useCellFocusAndEditing;
 var _react = require("react");
+var _reactDom = require("react-dom");
 function useCellFocusAndEditing({
   state,
   rowKey,
@@ -111,7 +112,7 @@ function useCellFocusAndEditing({
     // startEdit() must come before setEditingValue() because it resets
     // editingValue to undefined.
     if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && !e.nativeEvent.isComposing) {
-      var _editInputRef$current2;
+      var _editInputRef$current3;
       // Cell-type-level gate: only cell types that define onTypeToEdit support
       // type-to-edit. Absence of onTypeToEdit is the natural opt-out (e.g. boolean).
       if (!(resolved != null && resolved.onTypeToEdit)) {
@@ -127,6 +128,27 @@ function useCellFocusAndEditing({
       if (typeResult === undefined) {
         return;
       }
+      if (resolved.nativeTypeToEdit) {
+        var _editInputRef$current2;
+        // Synchronously enter edit mode and focus the input within the same
+        // keydown event. The browser's default action then delivers the
+        // character to the now-focused input — no programmatic seeding.
+        // Mirrors cms-web's `focusOnTyping` pattern (table-cell-wrapper.tsx).
+        (0, _reactDom.flushSync)(() => {
+          cellInteraction.startEdit(undefined, undefined, {
+            kind: 'type',
+            key: e.key
+          });
+          if ('value' in typeResult) {
+            cellInteraction.setEditingValue(typeResult.value);
+          }
+        });
+        (_editInputRef$current2 = editInputRef.current) == null || _editInputRef$current2.focus();
+        e.stopPropagation();
+        // Intentionally no preventDefault — the browser inserts the
+        // character into the now-focused input naturally.
+        return;
+      }
       e.preventDefault();
       cellInteraction.startEdit(undefined, undefined, {
         kind: 'type',
@@ -143,7 +165,7 @@ function useCellFocusAndEditing({
       // Best-effort: editInputRef.current is null here because the Edit
       // component only mounts after isEditing flips. The useEffect above
       // is the reliable focus path once the component renders.
-      (_editInputRef$current2 = editInputRef.current) == null || _editInputRef$current2.focus();
+      (_editInputRef$current3 = editInputRef.current) == null || _editInputRef$current3.focus();
       e.stopPropagation();
     }
   }, [editInputRef, isFocused, isEditable, isEditing, state, cellInteraction, resolved, handleActivate]);

package/dist/cjs/components/EditableTable/useCellFocusAndEditing.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","useCellFocusAndEditing","state","rowKey","columnId","cellRef","editInputRef","cellInteraction","column","_columnMap","get","resolved","resolveCellTypeByColumnId","id","isFocused","isCellFocused","isEditing","isCellEditing","isEditable","isCellEditable","useLayoutEffect","focusedCellElement","current","useEffect","document","activeElement","focus","setTimeout","_input$value","input","selectionStart","selectionEnd","len","value","length","setSelectionRange","_cellRef$current","contains","_cellRef$current2","preventScroll","handleActivate","useCallback","toggleValue","cellValue","toggleCell","startEdit","onKeyDown","e","updateItemDisabled","key","preventDefault","showEditWhenFocused","_editInputRef$current","ctrlKey","metaKey","altKey","nativeEvent","isComposing","_editInputRef$current2","onTypeToEdit","typeResult","validation","undefined","kind","setEditingValue","stopPropagation","useMemo"],"sources":["../../../../src/components/EditableTable/useCellFocusAndEditing.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useCallback, useMemo } from 'react';\nimport type { FiltersMap } from '@wix/bex-core';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport { Focusable } from './types';\n\ninterface UseCellFocusAndEditingParams<T, F extends FiltersMap> {\n  state: EditableTableState<T, F>;\n  rowKey: string;\n  columnId: string;\n  cellRef: React.MutableRefObject<HTMLDivElement | null | undefined>;\n  editInputRef: React.MutableRefObject<Focusable | null | undefined>;\n}\n\nexport function useCellFocusAndEditing<T, F extends FiltersMap>({\n  state,\n  rowKey,\n  columnId,\n  cellRef,\n  editInputRef,\n}: UseCellFocusAndEditingParams<T, F>) {\n  const { cellInteraction } = state;\n  const column = state._columnMap.get(columnId);\n  const resolved = column ? state.resolveCellTypeByColumnId(column.id) : null;\n  const isFocused = cellInteraction.isCellFocused(rowKey, columnId);\n  const isEditing = cellInteraction.isCellEditing(rowKey, columnId);\n  const isEditable = state.isCellEditable(rowKey, columnId);\n\n  // Register the focused cell's DOM element on the state so\n  // scrollFocusedCellIntoView can use it. useLayoutEffect ensures\n  // the element is set before the requestAnimationFrame in\n  // scrollFocusedCellIntoView runs.\n  useLayoutEffect(() => {\n    if (isFocused) {\n      cellInteraction.focusedCellElement = cellRef.current;\n    }\n    return () => {\n      if (cellInteraction.focusedCellElement === cellRef.current) {\n        cellInteraction.focusedCellElement = null;\n      }\n    };\n  }, [isFocused, cellRef, cellInteraction]);\n\n  // When focused (not editing): focus the cell div so it receives keyboard events.\n  // When editing starts: focus the input, then place caret at end in a setTimeout\n  // so it runs after the browser's own selection (e.g. from autoSelect) settles.\n  // Skip caret placement if the input already has a non-collapsed selection.\n  useEffect(() => {\n    if (!isFocused) {\n      return;\n    }\n\n    if (isEditing) {\n      if (\n        editInputRef.current &&\n        (document.activeElement as\n          | HTMLInputElement\n          | HTMLTextAreaElement\n          | null) !== editInputRef.current\n      ) {\n        editInputRef.current.focus();\n      }\n      setTimeout(() => {\n        // Use document.activeElement rather than editInputRef.current because\n        // editInputRef may point to a React component instance (e.g. InputArea)\n        // rather than the underlying DOM element, which has no .value property.\n        const input = document.activeElement as\n          | HTMLInputElement\n          | HTMLTextAreaElement\n          | null;\n        if (!input || !('selectionStart' in input)) {\n          return;\n        }\n        if (input.selectionStart !== input.selectionEnd) {\n          return;\n        }\n        const len = input.value?.length ?? 0;\n        input.setSelectionRange(len, len);\n      }, 0);\n    } else {\n      // Don't steal focus if a descendant already has it (e.g. image cell's\n      // inner-focus buttons). The gridcell only needs focusing when it isn't\n      // already within the active focus subtree.\n      if (!cellRef.current?.contains(document.activeElement)) {\n        cellRef.current?.focus({ preventScroll: true });\n      }\n    }\n  }, [isFocused, isEditing, cellRef, editInputRef]);\n\n  const handleActivate = useCallback(() => {\n    if (resolved?.toggleValue) {\n      state.cellValue.toggleCell(rowKey, columnId);\n    } else {\n      cellInteraction.startEdit();\n    }\n  }, [resolved, state, rowKey, columnId, cellInteraction]);\n\n  // Handle Enter and type-to-edit at the cell level\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (!isFocused || !isEditable || isEditing) {\n        return;\n      }\n      if (state.updateItemDisabled) {\n        return;\n      }\n\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        if (resolved?.showEditWhenFocused) {\n          // EditComponent is always visible. Focus into its first interactive\n          // element (inner focus) rather than entering full edit mode now —\n          // the cell type calls onStartEdit() itself right before any external\n          // UI (media manager / modal) opens, which is the only time isEditing\n          // needs to be true for useClearFocusOnBlur protection.\n          editInputRef.current?.focus();\n        } else {\n          handleActivate();\n        }\n        return;\n      }\n\n      // Type-to-edit: prevent the browser's default text insertion, start\n      // edit mode, then set the value programmatically via React state.\n      // startEdit() must come before setEditingValue() because it resets\n      // editingValue to undefined.\n      if (\n        e.key.length === 1 &&\n        !e.ctrlKey &&\n        !e.metaKey &&\n        !e.altKey &&\n        !e.nativeEvent.isComposing\n      ) {\n        // Cell-type-level gate: only cell types that define onTypeToEdit support\n        // type-to-edit. Absence of onTypeToEdit is the natural opt-out (e.g. boolean).\n        if (!resolved?.onTypeToEdit) {\n          return;\n        }\n\n        // Key-level gate: onTypeToEdit returning undefined means \"block this key\"\n        // (e.g. number blocks non-digit keys).\n        const typeResult = resolved.onTypeToEdit({\n          key: e.key,\n          validation: column?.validation,\n        });\n        if (typeResult === undefined) {\n          return;\n        }\n\n        e.preventDefault();\n        cellInteraction.startEdit(undefined, undefined, {\n          kind: 'type',\n          key: e.key,\n        });\n\n        if ('value' in typeResult) {\n          // Cell type provides an explicit pre-populated value (e.g. first typed\n          // char for text, or the digit for number).\n          cellInteraction.setEditingValue(typeResult.value);\n        }\n        // onTypeToEdit returned {} (no value): enter edit mode with current value intact\n        // (e.g. select/date open their picker without pre-populating).\n\n        // Best-effort: editInputRef.current is null here because the Edit\n        // component only mounts after isEditing flips. The useEffect above\n        // is the reliable focus path once the component renders.\n        editInputRef.current?.focus();\n        e.stopPropagation();\n      }\n    },\n    [\n      editInputRef,\n      isFocused,\n      isEditable,\n      isEditing,\n      state,\n      cellInteraction,\n      resolved,\n      handleActivate,\n    ],\n  );\n\n  return useMemo(() => ({ onKeyDown }), [onKeyDown]);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactDom","useCellFocusAndEditing","state","rowKey","columnId","cellRef","editInputRef","cellInteraction","column","_columnMap","get","resolved","resolveCellTypeByColumnId","id","isFocused","isCellFocused","isEditing","isCellEditing","isEditable","isCellEditable","useLayoutEffect","focusedCellElement","current","useEffect","document","activeElement","focus","setTimeout","_input$value","input","selectionStart","selectionEnd","len","value","length","setSelectionRange","_cellRef$current","contains","_cellRef$current2","preventScroll","handleActivate","useCallback","toggleValue","cellValue","toggleCell","startEdit","onKeyDown","e","updateItemDisabled","key","preventDefault","showEditWhenFocused","_editInputRef$current","ctrlKey","metaKey","altKey","nativeEvent","isComposing","_editInputRef$current3","onTypeToEdit","typeResult","validation","undefined","nativeTypeToEdit","_editInputRef$current2","flushSync","kind","setEditingValue","stopPropagation","useMemo"],"sources":["../../../../src/components/EditableTable/useCellFocusAndEditing.ts"],"sourcesContent":["import { useEffect, useLayoutEffect, useCallback, useMemo } from 'react';\nimport { flushSync } from 'react-dom';\nimport type { FiltersMap } from '@wix/bex-core';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport { Focusable } from './types';\n\ninterface UseCellFocusAndEditingParams<T, F extends FiltersMap> {\n  state: EditableTableState<T, F>;\n  rowKey: string;\n  columnId: string;\n  cellRef: React.MutableRefObject<HTMLDivElement | null | undefined>;\n  editInputRef: React.MutableRefObject<Focusable | null | undefined>;\n}\n\nexport function useCellFocusAndEditing<T, F extends FiltersMap>({\n  state,\n  rowKey,\n  columnId,\n  cellRef,\n  editInputRef,\n}: UseCellFocusAndEditingParams<T, F>) {\n  const { cellInteraction } = state;\n  const column = state._columnMap.get(columnId);\n  const resolved = column ? state.resolveCellTypeByColumnId(column.id) : null;\n  const isFocused = cellInteraction.isCellFocused(rowKey, columnId);\n  const isEditing = cellInteraction.isCellEditing(rowKey, columnId);\n  const isEditable = state.isCellEditable(rowKey, columnId);\n\n  // Register the focused cell's DOM element on the state so\n  // scrollFocusedCellIntoView can use it. useLayoutEffect ensures\n  // the element is set before the requestAnimationFrame in\n  // scrollFocusedCellIntoView runs.\n  useLayoutEffect(() => {\n    if (isFocused) {\n      cellInteraction.focusedCellElement = cellRef.current;\n    }\n    return () => {\n      if (cellInteraction.focusedCellElement === cellRef.current) {\n        cellInteraction.focusedCellElement = null;\n      }\n    };\n  }, [isFocused, cellRef, cellInteraction]);\n\n  // When focused (not editing): focus the cell div so it receives keyboard events.\n  // When editing starts: focus the input, then place caret at end in a setTimeout\n  // so it runs after the browser's own selection (e.g. from autoSelect) settles.\n  // Skip caret placement if the input already has a non-collapsed selection.\n  useEffect(() => {\n    if (!isFocused) {\n      return;\n    }\n\n    if (isEditing) {\n      if (\n        editInputRef.current &&\n        (document.activeElement as\n          | HTMLInputElement\n          | HTMLTextAreaElement\n          | null) !== editInputRef.current\n      ) {\n        editInputRef.current.focus();\n      }\n      setTimeout(() => {\n        // Use document.activeElement rather than editInputRef.current because\n        // editInputRef may point to a React component instance (e.g. InputArea)\n        // rather than the underlying DOM element, which has no .value property.\n        const input = document.activeElement as\n          | HTMLInputElement\n          | HTMLTextAreaElement\n          | null;\n        if (!input || !('selectionStart' in input)) {\n          return;\n        }\n        if (input.selectionStart !== input.selectionEnd) {\n          return;\n        }\n        const len = input.value?.length ?? 0;\n        input.setSelectionRange(len, len);\n      }, 0);\n    } else {\n      // Don't steal focus if a descendant already has it (e.g. image cell's\n      // inner-focus buttons). The gridcell only needs focusing when it isn't\n      // already within the active focus subtree.\n      if (!cellRef.current?.contains(document.activeElement)) {\n        cellRef.current?.focus({ preventScroll: true });\n      }\n    }\n  }, [isFocused, isEditing, cellRef, editInputRef]);\n\n  const handleActivate = useCallback(() => {\n    if (resolved?.toggleValue) {\n      state.cellValue.toggleCell(rowKey, columnId);\n    } else {\n      cellInteraction.startEdit();\n    }\n  }, [resolved, state, rowKey, columnId, cellInteraction]);\n\n  // Handle Enter and type-to-edit at the cell level\n  const onKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (!isFocused || !isEditable || isEditing) {\n        return;\n      }\n      if (state.updateItemDisabled) {\n        return;\n      }\n\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        if (resolved?.showEditWhenFocused) {\n          // EditComponent is always visible. Focus into its first interactive\n          // element (inner focus) rather than entering full edit mode now —\n          // the cell type calls onStartEdit() itself right before any external\n          // UI (media manager / modal) opens, which is the only time isEditing\n          // needs to be true for useClearFocusOnBlur protection.\n          editInputRef.current?.focus();\n        } else {\n          handleActivate();\n        }\n        return;\n      }\n\n      // Type-to-edit: prevent the browser's default text insertion, start\n      // edit mode, then set the value programmatically via React state.\n      // startEdit() must come before setEditingValue() because it resets\n      // editingValue to undefined.\n      if (\n        e.key.length === 1 &&\n        !e.ctrlKey &&\n        !e.metaKey &&\n        !e.altKey &&\n        !e.nativeEvent.isComposing\n      ) {\n        // Cell-type-level gate: only cell types that define onTypeToEdit support\n        // type-to-edit. Absence of onTypeToEdit is the natural opt-out (e.g. boolean).\n        if (!resolved?.onTypeToEdit) {\n          return;\n        }\n\n        // Key-level gate: onTypeToEdit returning undefined means \"block this key\"\n        // (e.g. number blocks non-digit keys).\n        const typeResult = resolved.onTypeToEdit({\n          key: e.key,\n          validation: column?.validation,\n        });\n        if (typeResult === undefined) {\n          return;\n        }\n\n        if (resolved.nativeTypeToEdit) {\n          // Synchronously enter edit mode and focus the input within the same\n          // keydown event. The browser's default action then delivers the\n          // character to the now-focused input — no programmatic seeding.\n          // Mirrors cms-web's `focusOnTyping` pattern (table-cell-wrapper.tsx).\n          flushSync(() => {\n            cellInteraction.startEdit(undefined, undefined, {\n              kind: 'type',\n              key: e.key,\n            });\n            if ('value' in typeResult) {\n              cellInteraction.setEditingValue(typeResult.value);\n            }\n          });\n          editInputRef.current?.focus();\n          e.stopPropagation();\n          // Intentionally no preventDefault — the browser inserts the\n          // character into the now-focused input naturally.\n          return;\n        }\n\n        e.preventDefault();\n        cellInteraction.startEdit(undefined, undefined, {\n          kind: 'type',\n          key: e.key,\n        });\n\n        if ('value' in typeResult) {\n          // Cell type provides an explicit pre-populated value (e.g. first typed\n          // char for text, or the digit for number).\n          cellInteraction.setEditingValue(typeResult.value);\n        }\n        // onTypeToEdit returned {} (no value): enter edit mode with current value intact\n        // (e.g. select/date open their picker without pre-populating).\n\n        // Best-effort: editInputRef.current is null here because the Edit\n        // component only mounts after isEditing flips. The useEffect above\n        // is the reliable focus path once the component renders.\n        editInputRef.current?.focus();\n        e.stopPropagation();\n      }\n    },\n    [\n      editInputRef,\n      isFocused,\n      isEditable,\n      isEditing,\n      state,\n      cellInteraction,\n      resolved,\n      handleActivate,\n    ],\n  );\n\n  return useMemo(() => ({ onKeyDown }), [onKeyDown]);\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EntityPage/EntityPagePlain.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_ = "EntityPagePlain1101727593";
+var _namespace_ = "EntityPagePlain3656952528";
 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": "EntityPagePlain1101727593__root"
+  "root": "EntityPagePlain3656952528__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EntityPage/EntityPagePlain.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/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain1101727593\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"EntityPagePlain1101727593__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAiC,CAAC;AACxD,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,oCAAoC,EAAC;AAAsC,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/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain3656952528\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"EntityPagePlain3656952528__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAiC,CAAC;AACxD,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,oCAAoC,EAAC;AAAsC,CAAC","ignoreList":[]}

package/dist/cjs/components/Fade/Fade.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_ = "Fade97149163";
+var _namespace_ = "Fade3961537099";
 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": "Fade97149163__root"
+  "root": "Fade3961537099__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Fade/Fade.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/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade97149163\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Fade97149163__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,cAAc;AAChC,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAoB,CAAC;AAC3C,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/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade3961537099\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Fade3961537099__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,gBAAgB;AAClC,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAsB,CAAC;AAC7C,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/Heading/Heading.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_ = "Heading4054149190";
+var _namespace_ = "Heading3542313235";
 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": "Heading4054149190__root"
+  "root": "Heading3542313235__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Heading/Heading.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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading4054149190\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Heading4054149190__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,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAyB,CAAC;AAChD,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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading3542313235\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Heading3542313235__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,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAyB,CAAC;AAChD,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/ImportButton/ImportStepUpload.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_ = "ImportStepUpload406100697";
+var _namespace_ = "ImportStepUpload40400209";
 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": "ImportStepUpload406100697__root",
-  "fileUpload": "ImportStepUpload406100697__fileUpload"
+  "root": "ImportStepUpload40400209__root",
+  "fileUpload": "ImportStepUpload40400209__fileUpload"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ImportButton/ImportStepUpload.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/ImportButton/ImportStepUpload.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ImportStepUpload406100697\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ImportStepUpload406100697__root\",\"fileUpload\":\"ImportStepUpload406100697__fileUpload\"};\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,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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,YAAY,EAAC;AAAuC,CAAC;AAC7G,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/ImportButton/ImportStepUpload.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ImportStepUpload40400209\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ImportStepUpload40400209__root\",\"fileUpload\":\"ImportStepUpload40400209__fileUpload\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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,YAAY,EAAC;AAAsC,CAAC;AAC3G,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/InputOverflow/InputOverflow.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_ = "InputOverflow1320026071";
+var _namespace_ = "InputOverflow2667912006";
 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": "InputOverflow1320026071__root"
+  "root": "InputOverflow2667912006__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/InputOverflow/InputOverflow.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/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow1320026071\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"InputOverflow1320026071__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,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAA+B,CAAC;AACtD,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/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow2667912006\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"InputOverflow2667912006__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,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAA+B,CAAC;AACtD,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/LoadingRow/LoadingRow.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_ = "LoadingRow1508922526";
+var _namespace_ = "LoadingRow2299462299";
 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": "LoadingRow1508922526__root"
+  "root": "LoadingRow2299462299__root"
 };
 var keyframes = exports.keyframes = {
-  "gradientSwoosh": "LoadingRow1508922526__gradientSwoosh"
+  "gradientSwoosh": "LoadingRow2299462299__gradientSwoosh"
 };
 var layers = exports.layers = {};
 var containers = exports.containers = {};

package/dist/cjs/components/LoadingRow/LoadingRow.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/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow1508922526\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"LoadingRow1508922526__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow1508922526__gradientSwoosh\"}; \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,sBAAsB;AACxC,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACzE,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/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow2299462299\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"LoadingRow2299462299__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow2299462299__gradientSwoosh\"}; \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,sBAAsB;AACxC,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACzE,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/MaxHeightText/MaxHeightText.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_ = "MaxHeightText2585741034";
+var _namespace_ = "MaxHeightText4266681468";
 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": "MaxHeightText2585741034__root"
+  "root": "MaxHeightText4266681468__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};