@wix/patterns 1.6.0 → 1.7.0

package/dist/cjs/test-utils/CairoTestApp.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_components","_designSystem","_react2","_react3","_EntityPage","_CollectionPageNew","_PageWrapper","_jsxFileName","CairoTestApp","children","driver","page","scrollElement","entityPageState","collectionPageState","child","default","createElement","Page","__self","__source","fileName","lineNumber","columnNumber","Header","title","Content","ref","style","height","overflow","Error","EntityPage","state","dataHook","CollectionPage","text","pageTitle","hideTotal","hideHeaderTotal","PageWrapper","EssentialsProvider","essentials","testContext","WixStyleReactEnvironmentProvider","locale","environment","language","WixPatternsTestProvider","WixPatternsContainerProvider","value","container"],"sources":["../../../src/test-utils/CairoTestApp.tsx"],"sourcesContent":["import React, { ReactNode, RefObject } from 'react';\nimport { WixPatternsTestProvider } from '../components';\nimport { Page, WixStyleReactEnvironmentProvider } from '@wix/design-system';\nimport { WixPatternsContainerProvider } from '@wix/bex-core/react';\nimport { WixPatternsContainerDriver } from '@wix/bex-core/testkit/internal';\nimport { EssentialsProvider } from '@wix/fe-essentials/react';\nimport { EntityPageState } from '../state';\nimport { CollectionPageState } from '@wix/bex-core';\nimport { EntityPage } from '../components/EntityPage';\nimport { CollectionPage } from '../components/CollectionPageNew';\nimport { PageWrapper } from '../components/PageWrapper/PageWrapper';\n\nexport interface CairoTestAppProps {\n  driver: WixPatternsContainerDriver;\n  children?: ReactNode;\n  page?: 'none' | 'wsr' | 'entity' | 'entity-page' | 'collection-page';\n  scrollElement?: RefObject<HTMLDivElement>;\n  entityPageState?: EntityPageState<any>;\n  collectionPageState?: CollectionPageState;\n}\n\nexport function CairoTestApp({\n  children,\n  driver,\n  page,\n  scrollElement,\n  entityPageState,\n  collectionPageState,\n}: CairoTestAppProps) {\n  let child = children;\n\n  switch (page) {\n    case 'wsr':\n      child = (\n        <Page>\n          <Page.Header title=\"Page Title\" />\n          <Page.Content>{children}</Page.Content>\n        </Page>\n      );\n      break;\n    case 'entity':\n      child = (\n        <Page>\n          <Page.Content>{children}</Page.Content>\n        </Page>\n      );\n      break;\n    case 'none':\n      child = (\n        <div\n          ref={scrollElement}\n          data-hook=\"custom-scroll-container\"\n          style={{ height: '200px', overflow: 'auto' }}\n        >\n          {child}\n        </div>\n      );\n      break;\n    case 'entity-page':\n      if (!entityPageState) {\n        throw new Error('Page state was not initialized');\n      }\n      child = (\n        <EntityPage state={entityPageState} dataHook={page}>\n          {children}\n        </EntityPage>\n      );\n      break;\n    case 'collection-page':\n      if (!collectionPageState) {\n        throw new Error('Page state was not initialized');\n      }\n      child = (\n        <CollectionPage dataHook={page}>\n          <CollectionPage.Header\n            title={{\n              text: collectionPageState.pageTitle || 'Title',\n              hideTotal: collectionPageState.hideHeaderTotal,\n            }}\n          />\n          <CollectionPage.Content>{children}</CollectionPage.Content>\n        </CollectionPage>\n      );\n      break;\n    default:\n      child = (\n        <PageWrapper>\n          <Page>\n            <Page.Content>{children}</Page.Content>\n          </Page>\n        </PageWrapper>\n      );\n      break;\n  }\n\n  return (\n    <EssentialsProvider essentials={driver.testContext}>\n      <WixStyleReactEnvironmentProvider\n        locale={driver.testContext.environment.language}\n      >\n        <WixPatternsTestProvider>\n          <WixPatternsContainerProvider value={driver.container}>\n            {child}\n          </WixPatternsContainerProvider>\n        </WixPatternsTestProvider>\n      </WixStyleReactEnvironmentProvider>\n    </EssentialsProvider>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_components","_designSystem","_react2","_react3","_EntityPage","_CollectionPageNew","_PageWrapper","_WixPatternsRouterProvider","_Router","_jsxFileName","CairoTestApp","children","driver","page","scrollElement","entityPageState","collectionPageState","routerParams","child","default","createElement","Page","__self","__source","fileName","lineNumber","columnNumber","Header","title","Content","ref","style","height","overflow","Error","EntityPage","state","dataHook","CollectionPage","text","pageTitle","hideTotal","hideHeaderTotal","React","Children","forEach","currentChild","isValidElement","WixPatternsRouterProvider","history","PageWrapper","EssentialsProvider","essentials","testContext","WixStyleReactEnvironmentProvider","locale","environment","language","WixPatternsTestProvider","WixPatternsContainerProvider","value","container"],"sources":["../../../src/test-utils/CairoTestApp.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode, RefObject } from 'react';\nimport { WixPatternsTestProvider } from '../components';\nimport { Page, WixStyleReactEnvironmentProvider } from '@wix/design-system';\nimport { WixPatternsContainerProvider } from '@wix/bex-core/react';\nimport { WixPatternsContainerDriver } from '@wix/bex-core/testkit/internal';\nimport { EssentialsProvider } from '@wix/fe-essentials/react';\nimport { EntityPageState } from '../state';\nimport { CollectionPageState } from '@wix/bex-core';\nimport { EntityPage } from '../components/EntityPage';\nimport { CollectionPage } from '../components/CollectionPageNew';\nimport { PageWrapper } from '../components/PageWrapper/PageWrapper';\nimport { WixPatternsRouterProvider } from '../providers/WixPatternsRouterProvider';\nimport Router, { RouteProps } from './Router';\nimport { History } from 'history';\n\nexport interface CairoTestAppProps {\n  driver: WixPatternsContainerDriver;\n  children?: ReactNode;\n  page?:\n    | 'none'\n    | 'wsr'\n    | 'entity'\n    | 'entity-page'\n    | 'collection-page'\n    | 'router';\n  scrollElement?: RefObject<HTMLDivElement>;\n  entityPageState?: EntityPageState<any>;\n  collectionPageState?: CollectionPageState;\n  routerParams?: { history: History };\n}\n\nexport function CairoTestApp({\n  children,\n  driver,\n  page,\n  scrollElement,\n  entityPageState,\n  collectionPageState,\n  routerParams,\n}: CairoTestAppProps) {\n  let child = children;\n\n  switch (page) {\n    case 'wsr':\n      child = (\n        <Page>\n          <Page.Header title=\"Page Title\" />\n          <Page.Content>{children}</Page.Content>\n        </Page>\n      );\n      break;\n    case 'entity':\n      child = (\n        <Page>\n          <Page.Content>{children}</Page.Content>\n        </Page>\n      );\n      break;\n    case 'none':\n      child = (\n        <div\n          ref={scrollElement}\n          data-hook=\"custom-scroll-container\"\n          style={{ height: '200px', overflow: 'auto' }}\n        >\n          {child}\n        </div>\n      );\n      break;\n    case 'entity-page':\n      if (!entityPageState) {\n        throw new Error('Page state was not initialized');\n      }\n      child = (\n        <EntityPage state={entityPageState} dataHook={page}>\n          {children}\n        </EntityPage>\n      );\n      break;\n    case 'collection-page':\n      if (!collectionPageState) {\n        throw new Error('Page state was not initialized');\n      }\n      child = (\n        <CollectionPage dataHook={page}>\n          <CollectionPage.Header\n            title={{\n              text: collectionPageState.pageTitle || 'Title',\n              hideTotal: collectionPageState.hideHeaderTotal,\n            }}\n          />\n          <CollectionPage.Content>{children}</CollectionPage.Content>\n        </CollectionPage>\n      );\n      break;\n    case 'router':\n      if (!routerParams) {\n        throw new Error('Router params were not initialized');\n      }\n\n      React.Children.forEach(children, (currentChild) => {\n        if (!React.isValidElement<RouteProps>(currentChild)) {\n          throw new Error('Each child needs to be a Route element');\n        }\n      });\n\n      child = (\n        <WixPatternsRouterProvider>\n          <Router history={routerParams.history}>\n            {children as ReactElement<RouteProps>[]}\n          </Router>\n        </WixPatternsRouterProvider>\n      );\n      break;\n    default:\n      child = (\n        <PageWrapper>\n          <Page>\n            <Page.Content>{children}</Page.Content>\n          </Page>\n        </PageWrapper>\n      );\n      break;\n  }\n\n  return (\n    <EssentialsProvider essentials={driver.testContext}>\n      <WixStyleReactEnvironmentProvider\n        locale={driver.testContext.environment.language}\n      >\n        <WixPatternsTestProvider>\n          <WixPatternsContainerProvider value={driver.container}>\n            {child}\n          </WixPatternsContainerProvider>\n        </WixPatternsTestProvider>\n      </WixStyleReactEnvironmentProvider>\n    </EssentialsProvider>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/test-utils/Router.js

@@ -0,0 +1,50 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.Route = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/test-utils/Router.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Route = ({
+  element
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, element);
+};
+exports.Route = Route;
+const Router = ({
+  history,
+  children
+}) => {
+  const [currentPath, setCurrentPath] = (0, _react.useState)('/');
+  (0, _react.useEffect)(() => {
+    history.push('/');
+    const handleRouteChange = () => {
+      setCurrentPath(history.location.pathname);
+    };
+    const unlisten = history.listen(handleRouteChange);
+    return () => {
+      unlisten();
+    };
+  }, [history]);
+  const renderElement = () => {
+    const routes = _react.default.Children.toArray(children);
+    const route = routes.find(r => r.props.path === currentPath);
+    if (route) {
+      return route.props.element;
+    }
+
+    // Handle 404 page not found
+    return /*#__PURE__*/_react.default.createElement("div", {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 46,
+        columnNumber: 12
+      }
+    }, "404 - Page Not Found");
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderElement());
+};
+var _default = exports.default = Router;
+//# sourceMappingURL=Router.js.map

package/dist/cjs/test-utils/Router.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Route","element","createElement","Fragment","exports","Router","history","children","currentPath","setCurrentPath","useState","useEffect","push","handleRouteChange","location","pathname","unlisten","listen","renderElement","routes","React","Children","toArray","route","find","props","path","__self","__source","fileName","lineNumber","columnNumber","_default"],"sources":["../../../src/test-utils/Router.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from 'react';\nimport { History } from 'history';\n\nexport type RouteProps = {\n  path: string;\n  element: ReactNode;\n};\n\ntype RouterProps = {\n  history: History;\n  children: React.ReactElement<RouteProps>[];\n};\n\nexport const Route: React.FC<RouteProps> = ({ element }) => {\n  return <>{element}</>;\n};\n\nconst Router: React.FC<RouterProps> = ({ history, children }) => {\n  const [currentPath, setCurrentPath] = useState('/');\n\n  useEffect(() => {\n    history.push('/');\n    const handleRouteChange = () => {\n      setCurrentPath(history.location.pathname);\n    };\n\n    const unlisten = history.listen(handleRouteChange);\n\n    return () => {\n      unlisten();\n    };\n  }, [history]);\n\n  const renderElement = () => {\n    const routes = React.Children.toArray(\n      children,\n    ) as React.ReactElement<RouteProps>[];\n\n    const route = routes.find((r) => r.props.path === currentPath);\n\n    if (route) {\n      return route.props.element;\n    }\n\n    // Handle 404 page not found\n    return <div>404 - Page Not Found</div>;\n  };\n\n  return <>{renderElement()}</>;\n};\n\nexport default Router;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/version.js

@@ -2,5 +2,5 @@
 
 exports.__esModule = true;
 exports.version = void 0;
-const version = exports.version = '1.6.0';
+const version = exports.version = '1.7.0';
 //# sourceMappingURL=version.js.map

package/dist/cjs/version.js.map

@@ -1 +1 @@
-{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = '1.6.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,OAAO","ignoreList":[]}
+{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = '1.7.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,OAAO","ignoreList":[]}

package/dist/esm/components/Collapse/Collapse.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Collapse2452591045";
+var _namespace_ = "Collapse2826484068";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Collapse2452591045__root", "exit": "Collapse2452591045__exit" };
+export var classes = { "root": "Collapse2826484068__root", "exit": "Collapse2826484068__exit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionToolbar1361548909";
+var _namespace_ = "CollectionToolbar2542849894";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionToolbar1361548909__root", "left": "CollectionToolbar1361548909__left", "right": "CollectionToolbar1361548909__right", "fullWidth": "CollectionToolbar1361548909__fullWidth" };
+export var classes = { "root": "CollectionToolbar2542849894__root", "left": "CollectionToolbar2542849894__left", "right": "CollectionToolbar2542849894__right", "fullWidth": "CollectionToolbar2542849894__fullWidth" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SearchOrCustomFilter2272884877";
+var _namespace_ = "SearchOrCustomFilter1242276543";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SearchOrCustomFilter2272884877__root", "search": "SearchOrCustomFilter2272884877__search" };
+export var classes = { "root": "SearchOrCustomFilter1242276543__root", "search": "SearchOrCustomFilter1242276543__search" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "AutoCompleteReadonly888449437";
+var _namespace_ = "AutoCompleteReadonly3687002231";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "AutoCompleteReadonly888449437__root" };
+export var classes = { "root": "AutoCompleteReadonly3687002231__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoCompleteReadonly.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,+BAA+B,CAAC;AAClD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qCAAqC,EAAC,CAAC;AACpE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"AutoCompleteReadonly.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,gCAAgC,CAAC;AACnD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sCAAsC,EAAC,CAAC;AACrE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ViewsDropdown220985580";
+var _namespace_ = "ViewsDropdown1854189129";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ViewsDropdown220985580__root" };
+export var classes = { "root": "ViewsDropdown1854189129__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewsDropdown.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"ViewsDropdown.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,CAAC;AAC9D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CustomFieldsViewWidgetSection3122085642";
+var _namespace_ = "CustomFieldsViewWidgetSection2629719098";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CustomFieldsViewWidgetSection3122085642__root", "breakWord": "CustomFieldsViewWidgetSection3122085642__breakWord" };
+export var classes = { "root": "CustomFieldsViewWidgetSection2629719098__root", "breakWord": "CustomFieldsViewWidgetSection2629719098__breakWord" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/DragHandle/DragHandle.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "DragHandle1517266132";
+var _namespace_ = "DragHandle2265779515";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "DragHandle1517266132__root" };
+export var classes = { "root": "DragHandle2265779515__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Fade/Fade.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Fade321838888";
+var _namespace_ = "Fade3125959834";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Fade321838888__root" };
+export var classes = { "root": "Fade3125959834__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Fade/Fade.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fade.st.css.js","sourceRoot":"","sources":["../../../../src/components/Fade/Fade.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qBAAqB,EAAC,CAAC;AACpD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Fade.st.css.js","sourceRoot":"","sources":["../../../../src/components/Fade/Fade.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sBAAsB,EAAC,CAAC;AACrD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/Grid/GridContent.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useLayoutEffect, useState, } from 'react';
 import { observer } from 'mobx-react-lite';
 import { GridBaseState, gridSizePresets, topGridSizePreset, } from '../../state';
 import { InitialSkeletonLoader } from '../InitialLoader/InitialSkeletonLoader';
@@ -47,6 +47,9 @@ function _GridContent(props) {
             child,
             withInfiniteScrollLoader && (React.createElement(PageGridInfiniteScrollLoader, { dataHook: "infinite-scroll-loader", state: grid, scrollMoreAlways: true }))));
     }
+    useLayoutEffect(() => {
+        grid._containerRectState._syncThrottled();
+    }, []);
     useEffect(() => grid._containerRectState.init(), []);
     return (React.createElement(Box, { direction: "vertical", paddingTop: contentPaddingPx, paddingRight: contentPaddingPx, paddingLeft: contentPaddingPx },
         React.createElement("div", { ref: (el) => {

package/dist/esm/components/Grid/GridContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridContent.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridContent.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"GridContent.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridContent.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Heading/Heading.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Heading474265119";
+var _namespace_ = "Heading2019793782";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Heading474265119__root" };
+export var classes = { "root": "Heading2019793782__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Heading/Heading.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.st.css.js","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,kBAAkB,CAAC;AACrC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,wBAAwB,EAAC,CAAC;AACvD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Heading.st.css.js","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yBAAyB,EAAC,CAAC;AACxD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/InputOverflow/InputOverflow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "InputOverflow3815277278";
+var _namespace_ = "InputOverflow730133619";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "InputOverflow3815277278__root" };
+export var classes = { "root": "InputOverflow730133619__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/InputOverflow/InputOverflow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputOverflow.st.css.js","sourceRoot":"","sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,CAAC;AAC9D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"InputOverflow.st.css.js","sourceRoot":"","sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MaxHeightText3393999751";
+var _namespace_ = "MaxHeightText2660191181";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MaxHeightText3393999751__root" };
+export var classes = { "root": "MaxHeightText2660191181__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/MaxLines/MaxLines.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MaxLines3460525737";
+var _namespace_ = "MaxLines2168273275";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MaxLines3460525737__root" };
+export var classes = { "root": "MaxLines2168273275__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MultiBulkActionToolbar519773883";
+var _namespace_ = "MultiBulkActionToolbar2103483983";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MultiBulkActionToolbar519773883__root" };
+export var classes = { "root": "MultiBulkActionToolbar2103483983__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiBulkActionToolbar.st.css.js","sourceRoot":"","sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,iCAAiC,CAAC;AACpD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,uCAAuC,EAAC,CAAC;AACtE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"MultiBulkActionToolbar.st.css.js","sourceRoot":"","sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,kCAAkC,CAAC;AACrD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,wCAAwC,EAAC,CAAC;AACvE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/NestedTable/NestedTableRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTableRow1450829755";
+var _namespace_ = "NestedTableRow1879222687";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NestedTableRow1450829755__root", "firstLevel": "NestedTableRow1450829755__firstLevel", "placeholder": "NestedTableRow1450829755__placeholder", "parentHovered": "NestedTableRow1450829755__parentHovered" };
+export var classes = { "root": "NestedTableRow1879222687__root", "firstLevel": "NestedTableRow1879222687__firstLevel", "placeholder": "NestedTableRow1879222687__placeholder", "parentHovered": "NestedTableRow1879222687__parentHovered" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/PickerContent/PickerContent.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerContent1101107275";
+var _namespace_ = "PickerContent3592395448";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerContent1101107275__root" };
+export var classes = { "root": "PickerContent3592395448__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerContentAdditionalStep3939523087";
+var _namespace_ = "PickerContentAdditionalStep3721951987";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerContentAdditionalStep3939523087__root", "titles": "PickerContentAdditionalStep3939523087__titles", "suffix": "PickerContentAdditionalStep3939523087__suffix" };
+export var classes = { "root": "PickerContentAdditionalStep3721951987__root", "titles": "PickerContentAdditionalStep3721951987__titles", "suffix": "PickerContentAdditionalStep3721951987__suffix" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/PickerTableListItem/PickerTableListItem.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerTableListItem1566306729";
+var _namespace_ = "PickerTableListItem1910396454";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerTableListItem1566306729__root" };
+export var classes = { "root": "PickerTableListItem1910396454__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ScrollableContent4260748327";
+var _namespace_ = "ScrollableContent1109727505";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ScrollableContent4260748327__root" };
+export var classes = { "root": "ScrollableContent1109727505__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/SkeletonCard/SkeletonCard.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SkeletonCard293732648";
+var _namespace_ = "SkeletonCard453180551";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SkeletonCard293732648__root", "headerLoading": "SkeletonCard293732648__headerLoading" };
+export var classes = { "root": "SkeletonCard453180551__root", "headerLoading": "SkeletonCard453180551__headerLoading" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/SlidingModal/SlidingModal.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SlidingModal1360604165";
+var _namespace_ = "SlidingModal3149478620";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SlidingModal1360604165__root" };
+export var classes = { "root": "SlidingModal3149478620__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Table/TableVirtual.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "TableVirtual2281798992";
+var _namespace_ = "TableVirtual1368446937";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "TableVirtual2281798992__root", "thead": "TableVirtual2281798992__thead" };
+export var classes = { "root": "TableVirtual1368446937__root", "thead": "TableVirtual1368446937__thead" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/TabsFilter/TabsFilter.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "TabsFilter3301500623";
+var _namespace_ = "TabsFilter3943503374";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "TabsFilter3301500623__root", "title": "TabsFilter3301500623__title" };
+export var classes = { "root": "TabsFilter3943503374__root", "title": "TabsFilter3943503374__title" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "ManageTagsModal1877012423";
+var _namespace_ = "ManageTagsModal3154448183";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ManageTagsModal1877012423__root" };
+export var classes = { "root": "ManageTagsModal3154448183__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/ToolbarItemBox/ToolbarItemBox.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ToolbarItemBox3083545210";
+var _namespace_ = "ToolbarItemBox1624898318";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ToolbarItemBox3083545210__root" };
+export var classes = { "root": "ToolbarItemBox1624898318__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};