@wix/patterns 1.427.0 → 1.431.0

package/dist/cjs/components/SetupWidget/SetupStepGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_react2","_SetupStepIcon","_SetupWidgetStCss","_jsxFileName","SetupStepGroup","step","isMobile","expanded","isPrimary","onToggle","renderChild","translate","t","useWixPatternsContainer","children","steps","total","length","completed","filter","c","status","allCompleted","anyInProgress","some","isFocused","Chevron","ChevronUp","ChevronDown","header","default","createElement","role","tabIndex","onClick","onKeyDown","event","key","preventDefault","style","cursor","__self","__source","fileName","lineNumber","columnNumber","Box","align","verticalAlign","width","minHeight","gap","undefined","className","st","classes","stepIcon","SetupStepIcon","marginTop","paddingLeft","direction","Text","dataHook","id","size","weight","title","inProgressLabel","Badge","skin","type","Tag","removable","height","childList","map","child","Fragment","card","padding","row","exports"],"sources":["../../../../src/components/SetupWidget/SetupStepGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text, Badge, Tag } from '@wix/design-system';\nimport { ChevronDown, ChevronUp } from '@wix/wix-ui-icons-common';\nimport { SetupWidgetStep } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { SetupStepIcon } from './SetupStepIcon';\nimport { st, classes } from './SetupWidget.st.css.js';\n\nexport interface SetupStepGroupProps {\n  step: SetupWidgetStep;\n  isMobile: boolean;\n  /** The group's children are shown. */\n  expanded: boolean;\n  /** The recommended/focused row. */\n  isPrimary: boolean;\n  onToggle: () => void;\n  /** Renders a single child step (the parent supplies the row/card). */\n  renderChild: (child: SetupWidgetStep) => React.ReactNode;\n}\n\n/**\n * Aggregated group row (e.g. \"Stores\", \"Bookings\"). Collapsed: icon + title +\n * an \"x/y\" counter + chevron. Expanded: the children render indented below.\n * Completion / in-progress are derived from the children (mirrors\n * `AggregatedByGroupStep` in dashboard-setup). The toggle lives on the header\n * only, so clicking a child doesn't collapse the group.\n */\nexport const SetupStepGroup = ({\n  step,\n  isMobile,\n  expanded,\n  isPrimary,\n  onToggle,\n  renderChild,\n}: SetupStepGroupProps) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const children = step.steps ?? [];\n  const total = children.length;\n  const completed = children.filter((c) => c.status === 'completed').length;\n  const allCompleted = total > 0 && completed === total;\n  const anyInProgress = children.some((c) => c.status === 'in-progress');\n  const isFocused = expanded || isPrimary;\n  const Chevron = expanded ? ChevronUp : ChevronDown;\n\n  const header = (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={onToggle}\n      onKeyDown={(event: React.KeyboardEvent) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault();\n          onToggle();\n        }\n      }}\n      style={{ cursor: 'pointer' }}\n    >\n      <Box\n        align=\"space-between\"\n        verticalAlign=\"middle\"\n        width=\"100%\"\n        minHeight=\"30px\"\n      >\n        <Box\n          minHeight=\"24px\"\n          verticalAlign=\"middle\"\n          gap={isMobile ? 'SP1' : undefined}\n        >\n          {isMobile ? (\n            <Box className={st(classes.stepIcon)}>\n              <SetupStepIcon\n                status={allCompleted ? 'completed' : 'upcoming'}\n                marginTop=\"0px\"\n              />\n            </Box>\n          ) : (\n            <SetupStepIcon status={allCompleted ? 'completed' : 'upcoming'} />\n          )}\n          {/* Mobile cards stack the badge under the title (matches\n              SetupStepCard); desktop rows keep it inline next to it. */}\n          <Box\n            paddingLeft={isMobile ? undefined : 'SP2'}\n            direction={isMobile ? 'vertical' : 'horizontal'}\n            verticalAlign={isMobile ? undefined : 'middle'}\n            gap=\"SP1\"\n          >\n            <Text\n              dataHook={`setup-step-title-${step.id}`}\n              size=\"small\"\n              weight={isFocused ? 'bold' : 'thin'}\n            >\n              {step.title}\n            </Text>\n            {anyInProgress &&\n              !allCompleted &&\n              (isMobile ? (\n                <Text\n                  size=\"tiny\"\n                  weight=\"normal\"\n                  className={st(classes.inProgressLabel)}\n                >\n                  {t('cairo.setupWidget.step.inProgress')}\n                </Text>\n              ) : (\n                <Box marginTop=\"2px\">\n                  <Badge size=\"tiny\" skin=\"urgent\" type=\"transparent\">\n                    {t('cairo.setupWidget.step.inProgress')}\n                  </Badge>\n                </Box>\n              ))}\n          </Box>\n        </Box>\n        <Box verticalAlign=\"middle\" gap=\"SP1\">\n          <Tag\n            id={`setup-step-counter-${step.id}`}\n            skin=\"neutral\"\n            removable={false}\n            size=\"small\"\n          >\n            {t('cairo.setupWidget.aggregated.counter', { completed, total })}\n          </Tag>\n          <Box dataHook={`setup-step-chevron-${step.id}`}>\n            <Chevron width=\"20\" height=\"20\" />\n          </Box>\n        </Box>\n      </Box>\n    </div>\n  );\n\n  const childList = expanded && (\n    <Box\n      dataHook={`setup-step-children-${step.id}`}\n      direction=\"vertical\"\n      gap={isMobile ? 'SP3' : 'SP1'}\n      paddingLeft=\"SP5\"\n      marginTop={isMobile ? 'SP3' : 'SP1'}\n    >\n      {children.map((child) => (\n        <React.Fragment key={child.id}>{renderChild(child)}</React.Fragment>\n      ))}\n    </Box>\n  );\n\n  if (isMobile) {\n    return (\n      <div data-hook={`setup-step-${step.id}`} className={st(classes.card)}>\n        <Box direction=\"vertical\" padding=\"SP2\">\n          {header}\n          {childList}\n        </Box>\n      </div>\n    );\n  }\n\n  return (\n    <div data-hook={`setup-step-${step.id}`} className={st(classes.row)}>\n      {header}\n      {childList}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_react2","_SetupStepIcon","_SetupWidgetStCss","_jsxFileName","SetupStepGroup","step","isMobile","expanded","isPrimary","onToggle","renderChild","translate","t","useWixPatternsContainer","children","steps","total","length","completed","filter","c","status","allCompleted","anyInProgress","some","isFocused","Chevron","ChevronUp","ChevronDown","header","default","createElement","role","tabIndex","onClick","onKeyDown","event","key","preventDefault","style","cursor","__self","__source","fileName","lineNumber","columnNumber","Box","align","verticalAlign","width","minHeight","gap","undefined","className","st","classes","stepIcon","SetupStepIcon","marginTop","paddingLeft","direction","Text","dataHook","id","size","weight","title","inProgressLabel","Badge","skin","type","Tag","removable","height","childList","map","child","Fragment","card","padding","row","exports"],"sources":["../../../../src/components/SetupWidget/SetupStepGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Text, Badge, Tag } from '@wix/design-system';\nimport { ChevronDown, ChevronUp } from '@wix/wix-ui-icons-common/lazy';\nimport { SetupWidgetStep } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { SetupStepIcon } from './SetupStepIcon';\nimport { st, classes } from './SetupWidget.st.css.js';\n\nexport interface SetupStepGroupProps {\n  step: SetupWidgetStep;\n  isMobile: boolean;\n  /** The group's children are shown. */\n  expanded: boolean;\n  /** The recommended/focused row. */\n  isPrimary: boolean;\n  onToggle: () => void;\n  /** Renders a single child step (the parent supplies the row/card). */\n  renderChild: (child: SetupWidgetStep) => React.ReactNode;\n}\n\n/**\n * Aggregated group row (e.g. \"Stores\", \"Bookings\"). Collapsed: icon + title +\n * an \"x/y\" counter + chevron. Expanded: the children render indented below.\n * Completion / in-progress are derived from the children (mirrors\n * `AggregatedByGroupStep` in dashboard-setup). The toggle lives on the header\n * only, so clicking a child doesn't collapse the group.\n */\nexport const SetupStepGroup = ({\n  step,\n  isMobile,\n  expanded,\n  isPrimary,\n  onToggle,\n  renderChild,\n}: SetupStepGroupProps) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const children = step.steps ?? [];\n  const total = children.length;\n  const completed = children.filter((c) => c.status === 'completed').length;\n  const allCompleted = total > 0 && completed === total;\n  const anyInProgress = children.some((c) => c.status === 'in-progress');\n  const isFocused = expanded || isPrimary;\n  const Chevron = expanded ? ChevronUp : ChevronDown;\n\n  const header = (\n    <div\n      role=\"button\"\n      tabIndex={0}\n      onClick={onToggle}\n      onKeyDown={(event: React.KeyboardEvent) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault();\n          onToggle();\n        }\n      }}\n      style={{ cursor: 'pointer' }}\n    >\n      <Box\n        align=\"space-between\"\n        verticalAlign=\"middle\"\n        width=\"100%\"\n        minHeight=\"30px\"\n      >\n        <Box\n          minHeight=\"24px\"\n          verticalAlign=\"middle\"\n          gap={isMobile ? 'SP1' : undefined}\n        >\n          {isMobile ? (\n            <Box className={st(classes.stepIcon)}>\n              <SetupStepIcon\n                status={allCompleted ? 'completed' : 'upcoming'}\n                marginTop=\"0px\"\n              />\n            </Box>\n          ) : (\n            <SetupStepIcon status={allCompleted ? 'completed' : 'upcoming'} />\n          )}\n          {/* Mobile cards stack the badge under the title (matches\n              SetupStepCard); desktop rows keep it inline next to it. */}\n          <Box\n            paddingLeft={isMobile ? undefined : 'SP2'}\n            direction={isMobile ? 'vertical' : 'horizontal'}\n            verticalAlign={isMobile ? undefined : 'middle'}\n            gap=\"SP1\"\n          >\n            <Text\n              dataHook={`setup-step-title-${step.id}`}\n              size=\"small\"\n              weight={isFocused ? 'bold' : 'thin'}\n            >\n              {step.title}\n            </Text>\n            {anyInProgress &&\n              !allCompleted &&\n              (isMobile ? (\n                <Text\n                  size=\"tiny\"\n                  weight=\"normal\"\n                  className={st(classes.inProgressLabel)}\n                >\n                  {t('cairo.setupWidget.step.inProgress')}\n                </Text>\n              ) : (\n                <Box marginTop=\"2px\">\n                  <Badge size=\"tiny\" skin=\"urgent\" type=\"transparent\">\n                    {t('cairo.setupWidget.step.inProgress')}\n                  </Badge>\n                </Box>\n              ))}\n          </Box>\n        </Box>\n        <Box verticalAlign=\"middle\" gap=\"SP1\">\n          <Tag\n            id={`setup-step-counter-${step.id}`}\n            skin=\"neutral\"\n            removable={false}\n            size=\"small\"\n          >\n            {t('cairo.setupWidget.aggregated.counter', { completed, total })}\n          </Tag>\n          <Box dataHook={`setup-step-chevron-${step.id}`}>\n            <Chevron width=\"20\" height=\"20\" />\n          </Box>\n        </Box>\n      </Box>\n    </div>\n  );\n\n  const childList = expanded && (\n    <Box\n      dataHook={`setup-step-children-${step.id}`}\n      direction=\"vertical\"\n      gap={isMobile ? 'SP3' : 'SP1'}\n      paddingLeft=\"SP5\"\n      marginTop={isMobile ? 'SP3' : 'SP1'}\n    >\n      {children.map((child) => (\n        <React.Fragment key={child.id}>{renderChild(child)}</React.Fragment>\n      ))}\n    </Box>\n  );\n\n  if (isMobile) {\n    return (\n      <div data-hook={`setup-step-${step.id}`} className={st(classes.card)}>\n        <Box direction=\"vertical\" padding=\"SP2\">\n          {header}\n          {childList}\n        </Box>\n      </div>\n    );\n  }\n\n  return (\n    <div data-hook={`setup-step-${step.id}`} className={st(classes.row)}>\n      {header}\n      {childList}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/SetupWidget/SetupStepIcon.js

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.SetupStepIcon = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/SetupWidget/SetupStepIcon.tsx";
 /**
  * Leading status indicator for a step. Mirrors the existing Setup widget:
@@ -29,7 +29,7 @@ const SetupStepIcon = ({
         lineNumber: 24,
         columnNumber: 7
       }
-    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ConfirmSmall, {
+    }, /*#__PURE__*/_react.default.createElement(_lazy.ConfirmSmall, {
       width: "18px",
       height: "18px",
       color: "var(--wsr-color-G20)",
@@ -50,7 +50,7 @@ const SetupStepIcon = ({
       lineNumber: 34,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.CircleSmallFilledSmall, {
+  }, /*#__PURE__*/_react.default.createElement(_lazy.CircleSmallFilledSmall, {
     width: "18px",
     height: "18px",
     color: color,

package/dist/cjs/components/SetupWidget/SetupStepIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_jsxFileName","SetupStepIcon","status","marginTop","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","ConfirmSmall","width","height","color","CircleSmallFilledSmall","exports"],"sources":["../../../../src/components/SetupWidget/SetupStepIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport { ConfirmSmall, CircleSmallFilledSmall } from '@wix/wix-ui-icons-common';\nimport { SetupWidgetStepStatus } from '@wix/bex-core';\n\n/**\n * Leading status indicator for a step. Mirrors the existing Setup widget:\n * green check when completed, muted dot when disabled, blue dot otherwise.\n */\nexport const SetupStepIcon = ({\n  status,\n  /**\n   * Top nudge that centers the 18px icon on a single line of text. Defaults to\n   * the desktop value; the mobile card centers the icon via its own wrapper and\n   * passes \"0px\" to drop the nudge.\n   */\n  marginTop = '3px',\n}: {\n  status: SetupWidgetStepStatus;\n  marginTop?: string;\n}) => {\n  if (status === 'completed') {\n    return (\n      <Box marginTop={marginTop}>\n        <ConfirmSmall width=\"18px\" height=\"18px\" color=\"var(--wsr-color-G20)\" />\n      </Box>\n    );\n  }\n\n  const color =\n    status === 'disabled' ? 'var(--wsr-color-D40)' : 'var(--wsr-color-B10)';\n\n  return (\n    <Box marginTop={marginTop}>\n      <CircleSmallFilledSmall width=\"18px\" height=\"18px\" color={color} />\n    </Box>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAAgF,IAAAG,YAAA;AAGhF;AACA;AACA;AACA;AACO,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,MAAM;EACN;AACF;AACA;AACA;AACA;EACEC,SAAS,GAAG;AAId,CAAC,KAAK;EACJ,IAAID,MAAM,KAAK,WAAW,EAAE;IAC1B,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;MAACH,SAAS,EAAEA,SAAU;MAAAI,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACxBhB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,iBAAA,CAAAa,YAAY;MAACC,KAAK,EAAC,MAAM;MAACC,MAAM,EAAC,MAAM;MAACC,KAAK,EAAC,sBAAsB;MAAAR,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACpE,CAAC;EAEV;EAEA,MAAMI,KAAK,GACTb,MAAM,KAAK,UAAU,GAAG,sBAAsB,GAAG,sBAAsB;EAEzE,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;IAACH,SAAS,EAAEA,SAAU;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxBhB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,iBAAA,CAAAiB,sBAAsB;IAACH,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAACC,KAAK,EAAEA,KAAM;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC/D,CAAC;AAEV,CAAC;AAACM,OAAA,CAAAhB,aAAA,GAAAA,aAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_jsxFileName","SetupStepIcon","status","marginTop","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","ConfirmSmall","width","height","color","CircleSmallFilledSmall","exports"],"sources":["../../../../src/components/SetupWidget/SetupStepIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport { ConfirmSmall, CircleSmallFilledSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { SetupWidgetStepStatus } from '@wix/bex-core';\n\n/**\n * Leading status indicator for a step. Mirrors the existing Setup widget:\n * green check when completed, muted dot when disabled, blue dot otherwise.\n */\nexport const SetupStepIcon = ({\n  status,\n  /**\n   * Top nudge that centers the 18px icon on a single line of text. Defaults to\n   * the desktop value; the mobile card centers the icon via its own wrapper and\n   * passes \"0px\" to drop the nudge.\n   */\n  marginTop = '3px',\n}: {\n  status: SetupWidgetStepStatus;\n  marginTop?: string;\n}) => {\n  if (status === 'completed') {\n    return (\n      <Box marginTop={marginTop}>\n        <ConfirmSmall width=\"18px\" height=\"18px\" color=\"var(--wsr-color-G20)\" />\n      </Box>\n    );\n  }\n\n  const color =\n    status === 'disabled' ? 'var(--wsr-color-D40)' : 'var(--wsr-color-B10)';\n\n  return (\n    <Box marginTop={marginTop}>\n      <CircleSmallFilledSmall width=\"18px\" height=\"18px\" color={color} />\n    </Box>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAAqF,IAAAG,YAAA;AAGrF;AACA;AACA;AACA;AACO,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,MAAM;EACN;AACF;AACA;AACA;AACA;EACEC,SAAS,GAAG;AAId,CAAC,KAAK;EACJ,IAAID,MAAM,KAAK,WAAW,EAAE;IAC1B,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;MAACH,SAAS,EAAEA,SAAU;MAAAI,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACxBhB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAa,YAAY;MAACC,KAAK,EAAC,MAAM;MAACC,MAAM,EAAC,MAAM;MAACC,KAAK,EAAC,sBAAsB;MAAAR,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACpE,CAAC;EAEV;EAEA,MAAMI,KAAK,GACTb,MAAM,KAAK,UAAU,GAAG,sBAAsB,GAAG,sBAAsB;EAEzE,oBACEP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;IAACH,SAAS,EAAEA,SAAU;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxBhB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAiB,sBAAsB;IAACH,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAACC,KAAK,EAAEA,KAAM;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC/D,CAAC;AAEV,CAAC;AAACM,OAAA,CAAAhB,aAAA,GAAAA,aAAA","ignoreList":[]}

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

@@ -5,21 +5,21 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SetupWidget401057936";
+var _namespace_ = "SetupWidget3089908037";
 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": "SetupWidget401057936__root",
-  "row": "SetupWidget401057936__row",
-  "completedCta": "SetupWidget401057936__completedCta",
-  "card": "SetupWidget401057936__card",
-  "stepIcon": "SetupWidget401057936__stepIcon",
-  "chevron": "SetupWidget401057936__chevron",
-  "chevronDisabled": "SetupWidget401057936__chevronDisabled",
-  "inProgressLabel": "SetupWidget401057936__inProgressLabel"
+  "root": "SetupWidget3089908037__root",
+  "row": "SetupWidget3089908037__row",
+  "completedCta": "SetupWidget3089908037__completedCta",
+  "card": "SetupWidget3089908037__card",
+  "stepIcon": "SetupWidget3089908037__stepIcon",
+  "chevron": "SetupWidget3089908037__chevron",
+  "chevronDisabled": "SetupWidget3089908037__chevronDisabled",
+  "inProgressLabel": "SetupWidget3089908037__inProgressLabel"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SetupWidget/SetupWidget.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/SetupWidget/SetupWidget.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SetupWidget401057936\";\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\":\"SetupWidget401057936__root\",\"row\":\"SetupWidget401057936__row\",\"completedCta\":\"SetupWidget401057936__completedCta\",\"card\":\"SetupWidget401057936__card\",\"stepIcon\":\"SetupWidget401057936__stepIcon\",\"chevron\":\"SetupWidget401057936__chevron\",\"chevronDisabled\":\"SetupWidget401057936__chevronDisabled\",\"inProgressLabel\":\"SetupWidget401057936__inProgressLabel\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-border-standard-primary\":\"--wds-color-border-standard-primary\",\"wds-color-border-standard-secondary\":\"--wds-color-border-standard-secondary\",\"wds-color-fill-standard-tertiary\":\"--wds-color-fill-standard-tertiary\",\"wds-color-fill-standard-tertiary-hover\":\"--wds-color-fill-standard-tertiary-hover\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-B60\":\"--wsr-color-B60\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-text-urgent\":\"--wds-color-text-urgent\",\"wsr-color-D10\":\"--wsr-color-D10\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-O10\":\"--wsr-color-O10\",\"wds-space-100\":\"--wds-space-100\",\"wds-border-radius-200\":\"--wds-border-radius-200\",\"wds-border-radius-400\":\"--wds-border-radius-400\"}; \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,KAAK,EAAC,2BAA2B;EAAC,cAAc,EAAC,oCAAoC;EAAC,MAAM,EAAC,4BAA4B;EAAC,UAAU,EAAC,gCAAgC;EAAC,SAAS,EAAC,+BAA+B;EAAC,iBAAiB,EAAC,uCAAuC;EAAC,iBAAiB,EAAC;AAAuC,CAAC;AACvX,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,mCAAmC,EAAC,qCAAqC;EAAC,qCAAqC,EAAC,uCAAuC;EAAC,kCAAkC,EAAC,oCAAoC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,uBAAuB,EAAC;AAAyB,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/SetupWidget/SetupWidget.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SetupWidget3089908037\";\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\":\"SetupWidget3089908037__root\",\"row\":\"SetupWidget3089908037__row\",\"completedCta\":\"SetupWidget3089908037__completedCta\",\"card\":\"SetupWidget3089908037__card\",\"stepIcon\":\"SetupWidget3089908037__stepIcon\",\"chevron\":\"SetupWidget3089908037__chevron\",\"chevronDisabled\":\"SetupWidget3089908037__chevronDisabled\",\"inProgressLabel\":\"SetupWidget3089908037__inProgressLabel\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-border-standard-primary\":\"--wds-color-border-standard-primary\",\"wds-color-border-standard-secondary\":\"--wds-color-border-standard-secondary\",\"wds-color-fill-standard-tertiary\":\"--wds-color-fill-standard-tertiary\",\"wds-color-fill-standard-tertiary-hover\":\"--wds-color-fill-standard-tertiary-hover\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-B60\":\"--wsr-color-B60\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-text-urgent\":\"--wds-color-text-urgent\",\"wsr-color-D10\":\"--wsr-color-D10\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-O10\":\"--wsr-color-O10\",\"wds-space-100\":\"--wds-space-100\",\"wds-border-radius-200\":\"--wds-border-radius-200\",\"wds-border-radius-400\":\"--wds-border-radius-400\"}; \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,KAAK,EAAC,4BAA4B;EAAC,cAAc,EAAC,qCAAqC;EAAC,MAAM,EAAC,6BAA6B;EAAC,UAAU,EAAC,iCAAiC;EAAC,SAAS,EAAC,gCAAgC;EAAC,iBAAiB,EAAC,wCAAwC;EAAC,iBAAiB,EAAC;AAAwC,CAAC;AAC/X,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,mCAAmC,EAAC,qCAAqC;EAAC,qCAAqC,EAAC,uCAAuC;EAAC,kCAAkC,EAAC,oCAAoC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,uBAAuB,EAAC;AAAyB,CAAC","ignoreList":[]}

package/dist/cjs/components/SingleSelectFilterBase/SingleSelectFilterBase.js

@@ -8,6 +8,7 @@ var _designSystem = require("@wix/design-system");
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _useWindowFlipPopoverProps = require("../../utils/useWindowFlipPopoverProps");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/SingleSelectFilterBase/SingleSelectFilterBase.tsx";
 function _SingleSelectFilterBase(props) {
   var _selectedValues$;
@@ -38,12 +39,14 @@ function _SingleSelectFilterBase(props) {
   } = (0, _useWindowFlipPopoverProps.useWindowFlipPopoverProps)({
     popoverProps
   });
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   return /*#__PURE__*/_react.default.createElement(_designSystem.Dropdown, (0, _extends2.default)({
     inputRef: ref => {
       inputRef.current = ref;
     },
     dataHook: `collection-filter-${filter.name}`,
-    border: "round",
+    border: isBmHarmonyTheme ? 'standard' : 'round',
+    size: isBmHarmonyTheme ? 'small' : undefined,
     closeOnSelect: true,
     options: options,
     clearButton: clearButton,
@@ -67,7 +70,7 @@ function _SingleSelectFilterBase(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 53,
+      lineNumber: 55,
       columnNumber: 5
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_useWindowFlipPopoverProps","_jsxFileName","_SingleSelectFilterBase","props","_selectedValues$","filter","dropdownSelect","placeholder","onSelect","renderItem","renderSection","clearButton","disabled","options","popoverProps","rest","select","selectedValues","container","translate","t","windowFlipPopoverProps","inputRef","useWindowFlipPopoverProps","default","createElement","Dropdown","_extends2","ref","current","dataHook","name","border","closeOnSelect","onClear","clear","undefined","onClose","close","selectedId","key","valueParser","option","label","textOverflow","keyedItem","setSingle","__self","__source","fileName","lineNumber","columnNumber","SingleSelectFilterBase","exports","observer"],"sources":["../../../../src/components/SingleSelectFilterBase/SingleSelectFilterBase.tsx"],"sourcesContent":["import {\n  Dropdown,\n  DropdownLayoutOption,\n  DropdownPropsControlled,\n} from '@wix/design-system';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Filter, KeyedItem } from '@wix/bex-core';\nimport { DropdownSelectState } from '../../state';\nimport { BuildSectionOptionsArgs, ListItem } from '../../hooks';\nimport { FilterProps } from '../../model';\nimport { useWindowFlipPopoverProps } from '../../utils/useWindowFlipPopoverProps';\n\nexport type KeyedItemOption<T> = DropdownLayoutOption & {\n  keyedItem: KeyedItem<T>;\n};\n\nexport interface SingleSelectFilterBaseProps<V>\n  extends Omit<Partial<DropdownPropsControlled>, 'onClear'>,\n    FilterProps<V[]> {\n  filter: Filter<V[]>;\n  renderItem?: (item: V, index: number) => ListItem;\n  renderSection?: BuildSectionOptionsArgs['renderSection'];\n  dropdownSelect: DropdownSelectState<V>;\n  placeholder?: string;\n}\n\nfunction _SingleSelectFilterBase<V>(props: SingleSelectFilterBaseProps<V>) {\n  const {\n    filter,\n    dropdownSelect,\n    placeholder,\n    onSelect,\n    renderItem,\n    renderSection,\n    clearButton,\n    disabled,\n    options = [],\n    popoverProps,\n    ...rest\n  } = props;\n\n  const {\n    select: { selectedValues },\n    container: { translate: t },\n  } = dropdownSelect;\n\n  const { windowFlipPopoverProps, inputRef } = useWindowFlipPopoverProps({\n    popoverProps,\n  });\n\n  return (\n    <Dropdown\n      inputRef={(ref) => {\n        inputRef.current = ref;\n      }}\n      dataHook={`collection-filter-${filter.name}`}\n      border=\"round\"\n      closeOnSelect\n      options={options}\n      clearButton={clearButton}\n      onClear={clearButton ? dropdownSelect.clear : undefined}\n      onClose={() => {\n        dropdownSelect.close();\n      }}\n      selectedId={selectedValues[0]?.key}\n      valueParser={(option) => option.label}\n      textOverflow=\"ellipsis\"\n      placeholder={placeholder ?? t('cairo.selectPlaceholder')}\n      onSelect={(option) => {\n        const keyedItem = (option as KeyedItemOption<V>)?.keyedItem;\n        if (keyedItem) {\n          dropdownSelect.setSingle(keyedItem);\n        }\n        onSelect?.(option, false);\n      }}\n      popoverProps={windowFlipPopoverProps}\n      {...rest}\n    />\n  );\n}\n\nexport const SingleSelectFilterBase = observer(_SingleSelectFilterBase);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAKA,IAAAI,0BAAA,GAAAJ,OAAA;AAAkF,IAAAK,YAAA;AAgBlF,SAASC,uBAAuBA,CAAIC,KAAqC,EAAE;EAAA,IAAAC,gBAAA;EACzE,MAAM;IACJC,MAAM;IACNC,cAAc;IACdC,WAAW;IACXC,QAAQ;IACRC,UAAU;IACVC,aAAa;IACbC,WAAW;IACXC,QAAQ;IACRC,OAAO,GAAG,EAAE;IACZC,YAAY;IACZ,GAAGC;EACL,CAAC,GAAGZ,KAAK;EAET,MAAM;IACJa,MAAM,EAAE;MAAEC;IAAe,CAAC;IAC1BC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC5B,CAAC,GAAGd,cAAc;EAElB,MAAM;IAAEe,sBAAsB;IAAEC;EAAS,CAAC,GAAG,IAAAC,oDAAyB,EAAC;IACrET;EACF,CAAC,CAAC;EAEF,oBACEjB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAC9B,aAAA,CAAA+B,QAAQ,MAAAC,SAAA,CAAAH,OAAA;IACPF,QAAQ,EAAGM,GAAG,IAAK;MACjBN,QAAQ,CAACO,OAAO,GAAGD,GAAG;IACxB,CAAE;IACFE,QAAQ,EAAE,qBAAqBzB,MAAM,CAAC0B,IAAI,EAAG;IAC7CC,MAAM,EAAC,OAAO;IACdC,aAAa;IACbpB,OAAO,EAAEA,OAAQ;IACjBF,WAAW,EAAEA,WAAY;IACzBuB,OAAO,EAAEvB,WAAW,GAAGL,cAAc,CAAC6B,KAAK,GAAGC,SAAU;IACxDC,OAAO,EAAEA,CAAA,KAAM;MACb/B,cAAc,CAACgC,KAAK,CAAC,CAAC;IACxB,CAAE;IACFC,UAAU,GAAAnC,gBAAA,GAAEa,cAAc,CAAC,CAAC,CAAC,qBAAjBb,gBAAA,CAAmBoC,GAAI;IACnCC,WAAW,EAAGC,MAAM,IAAKA,MAAM,CAACC,KAAM;IACtCC,YAAY,EAAC,UAAU;IACvBrC,WAAW,EAAEA,WAAW,IAAIa,CAAC,CAAC,yBAAyB,CAAE;IACzDZ,QAAQ,EAAGkC,MAAM,IAAK;MACpB,MAAMG,SAAS,GAAIH,MAAM,oBAANA,MAAM,CAAyBG,SAAS;MAC3D,IAAIA,SAAS,EAAE;QACbvC,cAAc,CAACwC,SAAS,CAACD,SAAS,CAAC;MACrC;MACArC,QAAQ,YAARA,QAAQ,CAAGkC,MAAM,EAAE,KAAK,CAAC;IAC3B,CAAE;IACF5B,YAAY,EAAEO;EAAuB,GACjCN,IAAI;IAAAgC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhD,YAAA;MAAAiD,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN;AAEO,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAQ,EAACpD,uBAAuB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_useWindowFlipPopoverProps","_useBmHarmonyTheme","_jsxFileName","_SingleSelectFilterBase","props","_selectedValues$","filter","dropdownSelect","placeholder","onSelect","renderItem","renderSection","clearButton","disabled","options","popoverProps","rest","select","selectedValues","container","translate","t","windowFlipPopoverProps","inputRef","useWindowFlipPopoverProps","isBmHarmonyTheme","useBmHarmonyTheme","default","createElement","Dropdown","_extends2","ref","current","dataHook","name","border","size","undefined","closeOnSelect","onClear","clear","onClose","close","selectedId","key","valueParser","option","label","textOverflow","keyedItem","setSingle","__self","__source","fileName","lineNumber","columnNumber","SingleSelectFilterBase","exports","observer"],"sources":["../../../../src/components/SingleSelectFilterBase/SingleSelectFilterBase.tsx"],"sourcesContent":["import {\n  Dropdown,\n  DropdownLayoutOption,\n  DropdownPropsControlled,\n} from '@wix/design-system';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Filter, KeyedItem } from '@wix/bex-core';\nimport { DropdownSelectState } from '../../state';\nimport { BuildSectionOptionsArgs, ListItem } from '../../hooks';\nimport { FilterProps } from '../../model';\nimport { useWindowFlipPopoverProps } from '../../utils/useWindowFlipPopoverProps';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport type KeyedItemOption<T> = DropdownLayoutOption & {\n  keyedItem: KeyedItem<T>;\n};\n\nexport interface SingleSelectFilterBaseProps<V>\n  extends Omit<Partial<DropdownPropsControlled>, 'onClear'>,\n    FilterProps<V[]> {\n  filter: Filter<V[]>;\n  renderItem?: (item: V, index: number) => ListItem;\n  renderSection?: BuildSectionOptionsArgs['renderSection'];\n  dropdownSelect: DropdownSelectState<V>;\n  placeholder?: string;\n}\n\nfunction _SingleSelectFilterBase<V>(props: SingleSelectFilterBaseProps<V>) {\n  const {\n    filter,\n    dropdownSelect,\n    placeholder,\n    onSelect,\n    renderItem,\n    renderSection,\n    clearButton,\n    disabled,\n    options = [],\n    popoverProps,\n    ...rest\n  } = props;\n\n  const {\n    select: { selectedValues },\n    container: { translate: t },\n  } = dropdownSelect;\n\n  const { windowFlipPopoverProps, inputRef } = useWindowFlipPopoverProps({\n    popoverProps,\n  });\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  return (\n    <Dropdown\n      inputRef={(ref) => {\n        inputRef.current = ref;\n      }}\n      dataHook={`collection-filter-${filter.name}`}\n      border={isBmHarmonyTheme ? 'standard' : 'round'}\n      size={isBmHarmonyTheme ? 'small' : undefined}\n      closeOnSelect\n      options={options}\n      clearButton={clearButton}\n      onClear={clearButton ? dropdownSelect.clear : undefined}\n      onClose={() => {\n        dropdownSelect.close();\n      }}\n      selectedId={selectedValues[0]?.key}\n      valueParser={(option) => option.label}\n      textOverflow=\"ellipsis\"\n      placeholder={placeholder ?? t('cairo.selectPlaceholder')}\n      onSelect={(option) => {\n        const keyedItem = (option as KeyedItemOption<V>)?.keyedItem;\n        if (keyedItem) {\n          dropdownSelect.setSingle(keyedItem);\n        }\n        onSelect?.(option, false);\n      }}\n      popoverProps={windowFlipPopoverProps}\n      {...rest}\n    />\n  );\n}\n\nexport const SingleSelectFilterBase = observer(_SingleSelectFilterBase);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAKA,IAAAI,0BAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AAAkE,IAAAM,YAAA;AAgBlE,SAASC,uBAAuBA,CAAIC,KAAqC,EAAE;EAAA,IAAAC,gBAAA;EACzE,MAAM;IACJC,MAAM;IACNC,cAAc;IACdC,WAAW;IACXC,QAAQ;IACRC,UAAU;IACVC,aAAa;IACbC,WAAW;IACXC,QAAQ;IACRC,OAAO,GAAG,EAAE;IACZC,YAAY;IACZ,GAAGC;EACL,CAAC,GAAGZ,KAAK;EAET,MAAM;IACJa,MAAM,EAAE;MAAEC;IAAe,CAAC;IAC1BC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC5B,CAAC,GAAGd,cAAc;EAElB,MAAM;IAAEe,sBAAsB;IAAEC;EAAS,CAAC,GAAG,IAAAC,oDAAyB,EAAC;IACrET;EACF,CAAC,CAAC;EACF,MAAMU,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE5C,oBACE7B,MAAA,CAAA8B,OAAA,CAAAC,aAAA,CAACjC,aAAA,CAAAkC,QAAQ,MAAAC,SAAA,CAAAH,OAAA;IACPJ,QAAQ,EAAGQ,GAAG,IAAK;MACjBR,QAAQ,CAACS,OAAO,GAAGD,GAAG;IACxB,CAAE;IACFE,QAAQ,EAAE,qBAAqB3B,MAAM,CAAC4B,IAAI,EAAG;IAC7CC,MAAM,EAAEV,gBAAgB,GAAG,UAAU,GAAG,OAAQ;IAChDW,IAAI,EAAEX,gBAAgB,GAAG,OAAO,GAAGY,SAAU;IAC7CC,aAAa;IACbxB,OAAO,EAAEA,OAAQ;IACjBF,WAAW,EAAEA,WAAY;IACzB2B,OAAO,EAAE3B,WAAW,GAAGL,cAAc,CAACiC,KAAK,GAAGH,SAAU;IACxDI,OAAO,EAAEA,CAAA,KAAM;MACblC,cAAc,CAACmC,KAAK,CAAC,CAAC;IACxB,CAAE;IACFC,UAAU,GAAAtC,gBAAA,GAAEa,cAAc,CAAC,CAAC,CAAC,qBAAjBb,gBAAA,CAAmBuC,GAAI;IACnCC,WAAW,EAAGC,MAAM,IAAKA,MAAM,CAACC,KAAM;IACtCC,YAAY,EAAC,UAAU;IACvBxC,WAAW,EAAEA,WAAW,IAAIa,CAAC,CAAC,yBAAyB,CAAE;IACzDZ,QAAQ,EAAGqC,MAAM,IAAK;MACpB,MAAMG,SAAS,GAAIH,MAAM,oBAANA,MAAM,CAAyBG,SAAS;MAC3D,IAAIA,SAAS,EAAE;QACb1C,cAAc,CAAC2C,SAAS,CAACD,SAAS,CAAC;MACrC;MACAxC,QAAQ,YAARA,QAAQ,CAAGqC,MAAM,EAAE,KAAK,CAAC;IAC3B,CAAE;IACF/B,YAAY,EAAEO;EAAuB,GACjCN,IAAI;IAAAmC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnD,YAAA;MAAAoD,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN;AAEO,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAQ,EAACvD,uBAAuB,CAAC","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_ = "SkeletonCard3052355857";
+var _namespace_ = "SkeletonCard1690257211";
 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": "SkeletonCard3052355857__root",
-  "headerLoading": "SkeletonCard3052355857__headerLoading"
+  "root": "SkeletonCard1690257211__root",
+  "headerLoading": "SkeletonCard1690257211__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_ = \"SkeletonCard3052355857\";\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\":\"SkeletonCard3052355857__root\",\"headerLoading\":\"SkeletonCard3052355857__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_ = \"SkeletonCard1690257211\";\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\":\"SkeletonCard1690257211__root\",\"headerLoading\":\"SkeletonCard1690257211__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":[]}

package/dist/cjs/components/SlidingModal/SlidingModal.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_ = "SlidingModal476022417";
+var _namespace_ = "SlidingModal4175240601";
 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": "SlidingModal476022417__root"
+  "root": "SlidingModal4175240601__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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_ = \"SlidingModal476022417\";\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\":\"SlidingModal476022417__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":[]}
+{"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_ = \"SlidingModal4175240601\";\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\":\"SlidingModal4175240601__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":[]}

package/dist/cjs/components/TabTotal/TabTotalCounterBadge.js

@@ -9,11 +9,16 @@ var _designSystem = require("@wix/design-system");
 var _react = _interopRequireDefault(require("react"));
 var _useFilterValueTotalState = require("./useFilterValueTotalState");
 var _initTabTotal = require("../../state/initTabTotal");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/TabTotal/TabTotalCounterBadge.tsx";
 function _TabCounterBadge(props) {
+  const isHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
+  const defaultSkin = isHarmonyTheme ? 'general' : 'neutralStandard';
+  const defaultSize = isHarmonyTheme ? 'tiny' : 'small';
   const {
     value,
-    skin = 'neutralStandard',
+    skin = defaultSkin,
+    size = defaultSize,
     ...rest
   } = props;
   const state = (0, _useFilterValueTotalState.useFilterValueTotalState)(props);
@@ -25,12 +30,13 @@ function _TabCounterBadge(props) {
     }
   } = state;
   return totalStatus === 'success' && lifecycleState === 'result' ? /*#__PURE__*/_react.default.createElement(_designSystem.CounterBadge, (0, _extends2.default)({
+    size: size,
     skin: skin
   }, rest, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 26,
+      lineNumber: 31,
       columnNumber: 5
     }
   }), total) : null;

package/dist/cjs/components/TabTotal/TabTotalCounterBadge.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireDefault","_useFilterValueTotalState","_initTabTotal","_jsxFileName","_TabCounterBadge","props","value","skin","rest","state","useFilterValueTotalState","totalsCollection","totalStatus","total","lifecycleState","default","createElement","CounterBadge","_extends2","__self","__source","fileName","lineNumber","columnNumber","initTabTotal","TabTotalCounterBadge","exports","observer","displayName"],"sources":["../../../../src/components/TabTotal/TabTotalCounterBadge.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { CounterBadge, CounterBadgeProps } from '@wix/design-system';\nimport React from 'react';\nimport {\n  useFilterValueTotalState,\n  UseFilterValueTotalStateParams,\n} from './useFilterValueTotalState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { initTabTotal } from '../../state/initTabTotal';\n\nexport interface TabCounterBadgeProps<V, T, F extends FiltersMap>\n  extends UseFilterValueTotalStateParams<V, T, F>,\n    Partial<CounterBadgeProps> {}\n\nfunction _TabCounterBadge<V, T = unknown, F extends FiltersMap = FiltersMap>(\n  props: TabCounterBadgeProps<V, T, F>,\n) {\n  const { value, skin = 'neutralStandard', ...rest } = props;\n  const state = useFilterValueTotalState(props);\n\n  const {\n    totalsCollection: { totalStatus, total, lifecycleState },\n  } = state;\n\n  return totalStatus === 'success' && lifecycleState === 'result' ? (\n    <CounterBadge skin={skin} {...rest}>\n      {total}\n    </CounterBadge>\n  ) : null;\n}\n\n_TabCounterBadge.initTabTotal = initTabTotal;\nexport const TabTotalCounterBadge = observer(_TabCounterBadge);\nTabTotalCounterBadge.displayName = 'TabTotalCounterBadge';\nTabTotalCounterBadge.initTabTotal = initTabTotal;\n"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AAKA,IAAAK,aAAA,GAAAL,OAAA;AAAwD,IAAAM,YAAA;AAMxD,SAASC,gBAAgBA,CACvBC,KAAoC,EACpC;EACA,MAAM;IAAEC,KAAK;IAAEC,IAAI,GAAG,iBAAiB;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EAC1D,MAAMI,KAAK,GAAG,IAAAC,kDAAwB,EAACL,KAAK,CAAC;EAE7C,MAAM;IACJM,gBAAgB,EAAE;MAAEC,WAAW;MAAEC,KAAK;MAAEC;IAAe;EACzD,CAAC,GAAGL,KAAK;EAET,OAAOG,WAAW,KAAK,SAAS,IAAIE,cAAc,KAAK,QAAQ,gBAC7Df,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmB,YAAY,MAAAC,SAAA,CAAAH,OAAA;IAACR,IAAI,EAAEA;EAAK,GAAKC,IAAI;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAC/BV,KACW,CAAC,GACb,IAAI;AACV;AAEAT,gBAAgB,CAACoB,YAAY,GAAGA,0BAAY;AACrC,MAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAACvB,gBAAgB,CAAC;AAC9DqB,oBAAoB,CAACG,WAAW,GAAG,sBAAsB;AACzDH,oBAAoB,CAACD,YAAY,GAAGA,0BAAY","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_designSystem","_react","_interopRequireDefault","_useFilterValueTotalState","_initTabTotal","_useBmHarmonyTheme","_jsxFileName","_TabCounterBadge","props","isHarmonyTheme","useBmHarmonyTheme","defaultSkin","defaultSize","value","skin","size","rest","state","useFilterValueTotalState","totalsCollection","totalStatus","total","lifecycleState","default","createElement","CounterBadge","_extends2","__self","__source","fileName","lineNumber","columnNumber","initTabTotal","TabTotalCounterBadge","exports","observer","displayName"],"sources":["../../../../src/components/TabTotal/TabTotalCounterBadge.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { CounterBadge, CounterBadgeProps } from '@wix/design-system';\nimport React from 'react';\nimport {\n  useFilterValueTotalState,\n  UseFilterValueTotalStateParams,\n} from './useFilterValueTotalState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { initTabTotal } from '../../state/initTabTotal';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface TabCounterBadgeProps<V, T, F extends FiltersMap>\n  extends UseFilterValueTotalStateParams<V, T, F>,\n    Partial<CounterBadgeProps> {}\n\nfunction _TabCounterBadge<V, T = unknown, F extends FiltersMap = FiltersMap>(\n  props: TabCounterBadgeProps<V, T, F>,\n) {\n  const isHarmonyTheme = useBmHarmonyTheme();\n  const defaultSkin = isHarmonyTheme ? 'general' : 'neutralStandard';\n  const defaultSize = isHarmonyTheme ? 'tiny' : 'small';\n\n  const { value, skin = defaultSkin, size = defaultSize, ...rest } = props;\n  const state = useFilterValueTotalState(props);\n\n  const {\n    totalsCollection: { totalStatus, total, lifecycleState },\n  } = state;\n\n  return totalStatus === 'success' && lifecycleState === 'result' ? (\n    <CounterBadge size={size} skin={skin} {...rest}>\n      {total}\n    </CounterBadge>\n  ) : null;\n}\n\n_TabCounterBadge.initTabTotal = initTabTotal;\nexport const TabTotalCounterBadge = observer(_TabCounterBadge);\nTabTotalCounterBadge.displayName = 'TabTotalCounterBadge';\nTabTotalCounterBadge.initTabTotal = initTabTotal;\n"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AAKA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,kBAAA,GAAAN,OAAA;AAAkE,IAAAO,YAAA;AAMlE,SAASC,gBAAgBA,CACvBC,KAAoC,EACpC;EACA,MAAMC,cAAc,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAC1C,MAAMC,WAAW,GAAGF,cAAc,GAAG,SAAS,GAAG,iBAAiB;EAClE,MAAMG,WAAW,GAAGH,cAAc,GAAG,MAAM,GAAG,OAAO;EAErD,MAAM;IAAEI,KAAK;IAAEC,IAAI,GAAGH,WAAW;IAAEI,IAAI,GAAGH,WAAW;IAAE,GAAGI;EAAK,CAAC,GAAGR,KAAK;EACxE,MAAMS,KAAK,GAAG,IAAAC,kDAAwB,EAACV,KAAK,CAAC;EAE7C,MAAM;IACJW,gBAAgB,EAAE;MAAEC,WAAW;MAAEC,KAAK;MAAEC;IAAe;EACzD,CAAC,GAAGL,KAAK;EAET,OAAOG,WAAW,KAAK,SAAS,IAAIE,cAAc,KAAK,QAAQ,gBAC7DrB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACxB,aAAA,CAAAyB,YAAY,MAAAC,SAAA,CAAAH,OAAA;IAACR,IAAI,EAAEA,IAAK;IAACD,IAAI,EAAEA;EAAK,GAAKE,IAAI;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAC3CV,KACW,CAAC,GACb,IAAI;AACV;AAEAd,gBAAgB,CAACyB,YAAY,GAAGA,0BAAY;AACrC,MAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAAC5B,gBAAgB,CAAC;AAC9D0B,oBAAoB,CAACG,WAAW,GAAG,sBAAsB;AACzDH,oBAAoB,CAACD,YAAY,GAAGA,0BAAY","ignoreList":[]}

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

@@ -4,7 +4,7 @@ exports.__esModule = true;
 exports.AddFieldColumnHeader = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _AddFieldColumnHeaderStCss = require("./AddFieldColumnHeader.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/Table/AddFieldColumnHeader.tsx";
@@ -87,7 +87,7 @@ const AddFieldColumnHeader = ({
       lineNumber: 49,
       columnNumber: 11
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+  }, /*#__PURE__*/_react.default.createElement(_lazy.Add, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,

package/dist/cjs/components/Table/AddFieldColumnHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_ToolbarCollectionContext","_AddFieldColumnHeaderStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AddFieldColumnHeader","children","_useContext","_collectionFieldsSour","collectionFieldsSource","useContext","ToolbarCollectionContext","customColumnAddField","fieldsSource","fieldManagement","canAddFields","openFieldModal","origin","undefined","hovered","setHovered","useState","createElement","Fragment","Popover","shown","appendTo","placement","moveBy","x","y","interactive","fluid","onMouseEnter","onMouseLeave","className","classes","root","dataHook","__self","__source","fileName","lineNumber","columnNumber","Element","title","Content","hoverBridge","IconButton","size","skin","priority","onClick","stopPropagation","Add","exports"],"sources":["../../../../src/components/Table/AddFieldColumnHeader.tsx"],"sourcesContent":["import React, { ReactNode, useContext, useState } from 'react';\nimport { IconButton, Popover } from '@wix/design-system';\nimport { Add } from '@wix/wix-ui-icons-common';\nimport { ToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { classes } from './AddFieldColumnHeader.st.css.js';\n\nexport interface AddFieldColumnHeaderProps {\n  children: ReactNode;\n}\n\nexport const AddFieldColumnHeader = ({\n  children,\n}: AddFieldColumnHeaderProps) => {\n  const collectionFieldsSource = useContext(\n    ToolbarCollectionContext,\n  )?.collectionFieldsSource;\n  // TODO: fix when the schema source exposes the CMS modal\n  const customColumnAddField = collectionFieldsSource?.fieldsSource\n    .fieldManagement?.canAddFields\n    ? () =>\n        collectionFieldsSource.openFieldModal({\n          origin: 'Custom columns panel',\n        })\n    : undefined;\n  const [hovered, setHovered] = useState(false);\n\n  if (!collectionFieldsSource) {\n    return <>{children}</>;\n  }\n\n  return (\n    <Popover\n      shown={hovered}\n      appendTo=\"window\"\n      placement=\"top-start\"\n      moveBy={{ x: -27, y: -47 }}\n      interactive\n      fluid\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      className={classes.root}\n      dataHook=\"add-field-popover\"\n    >\n      <Popover.Element>\n        <span className={classes.title}>{children}</span>\n      </Popover.Element>\n      <Popover.Content>\n        <span className={classes.hoverBridge}>\n          <IconButton\n            size=\"tiny\"\n            skin=\"standard\"\n            priority=\"secondary\"\n            dataHook=\"add-field-column-header-button\"\n            onClick={(e) => {\n              e.stopPropagation();\n              customColumnAddField?.();\n            }}\n          >\n            <Add />\n          </IconButton>\n        </span>\n      </Popover.Content>\n    </Popover>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_ToolbarCollectionContext","_AddFieldColumnHeaderStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AddFieldColumnHeader","children","_useContext","_collectionFieldsSour","collectionFieldsSource","useContext","ToolbarCollectionContext","customColumnAddField","fieldsSource","fieldManagement","canAddFields","openFieldModal","origin","undefined","hovered","setHovered","useState","createElement","Fragment","Popover","shown","appendTo","placement","moveBy","x","y","interactive","fluid","onMouseEnter","onMouseLeave","className","classes","root","dataHook","__self","__source","fileName","lineNumber","columnNumber","Element","title","Content","hoverBridge","IconButton","size","skin","priority","onClick","stopPropagation","Add","exports"],"sources":["../../../../src/components/Table/AddFieldColumnHeader.tsx"],"sourcesContent":["import React, { ReactNode, useContext, useState } from 'react';\nimport { IconButton, Popover } from '@wix/design-system';\nimport { Add } from '@wix/wix-ui-icons-common/lazy';\nimport { ToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { classes } from './AddFieldColumnHeader.st.css.js';\n\nexport interface AddFieldColumnHeaderProps {\n  children: ReactNode;\n}\n\nexport const AddFieldColumnHeader = ({\n  children,\n}: AddFieldColumnHeaderProps) => {\n  const collectionFieldsSource = useContext(\n    ToolbarCollectionContext,\n  )?.collectionFieldsSource;\n  // TODO: fix when the schema source exposes the CMS modal\n  const customColumnAddField = collectionFieldsSource?.fieldsSource\n    .fieldManagement?.canAddFields\n    ? () =>\n        collectionFieldsSource.openFieldModal({\n          origin: 'Custom columns panel',\n        })\n    : undefined;\n  const [hovered, setHovered] = useState(false);\n\n  if (!collectionFieldsSource) {\n    return <>{children}</>;\n  }\n\n  return (\n    <Popover\n      shown={hovered}\n      appendTo=\"window\"\n      placement=\"top-start\"\n      moveBy={{ x: -27, y: -47 }}\n      interactive\n      fluid\n      onMouseEnter={() => setHovered(true)}\n      onMouseLeave={() => setHovered(false)}\n      className={classes.root}\n      dataHook=\"add-field-popover\"\n    >\n      <Popover.Element>\n        <span className={classes.title}>{children}</span>\n      </Popover.Element>\n      <Popover.Content>\n        <span className={classes.hoverBridge}>\n          <IconButton\n            size=\"tiny\"\n            skin=\"standard\"\n            priority=\"secondary\"\n            dataHook=\"add-field-column-header-button\"\n            onClick={(e) => {\n              e.stopPropagation();\n              customColumnAddField?.();\n            }}\n          >\n            <Add />\n          </IconButton>\n        </span>\n      </Popover.Content>\n    </Popover>\n  );\n};\n"],"mappings":"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","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_ = "AddFieldColumnHeader2791313261";
+var _namespace_ = "AddFieldColumnHeader2583207661";
 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": "AddFieldColumnHeader2791313261__root",
-  "title": "AddFieldColumnHeader2791313261__title",
-  "hoverBridge": "AddFieldColumnHeader2791313261__hoverBridge"
+  "root": "AddFieldColumnHeader2583207661__root",
+  "title": "AddFieldColumnHeader2583207661__title",
+  "hoverBridge": "AddFieldColumnHeader2583207661__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_ = \"AddFieldColumnHeader2791313261\";\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\":\"AddFieldColumnHeader2791313261__root\",\"title\":\"AddFieldColumnHeader2791313261__title\",\"hoverBridge\":\"AddFieldColumnHeader2791313261__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_ = \"AddFieldColumnHeader2583207661\";\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\":\"AddFieldColumnHeader2583207661__root\",\"title\":\"AddFieldColumnHeader2583207661__title\",\"hoverBridge\":\"AddFieldColumnHeader2583207661__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/Table/Table.uni.driver.js

@@ -3,6 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.TableUniDriver = TableUniDriver;
+exports.clickRowCheckbox = clickRowCheckbox;
 exports.default = void 0;
 var _CollectionTableUni = require("../CollectionTable/CollectionTable.uni.driver");
 var _unidriver = require("@wix/wix-ui-test-utils/unidriver");
@@ -18,6 +19,15 @@ var _CollectionEmptyStateUni = require("../EmptyState/CollectionEmptyState.uni.d
 var _CollectionPremiumEmptyStateUni = require("../EmptyState/CollectionPremiumEmptyState.uni.driver");
 var _CollectionNoResultsStateUni = require("../EmptyState/CollectionNoResultsState.uni.driver");
 var _CollectionSectionHeaderUni = require("../CollectionSectionHeader/CollectionSectionHeader.uni.driver");
+/** Click a table row's bulk-selection checkbox, given the row's own UniDriver. */
+async function clickRowCheckbox(row) {
+  // The checkbox is display:none until the row is hovered (WDS RowNumberCell
+  // swaps the row number for it on hover). jsdom ignores CSS, but in a real
+  // browser (sled/Playwright) clicking without hovering waits forever.
+  await row.hover();
+  const checkbox = row.$('[data-hook="bulk-selection-cell"]').$('[data-hook="row-select"]');
+  await checkbox.click();
+}
 function TableUniDriver(base, body) {
   const collectionTable = (0, _CollectionTableUni.CollectionTableUniDriver)(base.$('[data-hook="collection-table"]'), body);
   const initialLoaderBase = () => base.$(`[data-hook="placeholder-states-loading-state"]`);
@@ -201,10 +211,6 @@ function TableUniDriver(base, body) {
     return 0;
   };
   const getRenderedRowsCount = async () => (await isTableVirtualized()) ? getVirtualizedBody().$$(`tr[data-table-row="dataTableRow"]`).count() : collectionTable.getRowsCount();
-  const getRowCheckbox = index => {
-    var _getRowByIndex;
-    return (_getRowByIndex = getRowByIndex(index)) == null || (_getRowByIndex = _getRowByIndex.$('[data-hook="bulk-selection-cell"]')) == null ? void 0 : _getRowByIndex.$('[data-hook="row-select"]');
-  };
   const getRowKey = async (rowIndex, dataHook = 'table-row') => {
     const [attr] = await getRowsKeys([rowIndex], dataHook);
     return attr;
@@ -383,8 +389,7 @@ function TableUniDriver(base, body) {
       return (0, _unidriver3.baseUniDriverFactory)(collectionTable.getRow(rowNum).$(`td[data-hook="${dataHook}"]`));
     },
     clickRowCheckbox: async index => {
-      const checkbox = await getRowCheckbox(index);
-      await checkbox.click();
+      await clickRowCheckbox(getRowByIndex(index));
     },
     /**
      * Gets number of rendered rows (not all items are rendered for virtualized table)