@wix/patterns 1.436.0 → 1.438.0

package/dist/cjs/components/SetupWidget/SetupWidget.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","_default","base","body","tryAgainButton","TextButtonUniDriver","$","stepCta","id","ButtonUniDriver","getTitle","text","getProgressLabel","getStepTitles","$$","map","el","stepExists","exists","clickStep","click","clickStepCta","stepCtaExists","disabledTooltipExists","isStepExpanded","isStepFocused","attr","then","value","isGroupExpanded","clickByDataHook","dataHook","isAllComplete","isLoading","isError","clickTryAgain","baseUniDriverFactory","exports","default"],"sources":["../../../../src/components/SetupWidget/SetupWidget.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  ButtonUniDriver,\n  TextButtonUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport default (base: UniDriver, body: UniDriver) => {\n  const tryAgainButton = () =>\n    TextButtonUniDriver(\n      base.$(`[data-hook=\"error-card-state-action-button\"]`),\n      body,\n    );\n\n  const stepCta = (id: string) =>\n    ButtonUniDriver(base.$(`[data-hook=\"setup-step-cta-${id}\"]`), body);\n\n  return {\n    /** Widget title text. */\n    getTitle: () => base.$(`[data-hook=\"setup-widget-title\"]`).text(),\n    /** \"X/Y completed\" progress label text. */\n    getProgressLabel: () =>\n      base.$(`[data-hook=\"setup-widget-progress\"]`).text(),\n    /** Titles of all rendered steps, in order. */\n    getStepTitles: () =>\n      base.$$(`[data-hook^=\"setup-step-title-\"]`).map((el) => el.text()),\n    /** Whether a given step row/card is rendered. */\n    stepExists: (id: string) =>\n      base.$(`[data-hook=\"setup-step-${id}\"]`).exists(),\n    /** Click a step's row/card (triggers inline toggle or navigate). */\n    clickStep: (id: string) => base.$(`[data-hook=\"setup-step-${id}\"]`).click(),\n    /** Click a step's CTA button. */\n    clickStepCta: (id: string) => stepCta(id).click(),\n    /** Whether a step's CTA is rendered. */\n    stepCtaExists: (id: string) =>\n      base.$(`[data-hook=\"setup-step-cta-${id}\"]`).exists(),\n    /** Whether a disabled step's permission tooltip wraps its CTA. */\n    disabledTooltipExists: (id: string) =>\n      base.$(`[data-hook=\"setup-step-disabled-tooltip-${id}\"]`).exists(),\n    /** Whether a step's inline-expansion content is shown. */\n    isStepExpanded: (id: string) =>\n      base.$(`[data-hook=\"setup-step-content-${id}\"]`).exists(),\n    /** Whether a step row/card is the single focused (\"next\") step. */\n    isStepFocused: (id: string) =>\n      base\n        .$(`[data-hook=\"setup-step-${id}\"]`)\n        .attr('data-focused')\n        .then((value) => value === 'true'),\n    /** Whether an aggregated group's children are shown. */\n    isGroupExpanded: (id: string) =>\n      base.$(`[data-hook=\"setup-step-children-${id}\"]`).exists(),\n    /** Click an arbitrary element by data-hook within the widget. */\n    clickByDataHook: (dataHook: string) =>\n      base.$(`[data-hook=\"${dataHook}\"]`).click(),\n    /** Whether the all-complete success surface is shown. */\n    isAllComplete: () => base.$(`[data-hook=\"setup-all-complete\"]`).exists(),\n    /** Whether the loading skeleton is shown. */\n    isLoading: () => base.$(`[data-hook=\"setup-widget-skeleton\"]`).exists(),\n    /** Whether the error state is shown. */\n    isError: () => base.$(`[data-hook=\"error-card-state\"]`).exists(),\n    /** Click the error state's \"try again\" button (refetches). */\n    clickTryAgain: () => tryAgainButton().click(),\n    ...baseUniDriverFactory(base),\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","_default","base","body","tryAgainButton","TextButtonUniDriver","$","stepCta","id","ButtonUniDriver","stepCard","ClickableCardUniDriver","getTitle","text","getProgressLabel","getStepTitles","$$","map","el","stepExists","exists","clickStep","click","clickStepCard","clickStepCta","stepCtaExists","disabledTooltipExists","isStepExpanded","getInlineContentActionStyle","attr","isStepFocused","then","value","isGroupExpanded","clickByDataHook","dataHook","isAllComplete","isLoading","isError","clickTryAgain","baseUniDriverFactory","exports","default"],"sources":["../../../../src/components/SetupWidget/SetupWidget.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  ButtonUniDriver,\n  ClickableCardUniDriver,\n  TextButtonUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport default (base: UniDriver, body: UniDriver) => {\n  const tryAgainButton = () =>\n    TextButtonUniDriver(\n      base.$(`[data-hook=\"error-card-state-action-button\"]`),\n      body,\n    );\n\n  const stepCta = (id: string) =>\n    ButtonUniDriver(base.$(`[data-hook=\"setup-step-cta-${id}\"]`), body);\n\n  const stepCard = (id: string) =>\n    ClickableCardUniDriver(base.$(`[data-hook=\"setup-step-${id}\"]`), body);\n\n  return {\n    /** Widget title text. */\n    getTitle: () => base.$(`[data-hook=\"setup-widget-title\"]`).text(),\n    /** \"X/Y completed\" progress label text. */\n    getProgressLabel: () =>\n      base.$(`[data-hook=\"setup-widget-progress\"]`).text(),\n    /** Titles of all rendered steps, in order. */\n    getStepTitles: () =>\n      base.$$(`[data-hook^=\"setup-step-title-\"]`).map((el) => el.text()),\n    /** Whether a given step row/card is rendered. */\n    stepExists: (id: string) =>\n      base.$(`[data-hook=\"setup-step-${id}\"]`).exists(),\n    /** Click a step's row/card. */\n    clickStep: (id: string) => base.$(`[data-hook=\"setup-step-${id}\"]`).click(),\n    /** Click a desktop step card's activation overlay. */\n    clickStepCard: (id: string) => stepCard(id).click(),\n    /** Click a step's CTA button. */\n    clickStepCta: (id: string) => stepCta(id).click(),\n    /** Whether a step's CTA is rendered. */\n    stepCtaExists: (id: string) =>\n      base.$(`[data-hook=\"setup-step-cta-${id}\"]`).exists(),\n    /** Whether a disabled step's permission tooltip wraps its CTA. */\n    disabledTooltipExists: (id: string) =>\n      base.$(`[data-hook=\"setup-step-disabled-tooltip-${id}\"]`).exists(),\n    /** Whether a step's inline-expansion content is shown. */\n    isStepExpanded: (id: string) =>\n      base.$(`[data-hook=\"setup-step-content-${id}\"]`).exists(),\n    /** Inline content must be lifted over the card's activation overlay. */\n    getInlineContentActionStyle: (id: string) =>\n      base\n        .$(`[data-hook=\"setup-step-content-action-${id}\"]`)\n        .attr('style'),\n    /** Whether a step row/card is the single focused (\"next\") step. */\n    isStepFocused: (id: string) =>\n      base\n        .$(`[data-hook=\"setup-step-${id}\"]`)\n        .attr('data-focused')\n        .then((value) => value === 'true'),\n    /** Whether an aggregated group's children are shown. */\n    isGroupExpanded: (id: string) =>\n      base.$(`[data-hook=\"setup-step-children-${id}\"]`).exists(),\n    /** Click an arbitrary element by data-hook within the widget. */\n    clickByDataHook: (dataHook: string) =>\n      base.$(`[data-hook=\"${dataHook}\"]`).click(),\n    /** Whether the all-complete success surface is shown. */\n    isAllComplete: () => base.$(`[data-hook=\"setup-all-complete\"]`).exists(),\n    /** Whether the loading skeleton is shown. */\n    isLoading: () => base.$(`[data-hook=\"setup-widget-skeleton\"]`).exists(),\n    /** Whether the error state is shown. */\n    isError: () => base.$(`[data-hook=\"error-card-state\"]`).exists(),\n    /** Click the error state's \"try again\" button (refetches). */\n    clickTryAgain: () => tryAgainButton().click(),\n    ...baseUniDriverFactory(base),\n  };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -9,6 +9,7 @@ var _SlidingModal = require("../SlidingModal");
 var _react2 = _interopRequireWildcard(require("react"));
 var _mobx = require("mobx");
 var _SidePanelModalItem = require("./SidePanelModalItem");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/SidePanelModal/SidePanelModal.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _SidePanelModal(props) {
@@ -32,17 +33,19 @@ function _SidePanelModal(props) {
     isOpen
   } = sidePanel;
   const width = (0, _react2.useMemo)(() => isPanelLayout ? '100%' : _bexCore.SidePanelWidth, [isPanelLayout]);
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
+  const inset = isBmHarmonyTheme && !isPanelLayout ? _bexCore.SidePanelInset : 0;
   const style = (0, _react2.useMemo)(() => ({
-    top,
+    top: top + inset,
     ...(useRelativeSidePanel ? {
-      right: isPanelLayout ? undefined : 0
+      right: isPanelLayout ? undefined : inset
     } : {
-      left: isPanelLayout ? 0 : left != null ? left - _bexCore.SidePanelWidth : undefined
+      left: isPanelLayout ? 0 : left != null ? left - _bexCore.SidePanelWidth - inset : undefined
     }),
-    bottom: 0,
+    bottom: inset,
     overflow: 'hidden',
     width
-  }), [top, left, width]);
+  }), [top, left, width, isPanelLayout, useRelativeSidePanel, inset]);
   (0, _react2.useEffect)(() => {
     return (0, _mobx.reaction)(() => sidePanel.isOpen, sidePanelOpen => {
       pageState.sidePanelOpen = sidePanelOpen;
@@ -84,6 +87,8 @@ function _SidePanelModal(props) {
       sidePanel.transition.setStatus('exiting');
     },
     width: _bexCore.SidePanelWidth,
+    closedOffset: inset,
+    inset: inset,
     isOpen: isOpen,
     onRequestClose: () => {
       sidePanel.close();
@@ -91,7 +96,7 @@ function _SidePanelModal(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 88,
+      lineNumber: 92,
       columnNumber: 5
     }
   }, Array.from(sidePanelComponents.entries()).map(([key, ComponentType]) => {
@@ -103,14 +108,14 @@ function _SidePanelModal(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 117,
+        lineNumber: 123,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react2.default.createElement(ComponentType, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 118,
+        lineNumber: 124,
         columnNumber: 13
       }
     }));

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_ = "SkeletonCard1261095733";
+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": "SkeletonCard1261095733__root",
-  "headerLoading": "SkeletonCard1261095733__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_ = \"SkeletonCard1261095733\";\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\":\"SkeletonCard1261095733__root\",\"headerLoading\":\"SkeletonCard1261095733__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_ = "SlidingModal2267206532";
+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": "SlidingModal2267206532__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_ = \"SlidingModal2267206532\";\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\":\"SlidingModal2267206532__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_ = "AddFieldColumnHeader2667196467";
+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": "AddFieldColumnHeader2667196467__root",
-  "title": "AddFieldColumnHeader2667196467__title",
-  "hoverBridge": "AddFieldColumnHeader2667196467__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_ = \"AddFieldColumnHeader2667196467\";\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\":\"AddFieldColumnHeader2667196467__root\",\"title\":\"AddFieldColumnHeader2667196467__title\",\"hoverBridge\":\"AddFieldColumnHeader2667196467__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_ = "TabsFilter1822916798";
+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": "TabsFilter1822916798__root",
-  "title": "TabsFilter1822916798__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_ = \"TabsFilter1822916798\";\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\":\"TabsFilter1822916798__root\",\"title\":\"TabsFilter1822916798__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_ = "ManageTagsModal3564937902";
+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": "ManageTagsModal3564937902__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_ = \"ManageTagsModal3564937902\";\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\":\"ManageTagsModal3564937902__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_ = "ToolbarItem748894430";
+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": "ToolbarItem748894430__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_ = \"ToolbarItem748894430\";\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\":\"ToolbarItem748894430__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_ = "ToolbarItemBox2783906135";
+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": "ToolbarItemBox2783906135__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_ = \"ToolbarItemBox2783906135\";\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\":\"ToolbarItemBox2783906135__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'))));