@wix/patterns 1.437.0 → 1.438.0

package/dist/cjs/components/SidePanelModal/SidePanelModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_bexCore","_react","_SlidingModal","_react2","_interopRequireWildcard","_mobx","_SidePanelModalItem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_SidePanelModal","props","top","left","state","onSidePanelOpen","closeSidePanel","isPanelLayout","useRelativeSidePanel","useWixPatternsContainer","pageState","usePageContext","sidePanel","sidePanelComponents","isOpen","width","useMemo","SidePanelWidth","style","right","undefined","bottom","overflow","useEffect","reaction","sidePanelOpen","onGlobalSidePanelOpenSub","disposers","sidePanelShow","remove","forEach","d","createElement","SlidingModal","dataHook","transitionStatus","transition","status","appendTo","overlay","contentRef","el","focus","modalElement","onExited","setStatus","onEntered","onEntering","onExiting","onRequestClose","close","__self","__source","fileName","lineNumber","columnNumber","Array","from","entries","map","key","ComponentType","SidePanelModalItem","id","SidePanelModal","exports","observer"],"sources":["../../../../src/components/SidePanelModal/SidePanelModal.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { SidePanelWidth } from '@wix/bex-core';\nimport { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';\nimport { SlidingModal } from '../SlidingModal';\nimport React, { useEffect, useMemo } from 'react';\nimport { reaction } from 'mobx';\nimport { SidePanelModalItem } from './SidePanelModalItem';\nimport { SidePanelsState } from '../../state/SidePanelsState';\n\nexport interface SidePanelModalProps {\n  top: number;\n  left?: number;\n  state: SidePanelsState;\n}\n\nfunction _SidePanelModal(props: SidePanelModalProps) {\n  const { top, left, state } = props;\n  const {\n    onSidePanelOpen,\n    closeSidePanel,\n    isPanelLayout,\n    useRelativeSidePanel,\n  } = useWixPatternsContainer();\n  const pageState = usePageContext();\n\n  const { sidePanel, sidePanelComponents } = state;\n\n  const { isOpen } = sidePanel;\n\n  const width = useMemo(\n    () => (isPanelLayout ? '100%' : SidePanelWidth),\n    [isPanelLayout],\n  );\n\n  const style = useMemo(\n    () => ({\n      top,\n      ...(useRelativeSidePanel\n        ? {\n            right: isPanelLayout ? undefined : 0,\n          }\n        : {\n            left: isPanelLayout\n              ? 0\n              : left != null\n              ? left - SidePanelWidth\n              : undefined,\n          }),\n      bottom: 0,\n      overflow: 'hidden',\n      width,\n    }),\n    [top, left, width],\n  );\n\n  useEffect(() => {\n    return reaction(\n      () => sidePanel.isOpen,\n      (sidePanelOpen) => {\n        pageState.sidePanelOpen = sidePanelOpen;\n      },\n    );\n  }, []);\n\n  useEffect(() => {\n    const onGlobalSidePanelOpenSub = onSidePanelOpen?.(() => {\n      state.closeSidePanel();\n    });\n\n    const disposers = [\n      reaction(\n        () => sidePanel.isOpen,\n        (sidePanelShow) => {\n          if (sidePanelShow) {\n            closeSidePanel?.();\n          }\n        },\n      ),\n    ];\n\n    return () => {\n      onGlobalSidePanelOpenSub?.remove();\n      disposers.forEach((d) => d?.());\n    };\n  }, []);\n\n  return (\n    <SlidingModal\n      dataHook=\"cairo-side-panel-modal\"\n      transitionStatus={sidePanel.transition.status}\n      style={style}\n      appendTo={isPanelLayout || useRelativeSidePanel ? 'parent' : undefined}\n      overlay={isPanelLayout}\n      contentRef={(el) => {\n        sidePanel.focus.modalElement = el;\n      }}\n      onExited={() => {\n        sidePanel.transition.setStatus('exited');\n      }}\n      onEntered={() => {\n        sidePanel.transition.setStatus('entered');\n      }}\n      onEntering={() => {\n        sidePanel.transition.setStatus('entering');\n      }}\n      onExiting={() => {\n        sidePanel.transition.setStatus('exiting');\n      }}\n      width={SidePanelWidth}\n      isOpen={isOpen}\n      onRequestClose={() => {\n        sidePanel.close();\n      }}\n    >\n      {Array.from(sidePanelComponents.entries()).map(([key, ComponentType]) => {\n        return (\n          <SidePanelModalItem key={key} id={key} width={width} state={state}>\n            <ComponentType />\n          </SidePanelModalItem>\n        );\n      })}\n    </SlidingModal>\n  );\n}\n\nexport const SidePanelModal = observer(_SidePanelModal);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_bexCore","_react","_SlidingModal","_react2","_interopRequireWildcard","_mobx","_SidePanelModalItem","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_SidePanelModal","props","top","left","state","onSidePanelOpen","closeSidePanel","isPanelLayout","useRelativeSidePanel","useWixPatternsContainer","pageState","usePageContext","sidePanel","sidePanelComponents","isOpen","width","useMemo","SidePanelWidth","isBmHarmonyTheme","useBmHarmonyTheme","inset","SidePanelInset","style","right","undefined","bottom","overflow","useEffect","reaction","sidePanelOpen","onGlobalSidePanelOpenSub","disposers","sidePanelShow","remove","forEach","d","createElement","SlidingModal","dataHook","transitionStatus","transition","status","appendTo","overlay","contentRef","el","focus","modalElement","onExited","setStatus","onEntered","onEntering","onExiting","closedOffset","onRequestClose","close","__self","__source","fileName","lineNumber","columnNumber","Array","from","entries","map","key","ComponentType","SidePanelModalItem","id","SidePanelModal","exports","observer"],"sources":["../../../../src/components/SidePanelModal/SidePanelModal.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { SidePanelInset, SidePanelWidth } from '@wix/bex-core';\nimport { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';\nimport { SlidingModal } from '../SlidingModal';\nimport React, { useEffect, useMemo } from 'react';\nimport { reaction } from 'mobx';\nimport { SidePanelModalItem } from './SidePanelModalItem';\nimport { SidePanelsState } from '../../state/SidePanelsState';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface SidePanelModalProps {\n  top: number;\n  left?: number;\n  state: SidePanelsState;\n}\n\nfunction _SidePanelModal(props: SidePanelModalProps) {\n  const { top, left, state } = props;\n  const {\n    onSidePanelOpen,\n    closeSidePanel,\n    isPanelLayout,\n    useRelativeSidePanel,\n  } = useWixPatternsContainer();\n  const pageState = usePageContext();\n\n  const { sidePanel, sidePanelComponents } = state;\n\n  const { isOpen } = sidePanel;\n\n  const width = useMemo(\n    () => (isPanelLayout ? '100%' : SidePanelWidth),\n    [isPanelLayout],\n  );\n\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n  const inset = isBmHarmonyTheme && !isPanelLayout ? SidePanelInset : 0;\n\n  const style = useMemo(\n    () => ({\n      top: top + inset,\n      ...(useRelativeSidePanel\n        ? {\n            right: isPanelLayout ? undefined : inset,\n          }\n        : {\n            left: isPanelLayout\n              ? 0\n              : left != null\n              ? left - SidePanelWidth - inset\n              : undefined,\n          }),\n      bottom: inset,\n      overflow: 'hidden',\n      width,\n    }),\n    [top, left, width, isPanelLayout, useRelativeSidePanel, inset],\n  );\n\n  useEffect(() => {\n    return reaction(\n      () => sidePanel.isOpen,\n      (sidePanelOpen) => {\n        pageState.sidePanelOpen = sidePanelOpen;\n      },\n    );\n  }, []);\n\n  useEffect(() => {\n    const onGlobalSidePanelOpenSub = onSidePanelOpen?.(() => {\n      state.closeSidePanel();\n    });\n\n    const disposers = [\n      reaction(\n        () => sidePanel.isOpen,\n        (sidePanelShow) => {\n          if (sidePanelShow) {\n            closeSidePanel?.();\n          }\n        },\n      ),\n    ];\n\n    return () => {\n      onGlobalSidePanelOpenSub?.remove();\n      disposers.forEach((d) => d?.());\n    };\n  }, []);\n\n  return (\n    <SlidingModal\n      dataHook=\"cairo-side-panel-modal\"\n      transitionStatus={sidePanel.transition.status}\n      style={style}\n      appendTo={isPanelLayout || useRelativeSidePanel ? 'parent' : undefined}\n      overlay={isPanelLayout}\n      contentRef={(el) => {\n        sidePanel.focus.modalElement = el;\n      }}\n      onExited={() => {\n        sidePanel.transition.setStatus('exited');\n      }}\n      onEntered={() => {\n        sidePanel.transition.setStatus('entered');\n      }}\n      onEntering={() => {\n        sidePanel.transition.setStatus('entering');\n      }}\n      onExiting={() => {\n        sidePanel.transition.setStatus('exiting');\n      }}\n      width={SidePanelWidth}\n      closedOffset={inset}\n      inset={inset}\n      isOpen={isOpen}\n      onRequestClose={() => {\n        sidePanel.close();\n      }}\n    >\n      {Array.from(sidePanelComponents.entries()).map(([key, ComponentType]) => {\n        return (\n          <SidePanelModalItem key={key} id={key} width={width} state={state}>\n            <ComponentType />\n          </SidePanelModalItem>\n        );\n      })}\n    </SlidingModal>\n  );\n}\n\nexport const SidePanelModal = observer(_SidePanelModal);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/SkeletonCard/SkeletonCard.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_ = "SkeletonCard3264404199";
+var _namespace_ = "SkeletonCard304981479";
 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": "SkeletonCard3264404199__root",
-  "headerLoading": "SkeletonCard3264404199__headerLoading"
+  "root": "SkeletonCard304981479__root",
+  "headerLoading": "SkeletonCard304981479__headerLoading"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SkeletonCard/SkeletonCard.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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard3264404199\";\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\":\"SkeletonCard3264404199__root\",\"headerLoading\":\"SkeletonCard3264404199__headerLoading\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,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,8BAA8B;EAAC,eAAe,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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard304981479\";\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\":\"SkeletonCard304981479__root\",\"headerLoading\":\"SkeletonCard304981479__headerLoading\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,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,6BAA6B;EAAC,eAAe,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/SlidingModal/SlidingModal.js

@@ -14,6 +14,8 @@ function SlidingModal(props) {
     className,
     style: styleProp,
     shadowWidth = 20,
+    closedOffset = 0,
+    inset = 0,
     width,
     isOpen,
     children,
@@ -29,8 +31,8 @@ function SlidingModal(props) {
   } = props;
   const style = (0, _react.useMemo)(() => ({
     ...styleProp,
-    transform: `translate3d(${isOpen ? 0 : typeof width === 'number' ? `${width + shadowWidth}px` : `${width}px`}, 0, 0)`
-  }), [styleProp, width, isOpen]);
+    transform: `translate3d(${isOpen ? 0 : typeof width === 'number' ? `${width + shadowWidth + closedOffset}px` : closedOffset ? `calc(${width} + ${shadowWidth + closedOffset}px)` : `${width}px`}, 0, 0)`
+  }), [styleProp, width, isOpen, shadowWidth, closedOffset]);
   const isOpenRef = (0, _react.useRef)(isOpen);
   const divRef = (0, _react.useRef)();
   (0, _react.useEffect)(() => {
@@ -89,7 +91,8 @@ function SlidingModal(props) {
     className: (0, _SlidingModalStCss.st)(_SlidingModalStCss.classes.root, {
       exited: transitionStatus === 'exited',
       overlay,
-      appendTo
+      appendTo,
+      inset: inset > 0
     }, ...[className, isOpen ? 'cairo-sliding-modal-is-open' : undefined]),
     role: "presentation",
     style: style,
@@ -97,7 +100,7 @@ function SlidingModal(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 110,
+      lineNumber: 116,
       columnNumber: 5
     }
   }, children);

package/dist/cjs/components/SlidingModal/SlidingModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_SlidingModalStCss","_scopeTab","_version","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SlidingModal","props","dataHook","className","style","styleProp","shadowWidth","width","isOpen","children","contentRef","onExited","onEntered","onEntering","onExiting","onRequestClose","transitionStatus","appendTo","overlay","useMemo","transform","isOpenRef","useRef","divRef","useEffect","process","env","NODE_ENV","current","rootElement","onTransitionEnd","propertyName","onTransitionStart","addEventListener","removeEventListener","createElement","tabIndex","onKeyDown","nativeEvent","code","scopeTab","ref","el","cairoVersion","st","classes","root","exited","undefined","role","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/SlidingModal/SlidingModal.tsx"],"sourcesContent":["import React, {\n  HTMLAttributes,\n  ReactNode,\n  RefCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport { st, classes } from './SlidingModal.st.css.js';\nimport { scopeTab } from './scopeTab';\nimport { version as cairoVersion } from '../../version';\n\nexport interface SlidingModalProps {\n  dataHook?: string;\n  width: string | number;\n  isOpen?: boolean;\n  style?: HTMLAttributes<HTMLElement>['style'];\n  className?: HTMLAttributes<HTMLElement>['className'];\n  children?: ReactNode;\n  contentRef?: RefCallback<HTMLDivElement>;\n  onExited?: () => void;\n  onEntered?: () => void;\n  onEntering?: () => void;\n  onExiting?: () => void;\n  transitionStatus?: string;\n  onRequestClose?: () => void;\n  shadowWidth?: number;\n  appendTo?: 'parent';\n  overlay?: boolean;\n}\n\nexport function SlidingModal(props: SlidingModalProps) {\n  const {\n    dataHook,\n    className,\n    style: styleProp,\n    shadowWidth = 20,\n    width,\n    isOpen,\n    children,\n    contentRef,\n    onExited,\n    onEntered,\n    onEntering,\n    onExiting,\n    onRequestClose,\n    transitionStatus,\n    appendTo,\n    overlay,\n  } = props;\n\n  const style = useMemo(\n    () => ({\n      ...styleProp,\n      transform: `translate3d(${\n        isOpen\n          ? 0\n          : typeof width === 'number'\n          ? `${width + shadowWidth}px`\n          : `${width}px`\n      }, 0, 0)`,\n    }),\n    [styleProp, width, isOpen],\n  );\n\n  const isOpenRef = useRef(isOpen);\n  const divRef = useRef<HTMLDivElement>();\n\n  useEffect(() => {\n    if (process.env.NODE_ENV === 'test' && isOpen) {\n      onEntered?.();\n    } else {\n      if (process.env.NODE_ENV === 'test' && isOpenRef.current) {\n        onExited?.();\n      }\n    }\n\n    isOpenRef.current = isOpen;\n  }, [isOpen]);\n\n  useEffect(() => {\n    const rootElement = divRef.current;\n\n    if (!rootElement) {\n      return;\n    }\n\n    const onTransitionEnd = (e: TransitionEvent) => {\n      if (e.propertyName === 'transform') {\n        isOpenRef.current ? onEntered?.() : onExited?.();\n      }\n    };\n\n    const onTransitionStart = (e: TransitionEvent) => {\n      if (e.propertyName === 'transform') {\n        isOpenRef.current ? onEntering?.() : onExiting?.();\n      }\n    };\n\n    rootElement.addEventListener('transitionend', onTransitionEnd);\n    rootElement.addEventListener('transitionstart', onTransitionStart);\n\n    return () => {\n      rootElement.removeEventListener('transitionend', onTransitionEnd);\n      rootElement.removeEventListener('transitionstart', onTransitionStart);\n    };\n  }, []);\n\n  return (\n    <div\n      tabIndex={-1}\n      onKeyDown={(e) => {\n        if (e.nativeEvent.code === 'Escape') {\n          onRequestClose?.();\n          return;\n        }\n        if (divRef.current && e.nativeEvent.code === 'Tab') {\n          scopeTab(divRef.current, e);\n          return;\n        }\n      }}\n      ref={(el) => {\n        if (el) {\n          divRef.current = el;\n        }\n\n        contentRef?.(el);\n      }}\n      data-hook={dataHook}\n      data-wix-patterns={cairoVersion}\n      data-transition-status={transitionStatus}\n      className={st(\n        classes.root,\n        {\n          exited: transitionStatus === 'exited',\n          overlay,\n          appendTo,\n        },\n        ...[className, isOpen ? 'cairo-sliding-modal-is-open' : undefined],\n      )}\n      role=\"presentation\"\n      style={style}\n      aria-modal={undefined}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_SlidingModalStCss","_scopeTab","_version","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SlidingModal","props","dataHook","className","style","styleProp","shadowWidth","closedOffset","inset","width","isOpen","children","contentRef","onExited","onEntered","onEntering","onExiting","onRequestClose","transitionStatus","appendTo","overlay","useMemo","transform","isOpenRef","useRef","divRef","useEffect","process","env","NODE_ENV","current","rootElement","onTransitionEnd","propertyName","onTransitionStart","addEventListener","removeEventListener","createElement","tabIndex","onKeyDown","nativeEvent","code","scopeTab","ref","el","cairoVersion","st","classes","root","exited","undefined","role","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/SlidingModal/SlidingModal.tsx"],"sourcesContent":["import React, {\n  HTMLAttributes,\n  ReactNode,\n  RefCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport { st, classes } from './SlidingModal.st.css.js';\nimport { scopeTab } from './scopeTab';\nimport { version as cairoVersion } from '../../version';\n\nexport interface SlidingModalProps {\n  dataHook?: string;\n  width: string | number;\n  isOpen?: boolean;\n  style?: HTMLAttributes<HTMLElement>['style'];\n  className?: HTMLAttributes<HTMLElement>['className'];\n  children?: ReactNode;\n  contentRef?: RefCallback<HTMLDivElement>;\n  onExited?: () => void;\n  onEntered?: () => void;\n  onEntering?: () => void;\n  onExiting?: () => void;\n  transitionStatus?: string;\n  onRequestClose?: () => void;\n  shadowWidth?: number;\n  closedOffset?: number;\n  inset?: number;\n  appendTo?: 'parent';\n  overlay?: boolean;\n}\n\nexport function SlidingModal(props: SlidingModalProps) {\n  const {\n    dataHook,\n    className,\n    style: styleProp,\n    shadowWidth = 20,\n    closedOffset = 0,\n    inset = 0,\n    width,\n    isOpen,\n    children,\n    contentRef,\n    onExited,\n    onEntered,\n    onEntering,\n    onExiting,\n    onRequestClose,\n    transitionStatus,\n    appendTo,\n    overlay,\n  } = props;\n\n  const style = useMemo(\n    () => ({\n      ...styleProp,\n      transform: `translate3d(${\n        isOpen\n          ? 0\n          : typeof width === 'number'\n          ? `${width + shadowWidth + closedOffset}px`\n          : closedOffset\n          ? `calc(${width} + ${shadowWidth + closedOffset}px)`\n          : `${width}px`\n      }, 0, 0)`,\n    }),\n    [styleProp, width, isOpen, shadowWidth, closedOffset],\n  );\n\n  const isOpenRef = useRef(isOpen);\n  const divRef = useRef<HTMLDivElement>();\n\n  useEffect(() => {\n    if (process.env.NODE_ENV === 'test' && isOpen) {\n      onEntered?.();\n    } else {\n      if (process.env.NODE_ENV === 'test' && isOpenRef.current) {\n        onExited?.();\n      }\n    }\n\n    isOpenRef.current = isOpen;\n  }, [isOpen]);\n\n  useEffect(() => {\n    const rootElement = divRef.current;\n\n    if (!rootElement) {\n      return;\n    }\n\n    const onTransitionEnd = (e: TransitionEvent) => {\n      if (e.propertyName === 'transform') {\n        isOpenRef.current ? onEntered?.() : onExited?.();\n      }\n    };\n\n    const onTransitionStart = (e: TransitionEvent) => {\n      if (e.propertyName === 'transform') {\n        isOpenRef.current ? onEntering?.() : onExiting?.();\n      }\n    };\n\n    rootElement.addEventListener('transitionend', onTransitionEnd);\n    rootElement.addEventListener('transitionstart', onTransitionStart);\n\n    return () => {\n      rootElement.removeEventListener('transitionend', onTransitionEnd);\n      rootElement.removeEventListener('transitionstart', onTransitionStart);\n    };\n  }, []);\n\n  return (\n    <div\n      tabIndex={-1}\n      onKeyDown={(e) => {\n        if (e.nativeEvent.code === 'Escape') {\n          onRequestClose?.();\n          return;\n        }\n        if (divRef.current && e.nativeEvent.code === 'Tab') {\n          scopeTab(divRef.current, e);\n          return;\n        }\n      }}\n      ref={(el) => {\n        if (el) {\n          divRef.current = el;\n        }\n\n        contentRef?.(el);\n      }}\n      data-hook={dataHook}\n      data-wix-patterns={cairoVersion}\n      data-transition-status={transitionStatus}\n      className={st(\n        classes.root,\n        {\n          exited: transitionStatus === 'exited',\n          overlay,\n          appendTo,\n          inset: inset > 0,\n        },\n        ...[className, isOpen ? 'cairo-sliding-modal-is-open' : undefined],\n      )}\n      role=\"presentation\"\n      style={style}\n      aria-modal={undefined}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/SlidingModal/SlidingModal.st.css

@@ -1,5 +1,7 @@
+@property st-global(--wds-side-panel-standard-corner-radius);
+
 .root {
-  -st-states: exited, overlay, appendTo(enum(parent));
+  -st-states: exited, overlay, inset, appendTo(enum(parent));
   transition: transform 0.4s ease 0s;
   position: fixed;
   z-index: 1;
@@ -13,6 +15,12 @@
   position: absolute;
 }
 
+.root:inset {
+  border-radius: var(--wds-side-panel-standard-corner-radius, 0);
+  /* pre-promote the layer so the rounded clip + shadow rasterize before the slide starts */
+  will-change: transform;
+}
+
 .root:not(:exited) {
   box-shadow: 0 3px 24px 0 rgba(22, 45, 61, 0.18),
     0 8px 8px 0 rgba(22, 45, 61, 0.12);

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

@@ -5,18 +5,20 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SlidingModal1088809015";
+var _namespace_ = "SlidingModal1492185790";
 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": "SlidingModal1088809015__root"
+  "root": "SlidingModal1492185790__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
 var containers = exports.containers = {};
 var stVars = exports.stVars = {};
-var vars = exports.vars = {};
+var vars = exports.vars = {
+  "wds-side-panel-standard-corner-radius": "--wds-side-panel-standard-corner-radius"
+};
 //# sourceMappingURL=SlidingModal.st.css.js.map

package/dist/cjs/components/SlidingModal/SlidingModal.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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal1088809015\";\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\":\"SlidingModal1088809015__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,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,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;AAA8B,CAAC;AACrD,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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal1492185790\";\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\":\"SlidingModal1492185790__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-side-panel-standard-corner-radius\":\"--wds-side-panel-standard-corner-radius\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,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;AAA8B,CAAC;AACrD,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,uCAAuC,EAAC;AAAyC,CAAC","ignoreList":[]}

package/dist/cjs/components/Table/AddFieldColumnHeader.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "AddFieldColumnHeader3849828666";
+var _namespace_ = "AddFieldColumnHeader1736342762";
 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": "AddFieldColumnHeader3849828666__root",
-  "title": "AddFieldColumnHeader3849828666__title",
-  "hoverBridge": "AddFieldColumnHeader3849828666__hoverBridge"
+  "root": "AddFieldColumnHeader1736342762__root",
+  "title": "AddFieldColumnHeader1736342762__title",
+  "hoverBridge": "AddFieldColumnHeader1736342762__hoverBridge"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Table/AddFieldColumnHeader.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/Table/AddFieldColumnHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AddFieldColumnHeader3849828666\";\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\":\"AddFieldColumnHeader3849828666__root\",\"title\":\"AddFieldColumnHeader3849828666__title\",\"hoverBridge\":\"AddFieldColumnHeader3849828666__hoverBridge\"};\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,gCAAgC;AAClD,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,sCAAsC;EAAC,OAAO,EAAC,uCAAuC;EAAC,aAAa,EAAC;AAA6C,CAAC;AACzK,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/Table/AddFieldColumnHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AddFieldColumnHeader1736342762\";\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\":\"AddFieldColumnHeader1736342762__root\",\"title\":\"AddFieldColumnHeader1736342762__title\",\"hoverBridge\":\"AddFieldColumnHeader1736342762__hoverBridge\"};\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,gCAAgC;AAClD,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,sCAAsC;EAAC,OAAO,EAAC,uCAAuC;EAAC,aAAa,EAAC;AAA6C,CAAC;AACzK,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/TabsFilter/TabsFilter.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_ = "TabsFilter3586451056";
+var _namespace_ = "TabsFilter261584330";
 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": "TabsFilter3586451056__root",
-  "title": "TabsFilter3586451056__title"
+  "root": "TabsFilter261584330__root",
+  "title": "TabsFilter261584330__title"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/TabsFilter/TabsFilter.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/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter3586451056\";\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\":\"TabsFilter3586451056__root\",\"title\":\"TabsFilter3586451056__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-tabs-label-fill\":\"--wds-tabs-label-fill\",\"wds-tabs-label-fill-active\":\"--wds-tabs-label-fill-active\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-D10\":\"--wsr-color-D10\"}; \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,4BAA4B;EAAC,OAAO,EAAC;AAA6B,CAAC;AACzF,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,qBAAqB,EAAC,uBAAuB;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter261584330\";\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\":\"TabsFilter261584330__root\",\"title\":\"TabsFilter261584330__title\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-tabs-label-fill\":\"--wds-tabs-label-fill\",\"wds-tabs-label-fill-active\":\"--wds-tabs-label-fill-active\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-D10\":\"--wsr-color-D10\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qBAAqB;AACvC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,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,2BAA2B;EAAC,OAAO,EAAC;AAA4B,CAAC;AACvF,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,qBAAqB,EAAC,uBAAuB;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.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_ = "ManageTagsModal2897725672";
+var _namespace_ = "ManageTagsModal1286226300";
 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": "ManageTagsModal2897725672__root"
+  "root": "ManageTagsModal1286226300__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal2897725672\";\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\":\"ManageTagsModal2897725672__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,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,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/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal1286226300\";\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\":\"ManageTagsModal1286226300__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,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,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/ToolbarItem/ToolbarItem.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_ = "ToolbarItem326594590";
+var _namespace_ = "ToolbarItem1478653332";
 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": "ToolbarItem326594590__root"
+  "root": "ToolbarItem1478653332__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItem/ToolbarItem.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/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem326594590\";\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\":\"ToolbarItem326594590__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,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,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/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem1478653332\";\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\":\"ToolbarItem1478653332__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,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;AAA6B,CAAC;AACpD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.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_ = "ToolbarItemBox3039701418";
+var _namespace_ = "ToolbarItemBox600544798";
 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": "ToolbarItemBox3039701418__root"
+  "root": "ToolbarItemBox600544798__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.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/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox3039701418\";\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\":\"ToolbarItemBox3039701418__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,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;AAAgC,CAAC;AACvD,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/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox600544798\";\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\":\"ToolbarItemBox600544798__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/ToolbarTitle/ToolbarTitle.js

@@ -9,6 +9,7 @@ var _designSystem = require("@wix/design-system");
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@wix/bex-core/react");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _bexCore = require("@wix/bex-core");
 var _v = require("@wix/bex-utils/@wix/bi-logger-os-data/v2");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ToolbarTitle/ToolbarTitle.tsx";
@@ -30,15 +31,19 @@ const ToolbarTitle = exports.ToolbarTitle = (0, _mobxReactLite.observer)(functio
     },
     reportBi
   } = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
+  // Under Harmony the toolbar keeps its own vertical padding (theme tokens),
+  // so the title must not add more on top of it
+  const verticalPadding = isBmHarmonyTheme ? undefined : 'SP2';
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
-    paddingTop: "SP2",
-    paddingBottom: "SP2",
+    paddingTop: verticalPadding,
+    paddingBottom: verticalPadding,
     width: "100%",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 71,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -48,7 +53,7 @@ const ToolbarTitle = exports.ToolbarTitle = (0, _mobxReactLite.observer)(functio
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 77,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
@@ -58,7 +63,7 @@ const ToolbarTitle = exports.ToolbarTitle = (0, _mobxReactLite.observer)(functio
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 68,
+      lineNumber: 78,
       columnNumber: 9
     }
   }, title), showTotal && (total || status.isSuccess) && /*#__PURE__*/_react.default.createElement(_designSystem.CounterBadge, {
@@ -68,7 +73,7 @@ const ToolbarTitle = exports.ToolbarTitle = (0, _mobxReactLite.observer)(functio
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 82,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, itemsLimit === undefined ? total : `${total} / ${itemsLimit}`))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -77,7 +82,7 @@ const ToolbarTitle = exports.ToolbarTitle = (0, _mobxReactLite.observer)(functio
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 81,
+      lineNumber: 91,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -89,7 +94,7 @@ const ToolbarTitle = exports.ToolbarTitle = (0, _mobxReactLite.observer)(functio
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 82,
+      lineNumber: 92,
       columnNumber: 9
     }
   }, subtitle == null ? void 0 : subtitle.text), (subtitle == null ? void 0 : subtitle.info) && /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, (0, _extends2.default)({}, subtitle.info, {
@@ -97,7 +102,7 @@ const ToolbarTitle = exports.ToolbarTitle = (0, _mobxReactLite.observer)(functio
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 91,
+      lineNumber: 101,
       columnNumber: 28
     }
   })), (subtitle == null ? void 0 : subtitle.learnMore) && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -114,7 +119,7 @@ const ToolbarTitle = exports.ToolbarTitle = (0, _mobxReactLite.observer)(functio
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 93,
+      lineNumber: 103,
       columnNumber: 11
     }
   }, subtitle.learnMore.label || t('cairo.table.subtitle.learnMore'))));

package/dist/cjs/components/ToolbarTitle/ToolbarTitle.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireDefault","_react2","_ToolbarCollectionContext","_bexCore","_v","_jsxFileName","ToolbarTitle","exports","observer","title","subtitle","showTotal","itemsLimit","translate","t","useWixPatternsContainer","collection","result","total","status","reportBi","useToolbarCollectionContext","default","createElement","Box","direction","paddingTop","paddingBottom","width","__self","__source","fileName","lineNumber","columnNumber","minWidth","verticalAlign","gap","Heading","dataHook","ellipsis","size","isSuccess","CounterBadge","skin","Fragment","undefined","Text","weight","secondary","text","info","InfoIcon","_extends2","learnMore","TextButton","as","rel","target","href","url","onClick","withoutDefaults","cairoLearnMore","origin","label"],"sources":["../../../../src/components/ToolbarTitle/ToolbarTitle.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport {\n  Box,\n  CounterBadge,\n  Heading,\n  InfoIcon,\n  InfoIconProps,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport React, { ReactNode } from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { withoutDefaults } from '@wix/bex-core';\nimport { cairoLearnMore } from '@wix/bex-utils/@wix/bi-logger-os-data/v2';\n\nexport interface ToolbarTitleProps {\n  /**\n   * Title to display at the left of the table's toolbar.\n   * @external\n   */\n  title: string | ReactNode;\n  /**\n   * Subtitle to display at the left of the table's toolbar under the title.\n   * @param {string} text The subtitle text\n   * @param {[InfoIconProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form--infoicon)} info info to display an info icon next to the subtitle text\n   * @param {string} learnMore an object with a `url`(required) and a `label`(optional), for displaying a link button on the subtitle\n   * @external\n   */\n  subtitle?: {\n    text: string;\n    info?: InfoIconProps;\n    learnMore?: {\n      url: string;\n      label?: string;\n    };\n  };\n  /**\n   * Whether to show a total count badge next to the title.\n   * @external\n   */\n  showTotal?: boolean;\n  /**\n   * Maximum number of items that can be displayed.\n   * <br><br>\n   * Shows only when `showTotal` is `true`.\n   * @external\n   */\n  itemsLimit?: number;\n}\n\nexport const ToolbarTitle = observer(function ToolbarTitle<\n  T,\n  F extends FiltersMap = FiltersMap,\n>({ title, subtitle, showTotal, itemsLimit }: ToolbarTitleProps) {\n  const { translate: t } = useWixPatternsContainer();\n  const {\n    collection: {\n      result: { total, status },\n    },\n    reportBi,\n  } = useToolbarCollectionContext<T, F>();\n\n  return (\n    <Box direction=\"vertical\" paddingTop=\"SP2\" paddingBottom=\"SP2\" width=\"100%\">\n      <Box minWidth={0} verticalAlign=\"middle\" gap=\"SP1\">\n        <Heading dataHook=\"toolbar-title\" ellipsis size=\"medium\">\n          {title}\n        </Heading>\n        {showTotal && (total || status.isSuccess) && (\n          <CounterBadge\n            size=\"small\"\n            skin=\"neutralLight\"\n            dataHook=\"toolbar-counter\"\n          >\n            <>{itemsLimit === undefined ? total : `${total} / ${itemsLimit}`}</>\n          </CounterBadge>\n        )}\n      </Box>\n      <Box gap=\"SP1\" verticalAlign=\"middle\">\n        <Text\n          dataHook=\"toolbar-subtitle\"\n          size=\"medium\"\n          weight=\"thin\"\n          secondary\n          ellipsis\n        >\n          {subtitle?.text}\n        </Text>\n        {subtitle?.info && <InfoIcon {...subtitle.info} size=\"small\" />}\n        {subtitle?.learnMore && (\n          <TextButton\n            dataHook=\"toolbar-subtitle-learn-more-cta\"\n            as=\"a\"\n            rel=\"noopener\"\n            target=\"_blank\"\n            href={subtitle.learnMore.url}\n            onClick={() => {\n              reportBi(\n                withoutDefaults(cairoLearnMore)({\n                  origin: 'Toolbar Subtitle',\n                }),\n              );\n            }}\n          >\n            {subtitle.learnMore.label || t('cairo.table.subtitle.learnMore')}\n          </TextButton>\n        )}\n      </Box>\n    </Box>\n  );\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireDefault","_react2","_ToolbarCollectionContext","_useBmHarmonyTheme","_bexCore","_v","_jsxFileName","ToolbarTitle","exports","observer","title","subtitle","showTotal","itemsLimit","translate","t","useWixPatternsContainer","collection","result","total","status","reportBi","useToolbarCollectionContext","isBmHarmonyTheme","useBmHarmonyTheme","verticalPadding","undefined","default","createElement","Box","direction","paddingTop","paddingBottom","width","__self","__source","fileName","lineNumber","columnNumber","minWidth","verticalAlign","gap","Heading","dataHook","ellipsis","size","isSuccess","CounterBadge","skin","Fragment","Text","weight","secondary","text","info","InfoIcon","_extends2","learnMore","TextButton","as","rel","target","href","url","onClick","withoutDefaults","cairoLearnMore","origin","label"],"sources":["../../../../src/components/ToolbarTitle/ToolbarTitle.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport {\n  Box,\n  CounterBadge,\n  Heading,\n  InfoIcon,\n  InfoIconProps,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport React, { ReactNode } from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { withoutDefaults } from '@wix/bex-core';\nimport { cairoLearnMore } from '@wix/bex-utils/@wix/bi-logger-os-data/v2';\n\nexport interface ToolbarTitleProps {\n  /**\n   * Title to display at the left of the table's toolbar.\n   * @external\n   */\n  title: string | ReactNode;\n  /**\n   * Subtitle to display at the left of the table's toolbar under the title.\n   * @param {string} text The subtitle text\n   * @param {[InfoIconProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form--infoicon)} info info to display an info icon next to the subtitle text\n   * @param {string} learnMore an object with a `url`(required) and a `label`(optional), for displaying a link button on the subtitle\n   * @external\n   */\n  subtitle?: {\n    text: string;\n    info?: InfoIconProps;\n    learnMore?: {\n      url: string;\n      label?: string;\n    };\n  };\n  /**\n   * Whether to show a total count badge next to the title.\n   * @external\n   */\n  showTotal?: boolean;\n  /**\n   * Maximum number of items that can be displayed.\n   * <br><br>\n   * Shows only when `showTotal` is `true`.\n   * @external\n   */\n  itemsLimit?: number;\n}\n\nexport const ToolbarTitle = observer(function ToolbarTitle<\n  T,\n  F extends FiltersMap = FiltersMap,\n>({ title, subtitle, showTotal, itemsLimit }: ToolbarTitleProps) {\n  const { translate: t } = useWixPatternsContainer();\n  const {\n    collection: {\n      result: { total, status },\n    },\n    reportBi,\n  } = useToolbarCollectionContext<T, F>();\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n  // Under Harmony the toolbar keeps its own vertical padding (theme tokens),\n  // so the title must not add more on top of it\n  const verticalPadding = isBmHarmonyTheme ? undefined : 'SP2';\n\n  return (\n    <Box\n      direction=\"vertical\"\n      paddingTop={verticalPadding}\n      paddingBottom={verticalPadding}\n      width=\"100%\"\n    >\n      <Box minWidth={0} verticalAlign=\"middle\" gap=\"SP1\">\n        <Heading dataHook=\"toolbar-title\" ellipsis size=\"medium\">\n          {title}\n        </Heading>\n        {showTotal && (total || status.isSuccess) && (\n          <CounterBadge\n            size=\"small\"\n            skin=\"neutralLight\"\n            dataHook=\"toolbar-counter\"\n          >\n            <>{itemsLimit === undefined ? total : `${total} / ${itemsLimit}`}</>\n          </CounterBadge>\n        )}\n      </Box>\n      <Box gap=\"SP1\" verticalAlign=\"middle\">\n        <Text\n          dataHook=\"toolbar-subtitle\"\n          size=\"medium\"\n          weight=\"thin\"\n          secondary\n          ellipsis\n        >\n          {subtitle?.text}\n        </Text>\n        {subtitle?.info && <InfoIcon {...subtitle.info} size=\"small\" />}\n        {subtitle?.learnMore && (\n          <TextButton\n            dataHook=\"toolbar-subtitle-learn-more-cta\"\n            as=\"a\"\n            rel=\"noopener\"\n            target=\"_blank\"\n            href={subtitle.learnMore.url}\n            onClick={() => {\n              reportBi(\n                withoutDefaults(cairoLearnMore)({\n                  origin: 'Toolbar Subtitle',\n                }),\n              );\n            }}\n          >\n            {subtitle.learnMore.label || t('cairo.table.subtitle.learnMore')}\n          </TextButton>\n        )}\n      </Box>\n    </Box>\n  );\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "common2940309204";
+var _namespace_ = "common3516106445";
 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": "common2940309204__root",
-  "column": "common2940309204__column",
-  "fullHeight": "common2940309204__fullHeight"
+  "root": "common3516106445__root",
+  "column": "common3516106445__column",
+  "fullHeight": "common3516106445__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/common.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/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common2940309204\";\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\":\"common2940309204__root\",\"column\":\"common2940309204__column\",\"fullHeight\":\"common2940309204__fullHeight\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,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/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common3516106445\";\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\":\"common3516106445__root\",\"column\":\"common3516106445__column\",\"fullHeight\":\"common3516106445__fullHeight\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,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/state/CollectionPage/CollectionPageHeader.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_ = "CollectionPageHeader588315468";
+var _namespace_ = "CollectionPageHeader2043964325";
 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": "CollectionPageHeader588315468__root"
+  "root": "CollectionPageHeader2043964325__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/state/CollectionPage/CollectionPageHeader.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/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader588315468\";\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\":\"CollectionPageHeader588315468__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,+BAA+B;AACjD,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;AAAqC,CAAC;AAC5D,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/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader2043964325\";\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\":\"CollectionPageHeader2043964325__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,gCAAgC;AAClD,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;AAAsC,CAAC;AAC7D,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":[]}