@wix/patterns 1.433.0 → 1.436.0

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_ = "SetupWidget2832764723";
+var _namespace_ = "SetupWidget4109451711";
 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": "SetupWidget2832764723__root",
-  "row": "SetupWidget2832764723__row",
-  "completedCta": "SetupWidget2832764723__completedCta",
-  "card": "SetupWidget2832764723__card",
-  "stepIcon": "SetupWidget2832764723__stepIcon",
-  "chevron": "SetupWidget2832764723__chevron",
-  "chevronDisabled": "SetupWidget2832764723__chevronDisabled",
-  "inProgressLabel": "SetupWidget2832764723__inProgressLabel"
+  "root": "SetupWidget4109451711__root",
+  "row": "SetupWidget4109451711__row",
+  "completedCta": "SetupWidget4109451711__completedCta",
+  "card": "SetupWidget4109451711__card",
+  "stepIcon": "SetupWidget4109451711__stepIcon",
+  "chevron": "SetupWidget4109451711__chevron",
+  "chevronDisabled": "SetupWidget4109451711__chevronDisabled",
+  "inProgressLabel": "SetupWidget4109451711__inProgressLabel"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
@@ -27,14 +27,10 @@ var containers = exports.containers = {};
 var stVars = exports.stVars = {};
 var vars = exports.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",
@@ -42,8 +38,10 @@ var vars = exports.vars = {
   "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"
+  "wds-border-radius-400": "--wds-border-radius-400",
+  "wds-clickable-card-outline-border-color": "--wds-clickable-card-outline-border-color",
+  "wds-color-border-standard-primary-active": "--wds-color-border-standard-primary-active",
+  "wsr-color-B10": "--wsr-color-B10",
+  "wds-color-fill-surface-default": "--wds-color-fill-surface-default"
 };
 //# sourceMappingURL=SetupWidget.st.css.js.map

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_ = \"SetupWidget2832764723\";\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\":\"SetupWidget2832764723__root\",\"row\":\"SetupWidget2832764723__row\",\"completedCta\":\"SetupWidget2832764723__completedCta\",\"card\":\"SetupWidget2832764723__card\",\"stepIcon\":\"SetupWidget2832764723__stepIcon\",\"chevron\":\"SetupWidget2832764723__chevron\",\"chevronDisabled\":\"SetupWidget2832764723__chevronDisabled\",\"inProgressLabel\":\"SetupWidget2832764723__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":[]}
+{"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_ = \"SetupWidget4109451711\";\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\":\"SetupWidget4109451711__root\",\"row\":\"SetupWidget4109451711__row\",\"completedCta\":\"SetupWidget4109451711__completedCta\",\"card\":\"SetupWidget4109451711__card\",\"stepIcon\":\"SetupWidget4109451711__stepIcon\",\"chevron\":\"SetupWidget4109451711__chevron\",\"chevronDisabled\":\"SetupWidget4109451711__chevronDisabled\",\"inProgressLabel\":\"SetupWidget4109451711__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-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-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-border-radius-400\":\"--wds-border-radius-400\",\"wds-clickable-card-outline-border-color\":\"--wds-clickable-card-outline-border-color\",\"wds-color-border-standard-primary-active\":\"--wds-color-border-standard-primary-active\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wds-color-fill-surface-default\":\"--wds-color-fill-surface-default\"}; \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,kCAAkC,EAAC,oCAAoC;EAAC,wCAAwC,EAAC,0CAA0C;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,uBAAuB,EAAC,yBAAyB;EAAC,yCAAyC,EAAC,2CAA2C;EAAC,0CAA0C,EAAC,4CAA4C;EAAC,eAAe,EAAC,iBAAiB;EAAC,gCAAgC,EAAC;AAAkC,CAAC","ignoreList":[]}

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

@@ -170,7 +170,7 @@ const SetupWidgetSkeleton = ({
     minHeight: "30px",
     verticalAlign: "middle",
     border: "1px solid",
-    borderColor: "D60",
+    borderColor: "var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))",
     borderRadius: isMobile ? '8px' : '4px',
     __self: void 0,
     __source: {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","SKELETON_ROW_COUNT","Line","width","default","createElement","Box","direction","__self","__source","fileName","lineNumber","columnNumber","SkeletonGroup","SkeletonLine","SetupWidgetSkeleton","isMobile","dataHook","header","gap","marginBottom","verticalAlign","flex","body","Array","from","length","map","_","index","key","padding","minHeight","border","borderColor","borderRadius","Card","exports"],"sources":["../../../../src/components/SetupWidget/SetupWidgetSkeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { Card, Box, SkeletonGroup, SkeletonLine } from '@wix/design-system';\n\nconst SKELETON_ROW_COUNT = 4;\n\n// Wrap in a full-width *vertical* Box: a flex column stretches the SkeletonGroup\n// to the container width, so the SkeletonLine's `%` resolves against the row/card\n// (a horizontal wrapper lets the group shrink to content, making lines narrow).\nconst Line = ({ width }: { width: string }) => (\n  <Box direction=\"vertical\" width=\"100%\">\n    <SkeletonGroup>\n      <SkeletonLine width={width} />\n    </SkeletonGroup>\n  </Box>\n);\n\n/**\n * Built-in loading skeleton shaped like the widget — a header (title +\n * progress bar) over a list of step-row placeholders. Mirrors the success\n * layout (card-wrapped on desktop, bare on mobile) so there's no layout jump\n * when the data resolves.\n */\nexport const SetupWidgetSkeleton = ({\n  isMobile,\n  dataHook,\n}: {\n  isMobile: boolean;\n  dataHook?: string;\n}) => {\n  // Header skeleton mirrors SetupWidgetHeader's layout so the progress-bar area\n  // is reserved too (no jump when data resolves):\n  // - Mobile: title, ratio text, then a full-width bar — all stacked.\n  // - Desktop: title on the left; ratio + a 220px bar inline on the right.\n  const header = isMobile ? (\n    <Box direction=\"vertical\" gap=\"SP2\" marginBottom=\"SP3\">\n      <Line width=\"60%\" />\n      <Box width=\"35%\">\n        <Line width=\"100%\" />\n      </Box>\n      {/* progress bar */}\n      <Line width=\"100%\" />\n    </Box>\n  ) : (\n    // No fixed widths: title and progress-bar lines each `flex={1}` (equal\n    // share), and the `gap` guarantees space between them at any card width.\n    <Box verticalAlign=\"middle\" gap=\"SP6\" marginBottom=\"SP4\">\n      {/* title */}\n      <Box flex={1}>\n        <Line width=\"100%\" />\n      </Box>\n      {/* progress bar */}\n      <Box flex={1}>\n        <Line width=\"100%\" />\n      </Box>\n    </Box>\n  );\n\n  const body = (\n    <Box dataHook=\"setup-widget-skeleton\" direction=\"vertical\" width=\"100%\">\n      {header}\n\n      {/* step rows */}\n      <Box direction=\"vertical\" gap={isMobile ? 'SP3' : 'SP1'}>\n        {Array.from({ length: SKELETON_ROW_COUNT }).map((_, index) => (\n          <Box\n            key={index}\n            width=\"100%\"\n            padding={isMobile ? 'SP4' : 'SP1'}\n            minHeight=\"30px\"\n            verticalAlign=\"middle\"\n            border=\"1px solid\"\n            borderColor=\"D60\"\n            borderRadius={isMobile ? '8px' : '4px'}\n          >\n            <Line width=\"40%\" />\n          </Box>\n        ))}\n      </Box>\n    </Box>\n  );\n\n  // Mobile renders bare (no outer card), matching the success layout.\n  if (isMobile) {\n    return (\n      <Box dataHook={dataHook} direction=\"vertical\">\n        {body}\n      </Box>\n    );\n  }\n\n  return (\n    <Card dataHook={dataHook}>\n      <Box direction=\"vertical\" padding=\"SP6\">\n        {body}\n      </Box>\n    </Card>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","SKELETON_ROW_COUNT","Line","width","default","createElement","Box","direction","__self","__source","fileName","lineNumber","columnNumber","SkeletonGroup","SkeletonLine","SetupWidgetSkeleton","isMobile","dataHook","header","gap","marginBottom","verticalAlign","flex","body","Array","from","length","map","_","index","key","padding","minHeight","border","borderColor","borderRadius","Card","exports"],"sources":["../../../../src/components/SetupWidget/SetupWidgetSkeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { Card, Box, SkeletonGroup, SkeletonLine } from '@wix/design-system';\n\nconst SKELETON_ROW_COUNT = 4;\n\n// Wrap in a full-width *vertical* Box: a flex column stretches the SkeletonGroup\n// to the container width, so the SkeletonLine's `%` resolves against the row/card\n// (a horizontal wrapper lets the group shrink to content, making lines narrow).\nconst Line = ({ width }: { width: string }) => (\n  <Box direction=\"vertical\" width=\"100%\">\n    <SkeletonGroup>\n      <SkeletonLine width={width} />\n    </SkeletonGroup>\n  </Box>\n);\n\n/**\n * Built-in loading skeleton shaped like the widget — a header (title +\n * progress bar) over a list of step-row placeholders. Mirrors the success\n * layout (card-wrapped on desktop, bare on mobile) so there's no layout jump\n * when the data resolves.\n */\nexport const SetupWidgetSkeleton = ({\n  isMobile,\n  dataHook,\n}: {\n  isMobile: boolean;\n  dataHook?: string;\n}) => {\n  // Header skeleton mirrors SetupWidgetHeader's layout so the progress-bar area\n  // is reserved too (no jump when data resolves):\n  // - Mobile: title, ratio text, then a full-width bar — all stacked.\n  // - Desktop: title on the left; ratio + a 220px bar inline on the right.\n  const header = isMobile ? (\n    <Box direction=\"vertical\" gap=\"SP2\" marginBottom=\"SP3\">\n      <Line width=\"60%\" />\n      <Box width=\"35%\">\n        <Line width=\"100%\" />\n      </Box>\n      {/* progress bar */}\n      <Line width=\"100%\" />\n    </Box>\n  ) : (\n    // No fixed widths: title and progress-bar lines each `flex={1}` (equal\n    // share), and the `gap` guarantees space between them at any card width.\n    <Box verticalAlign=\"middle\" gap=\"SP6\" marginBottom=\"SP4\">\n      {/* title */}\n      <Box flex={1}>\n        <Line width=\"100%\" />\n      </Box>\n      {/* progress bar */}\n      <Box flex={1}>\n        <Line width=\"100%\" />\n      </Box>\n    </Box>\n  );\n\n  const body = (\n    <Box dataHook=\"setup-widget-skeleton\" direction=\"vertical\" width=\"100%\">\n      {header}\n\n      {/* step rows */}\n      <Box direction=\"vertical\" gap={isMobile ? 'SP3' : 'SP1'}>\n        {Array.from({ length: SKELETON_ROW_COUNT }).map((_, index) => (\n          <Box\n            key={index}\n            width=\"100%\"\n            padding={isMobile ? 'SP4' : 'SP1'}\n            minHeight=\"30px\"\n            verticalAlign=\"middle\"\n            border=\"1px solid\"\n            borderColor=\"var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))\"\n            borderRadius={isMobile ? '8px' : '4px'}\n          >\n            <Line width=\"40%\" />\n          </Box>\n        ))}\n      </Box>\n    </Box>\n  );\n\n  // Mobile renders bare (no outer card), matching the success layout.\n  if (isMobile) {\n    return (\n      <Box dataHook={dataHook} direction=\"vertical\">\n        {body}\n      </Box>\n    );\n  }\n\n  return (\n    <Card dataHook={dataHook}>\n      <Box direction=\"vertical\" padding=\"SP6\">\n        {body}\n      </Box>\n    </Card>\n  );\n};\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_ = "SkeletonCard1542096506";
+var _namespace_ = "SkeletonCard1261095733";
 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": "SkeletonCard1542096506__root",
-  "headerLoading": "SkeletonCard1542096506__headerLoading"
+  "root": "SkeletonCard1261095733__root",
+  "headerLoading": "SkeletonCard1261095733__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_ = \"SkeletonCard1542096506\";\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\":\"SkeletonCard1542096506__root\",\"headerLoading\":\"SkeletonCard1542096506__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_ = \"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":[]}

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_ = "SlidingModal942360491";
+var _namespace_ = "SlidingModal2267206532";
 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": "SlidingModal942360491__root"
+  "root": "SlidingModal2267206532__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_ = \"SlidingModal942360491\";\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\":\"SlidingModal942360491__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_ = \"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":[]}

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_ = "AddFieldColumnHeader448034550";
+var _namespace_ = "AddFieldColumnHeader2667196467";
 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": "AddFieldColumnHeader448034550__root",
-  "title": "AddFieldColumnHeader448034550__title",
-  "hoverBridge": "AddFieldColumnHeader448034550__hoverBridge"
+  "root": "AddFieldColumnHeader2667196467__root",
+  "title": "AddFieldColumnHeader2667196467__title",
+  "hoverBridge": "AddFieldColumnHeader2667196467__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_ = \"AddFieldColumnHeader448034550\";\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\":\"AddFieldColumnHeader448034550__root\",\"title\":\"AddFieldColumnHeader448034550__title\",\"hoverBridge\":\"AddFieldColumnHeader448034550__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,+BAA+B;AACjD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,qCAAqC;EAAC,OAAO,EAAC,sCAAsC;EAAC,aAAa,EAAC;AAA4C,CAAC;AACtK,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_ = \"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":[]}

package/dist/cjs/components/TabsFilter/TabTitle.js

@@ -5,6 +5,7 @@ exports.TabTitle = void 0;
 var _designSystem = require("@wix/design-system");
 var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _TabsFilterStCss = require("./TabsFilter.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/TabsFilter/TabTitle.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); }
@@ -18,6 +19,7 @@ function _TabTitle({
 }) {
   const badge = counterBadge == null ? void 0 : counterBadge(value);
   const badgeRef = (0, _react.useRef)();
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   (0, _react.useEffect)(() => {
     if (badgeRef.current) {
       state.badges.set(tabIndex, badgeRef.current);
@@ -36,7 +38,7 @@ function _TabTitle({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 38,
+      lineNumber: 40,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -46,17 +48,18 @@ function _TabTitle({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 44,
+      lineNumber: 46,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
     className: (0, _TabsFilterStCss.st)(_TabsFilterStCss.classes.title),
     dataHook: "title-text",
     ellipsis: true,
+    size: isBmHarmonyTheme ? 'small' : undefined,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 45,
+      lineNumber: 47,
       columnNumber: 9
     }
   }, text)), badge && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -65,7 +68,7 @@ function _TabTitle({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 50,
+      lineNumber: 57,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -77,7 +80,7 @@ function _TabTitle({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 51,
+      lineNumber: 58,
       columnNumber: 11
     }
   }, badge)));

package/dist/cjs/components/TabsFilter/TabTitle.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_TabsFilterStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TabTitle","tabIndex","state","text","value","active","counterBadge","badge","badgeRef","useRef","useEffect","current","badges","delete","createElement","Box","className","st","classes","root","selected","dataHook","verticalAlign","align","__self","__source","fileName","lineNumber","columnNumber","maxWidth","itemMaxWidth","flexShrink","minWidth","Text","title","ellipsis","marginLeft","itemBadgeMargin","ref","node","TabTitle","exports","observer"],"sources":["../../../../src/components/TabsFilter/TabTitle.tsx"],"sourcesContent":["import { Box, Text } from '@wix/design-system';\nimport React, { useEffect, ReactNode, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { TabsResponsiveState } from './TabsResponsiveState';\nimport { classes, st } from './TabsFilter.st.css.js';\n\nexport interface TabTitleProps<V> {\n  tabIndex: number;\n  state: TabsResponsiveState;\n  text?: string;\n  value: V | null | undefined;\n  active?: boolean;\n  counterBadge?: (value: V | null | undefined) => ReactNode;\n}\n\nfunction _TabTitle<V>({\n  tabIndex,\n  state,\n  text,\n  value,\n  active,\n  counterBadge,\n}: TabTitleProps<V>) {\n  const badge = counterBadge?.(value);\n  const badgeRef = useRef<HTMLSpanElement>();\n\n  useEffect(() => {\n    if (badgeRef.current) {\n      state.badges.set(tabIndex, badgeRef.current);\n    }\n\n    return () => {\n      state.badges.delete(tabIndex);\n    };\n  }, [badgeRef.current]);\n\n  return (\n    <Box\n      className={st(classes.root, { selected: !!active })}\n      dataHook=\"tabs-filter-tab-title\"\n      verticalAlign=\"middle\"\n      align=\"center\"\n    >\n      <Box maxWidth={state.itemMaxWidth} flexShrink={1} minWidth={0}>\n        <Text className={st(classes.title)} dataHook=\"title-text\" ellipsis>\n          {text}\n        </Text>\n      </Box>\n      {badge && (\n        <Box dataHook=\"title-badge\" marginLeft={`${state.itemBadgeMargin}px`}>\n          <div\n            ref={(node) => {\n              if (node) {\n                badgeRef.current = node;\n              }\n            }}\n          >\n            {badge}\n          </div>\n        </Box>\n      )}\n    </Box>\n  );\n}\n\nexport const TabTitle = observer(_TabTitle);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_useBmHarmonyTheme","_TabsFilterStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TabTitle","tabIndex","state","text","value","active","counterBadge","badge","badgeRef","useRef","isBmHarmonyTheme","useBmHarmonyTheme","useEffect","current","badges","delete","createElement","Box","className","st","classes","root","selected","dataHook","verticalAlign","align","__self","__source","fileName","lineNumber","columnNumber","maxWidth","itemMaxWidth","flexShrink","minWidth","Text","title","ellipsis","size","undefined","marginLeft","itemBadgeMargin","ref","node","TabTitle","exports","observer"],"sources":["../../../../src/components/TabsFilter/TabTitle.tsx"],"sourcesContent":["import { Box, Text } from '@wix/design-system';\nimport React, { useEffect, ReactNode, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { TabsResponsiveState } from './TabsResponsiveState';\nimport { classes, st } from './TabsFilter.st.css.js';\n\nexport interface TabTitleProps<V> {\n  tabIndex: number;\n  state: TabsResponsiveState;\n  text?: string;\n  value: V | null | undefined;\n  active?: boolean;\n  counterBadge?: (value: V | null | undefined) => ReactNode;\n}\n\nfunction _TabTitle<V>({\n  tabIndex,\n  state,\n  text,\n  value,\n  active,\n  counterBadge,\n}: TabTitleProps<V>) {\n  const badge = counterBadge?.(value);\n  const badgeRef = useRef<HTMLSpanElement>();\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  useEffect(() => {\n    if (badgeRef.current) {\n      state.badges.set(tabIndex, badgeRef.current);\n    }\n\n    return () => {\n      state.badges.delete(tabIndex);\n    };\n  }, [badgeRef.current]);\n\n  return (\n    <Box\n      className={st(classes.root, { selected: !!active })}\n      dataHook=\"tabs-filter-tab-title\"\n      verticalAlign=\"middle\"\n      align=\"center\"\n    >\n      <Box maxWidth={state.itemMaxWidth} flexShrink={1} minWidth={0}>\n        <Text\n          className={st(classes.title)}\n          dataHook=\"title-text\"\n          ellipsis\n          size={isBmHarmonyTheme ? 'small' : undefined}\n        >\n          {text}\n        </Text>\n      </Box>\n      {badge && (\n        <Box dataHook=\"title-badge\" marginLeft={`${state.itemBadgeMargin}px`}>\n          <div\n            ref={(node) => {\n              if (node) {\n                badgeRef.current = node;\n              }\n            }}\n          >\n            {badge}\n          </div>\n        </Box>\n      )}\n    </Box>\n  );\n}\n\nexport const TabTitle = observer(_TabTitle);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TabsFilter/TabsDefault.js

@@ -15,6 +15,7 @@ function _TabsDefault(props) {
     selectedId,
     items,
     type,
+    size,
     onChange,
     all
   } = props;
@@ -45,12 +46,13 @@ function _TabsDefault(props) {
       filter.refresh(values);
     },
     type: type,
+    size: size,
     items: items,
     hasDivider: false,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 28,
+      lineNumber: 29,
       columnNumber: 5
     }
   });

package/dist/cjs/components/TabsFilter/TabsDefault.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_types","_jsxFileName","_TabsDefault","props","state","filter","selectedId","items","type","onChange","all","itemKey","responsive","default","createElement","Tabs","minWidth","panelMinWidth","dataHook","activeId","onClick","tab","id","isEmpty","ALL_TAB_ITEM_ID","value","prevTab","find","item","values","_reportTabSelectedBiOnNextResult","nextTab","hasAllTab","refresh","hasDivider","__self","__source","fileName","lineNumber","columnNumber","TabsDefault","exports","observer"],"sources":["../../../../src/components/TabsFilter/TabsDefault.tsx"],"sourcesContent":["import React from 'react';\nimport { Tabs } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { Filter, FiltersMap } from '@wix/bex-core';\nimport { ALL_TAB_ITEM_ID, TabsFilterItem, TabsFilterItemBase } from './types';\nimport { TabsFilterState } from './TabsFilterState';\n\nexport interface TabsDefaultProps<V, T, F extends FiltersMap> {\n  items: TabsFilterItemBase[];\n  data: V[];\n  filter: Filter<V[]>;\n  selectedId: string;\n  state: TabsFilterState<T, F>;\n  type?: 'uniformFull';\n  onChange?: (value: V | null | undefined) => unknown;\n  all?: string | null | false;\n}\n\nfunction _TabsDefault<V, T, F extends FiltersMap>(\n  props: TabsDefaultProps<V, T, F>,\n) {\n  const { state, filter, selectedId, items, type, onChange, all } = props;\n  const { itemKey } = filter;\n\n  const { responsive } = state;\n\n  return (\n    <Tabs\n      minWidth={responsive.panelMinWidth}\n      dataHook=\"tabs-default\"\n      activeId={selectedId}\n      onClick={(tab) => {\n        const { id } = tab as TabsFilterItemBase;\n        const activeId = filter.isEmpty\n          ? ALL_TAB_ITEM_ID\n          : itemKey(filter.value[0]);\n        const prevTab = items.find((item) => item.id === activeId);\n\n        const values =\n          id === ALL_TAB_ITEM_ID ? [] : [(tab as TabsFilterItem<V>).value];\n\n        state._reportTabSelectedBiOnNextResult({\n          prevTab,\n          nextTab: tab as TabsFilterItemBase,\n          items,\n          hasAllTab: all != null,\n        });\n        onChange?.(values[0]);\n        filter.refresh(values);\n      }}\n      type={type}\n      items={items}\n      hasDivider={false}\n    />\n  );\n}\n\nexport const TabsDefault = observer(_TabsDefault);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAA8E,IAAAI,YAAA;AAc9E,SAASC,YAAYA,CACnBC,KAAgC,EAChC;EACA,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC,UAAU;IAAEC,KAAK;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAI,CAAC,GAAGP,KAAK;EACvE,MAAM;IAAEQ;EAAQ,CAAC,GAAGN,MAAM;EAE1B,MAAM;IAAEO;EAAW,CAAC,GAAGR,KAAK;EAE5B,oBACET,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,aAAA,CAAAiB,IAAI;IACHC,QAAQ,EAAEJ,UAAU,CAACK,aAAc;IACnCC,QAAQ,EAAC,cAAc;IACvBC,QAAQ,EAAEb,UAAW;IACrBc,OAAO,EAAGC,GAAG,IAAK;MAChB,MAAM;QAAEC;MAAG,CAAC,GAAGD,GAAyB;MACxC,MAAMF,QAAQ,GAAGd,MAAM,CAACkB,OAAO,GAC3BC,sBAAe,GACfb,OAAO,CAACN,MAAM,CAACoB,KAAK,CAAC,CAAC,CAAC,CAAC;MAC5B,MAAMC,OAAO,GAAGnB,KAAK,CAACoB,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACN,EAAE,KAAKH,QAAQ,CAAC;MAE1D,MAAMU,MAAM,GACVP,EAAE,KAAKE,sBAAe,GAAG,EAAE,GAAG,CAAEH,GAAG,CAAuBI,KAAK,CAAC;MAElErB,KAAK,CAAC0B,gCAAgC,CAAC;QACrCJ,OAAO;QACPK,OAAO,EAAEV,GAAyB;QAClCd,KAAK;QACLyB,SAAS,EAAEtB,GAAG,IAAI;MACpB,CAAC,CAAC;MACFD,QAAQ,YAARA,QAAQ,CAAGoB,MAAM,CAAC,CAAC,CAAC,CAAC;MACrBxB,MAAM,CAAC4B,OAAO,CAACJ,MAAM,CAAC;IACxB,CAAE;IACFrB,IAAI,EAAEA,IAAK;IACXD,KAAK,EAAEA,KAAM;IACb2B,UAAU,EAAE,KAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACnB,CAAC;AAEN;AAEO,MAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,uBAAQ,EAACxC,YAAY,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_types","_jsxFileName","_TabsDefault","props","state","filter","selectedId","items","type","size","onChange","all","itemKey","responsive","default","createElement","Tabs","minWidth","panelMinWidth","dataHook","activeId","onClick","tab","id","isEmpty","ALL_TAB_ITEM_ID","value","prevTab","find","item","values","_reportTabSelectedBiOnNextResult","nextTab","hasAllTab","refresh","hasDivider","__self","__source","fileName","lineNumber","columnNumber","TabsDefault","exports","observer"],"sources":["../../../../src/components/TabsFilter/TabsDefault.tsx"],"sourcesContent":["import React from 'react';\nimport { Tabs, TabsProps } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { Filter, FiltersMap } from '@wix/bex-core';\nimport { ALL_TAB_ITEM_ID, TabsFilterItemBase, TabsFilterItem } from './types';\nimport { TabsFilterState } from './TabsFilterState';\n\nexport interface TabsDefaultProps<V, T, F extends FiltersMap> {\n  items: TabsFilterItemBase[];\n  data: V[];\n  filter: Filter<V[]>;\n  selectedId: string;\n  state: TabsFilterState<T, F>;\n  type?: 'uniformFull';\n  size?: TabsProps['size'];\n  onChange?: (value: V | null | undefined) => unknown;\n  all?: string | null | false;\n}\n\nfunction _TabsDefault<V, T, F extends FiltersMap>(\n  props: TabsDefaultProps<V, T, F>,\n) {\n  const { state, filter, selectedId, items, type, size, onChange, all } = props;\n  const { itemKey } = filter;\n\n  const { responsive } = state;\n\n  return (\n    <Tabs\n      minWidth={responsive.panelMinWidth}\n      dataHook=\"tabs-default\"\n      activeId={selectedId}\n      onClick={(tab) => {\n        const { id } = tab as TabsFilterItemBase;\n        const activeId = filter.isEmpty\n          ? ALL_TAB_ITEM_ID\n          : itemKey(filter.value[0]);\n        const prevTab = items.find((item) => item.id === activeId);\n\n        const values =\n          id === ALL_TAB_ITEM_ID ? [] : [(tab as TabsFilterItem<V>).value];\n\n        state._reportTabSelectedBiOnNextResult({\n          prevTab,\n          nextTab: tab as TabsFilterItemBase,\n          items,\n          hasAllTab: all != null,\n        });\n        onChange?.(values[0]);\n        filter.refresh(values);\n      }}\n      type={type}\n      size={size}\n      items={items}\n      hasDivider={false}\n    />\n  );\n}\n\nexport const TabsDefault = observer(_TabsDefault);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAA8E,IAAAI,YAAA;AAe9E,SAASC,YAAYA,CACnBC,KAAgC,EAChC;EACA,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC,UAAU;IAAEC,KAAK;IAAEC,IAAI;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAI,CAAC,GAAGR,KAAK;EAC7E,MAAM;IAAES;EAAQ,CAAC,GAAGP,MAAM;EAE1B,MAAM;IAAEQ;EAAW,CAAC,GAAGT,KAAK;EAE5B,oBACET,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,IAAI;IACHC,QAAQ,EAAEJ,UAAU,CAACK,aAAc;IACnCC,QAAQ,EAAC,cAAc;IACvBC,QAAQ,EAAEd,UAAW;IACrBe,OAAO,EAAGC,GAAG,IAAK;MAChB,MAAM;QAAEC;MAAG,CAAC,GAAGD,GAAyB;MACxC,MAAMF,QAAQ,GAAGf,MAAM,CAACmB,OAAO,GAC3BC,sBAAe,GACfb,OAAO,CAACP,MAAM,CAACqB,KAAK,CAAC,CAAC,CAAC,CAAC;MAC5B,MAAMC,OAAO,GAAGpB,KAAK,CAACqB,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACN,EAAE,KAAKH,QAAQ,CAAC;MAE1D,MAAMU,MAAM,GACVP,EAAE,KAAKE,sBAAe,GAAG,EAAE,GAAG,CAAEH,GAAG,CAAuBI,KAAK,CAAC;MAElEtB,KAAK,CAAC2B,gCAAgC,CAAC;QACrCJ,OAAO;QACPK,OAAO,EAAEV,GAAyB;QAClCf,KAAK;QACL0B,SAAS,EAAEtB,GAAG,IAAI;MACpB,CAAC,CAAC;MACFD,QAAQ,YAARA,QAAQ,CAAGoB,MAAM,CAAC,CAAC,CAAC,CAAC;MACrBzB,MAAM,CAAC6B,OAAO,CAACJ,MAAM,CAAC;IACxB,CAAE;IACFtB,IAAI,EAAEA,IAAK;IACXC,IAAI,EAAEA,IAAK;IACXF,KAAK,EAAEA,KAAM;IACb4B,UAAU,EAAE,KAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACnB,CAAC;AAEN;AAEO,MAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,uBAAQ,EAACzC,YAAY,CAAC","ignoreList":[]}

package/dist/cjs/components/TabsFilter/TabsFilter.js

@@ -6,6 +6,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _mobx = require("mobx");
 var _FilterContext = require("../FilterContext");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _mobxReactLite = require("mobx-react-lite");
 var _TabTitle = require("./TabTitle");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
@@ -35,6 +36,7 @@ function _TabsFilter(props) {
     itemKey,
     itemName
   } = filter;
+  const size = (0, _useBmHarmonyTheme.useBmHarmonyTheme)() ? 'small' : undefined;
   const table = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
   const filterAllValueTotal = (0, _useFilterValueTotalState.useFilterValueTotalState)({
     ...props,
@@ -87,7 +89,7 @@ function _TabsFilter(props) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 144,
+            lineNumber: 146,
             columnNumber: 11
           }
         }),
@@ -115,7 +117,7 @@ function _TabsFilter(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 170,
+          lineNumber: 172,
           columnNumber: 9
         }
       })
@@ -135,7 +137,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 209,
+      lineNumber: 211,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -153,7 +155,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 210,
+      lineNumber: 212,
       columnNumber: 7
     }
   }, responsive.mode === 'tabs' ? /*#__PURE__*/_react.default.createElement(_TabsDefault.TabsDefault, {
@@ -164,11 +166,12 @@ function _TabsFilter(props) {
     state: state,
     onChange: onChange,
     type: type,
+    size: size,
     all: all,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 224,
+      lineNumber: 226,
       columnNumber: 11
     }
   }) : /*#__PURE__*/_react.default.createElement(_TabsDropdown.TabsDropdown, {
@@ -180,7 +183,7 @@ function _TabsFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 235,
+      lineNumber: 238,
       columnNumber: 11
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobx","_FilterContext","_mobxReactLite","_TabTitle","_ToolbarCollectionContext","_TabsFilterState","_TabsDropdown","_types","_TabsDefault","_useFilterValueTotalState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TabsFilter","props","type","filter","data","dataProp","all","counterBadge","placeAllTabLast","onChange","mobilePopoverProps","itemKey","itemName","table","useToolbarCollectionContext","filterAllValueTotal","useFilterValueTotalState","value","undefined","container","React","useRef","state","useState","tabs","TabsFilterState","useLayoutEffect","runInAction","persistent","responsive","isAllCounterBadgeLoading","useMemo","allStatus","totalsCollection","initTask","status","isLoading","isIdle","isTableLoading","hideCounterBadge","selectedId","isEmpty","ALL_TAB_ITEM_ID","items","_mergedItems","map","index","id","name","title","createElement","TabTitle","tabIndex","text","active","__self","__source","fileName","lineNumber","columnNumber","item","minWidth","itemsMinWidths","maxWidth","itemMaxWidth","allTabItem","panelMinWidth","useEffect","init","current","itemsCount","length","FilterContextProvider","Box","ref","node","dataHook","width","height","direction","verticalAlign","flexGrow","mode","TabsDefault","TabsDropdown","popoverProps","TabsFilter","exports","observer","displayName"],"sources":["../../../../src/components/TabsFilter/TabsFilter.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { Box, DropdownProps, TabsProps } from '@wix/design-system';\nimport { Filter } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { FilterContextProvider } from '../FilterContext';\nimport { observer } from 'mobx-react-lite';\nimport { TabTitle } from './TabTitle';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TabsFilterState } from './TabsFilterState';\nimport { TabsDropdown } from './TabsDropdown';\nimport { ALL_TAB_ITEM_ID, TabsFilterItemBase } from './types';\nimport { TabsDefault } from './TabsDefault';\nimport { useFilterValueTotalState } from '../TabTotal/useFilterValueTotalState';\nimport type { TabCounterBadgeProps } from '../TabTotal/TabTotalCounterBadge';\nimport type { TabTotalParensProps } from '../TabTotal/TabTotalParens';\n\n/** Type alias for TabTotalCounterBadge component element */\ntype TabTotalCounterBadge<V> = ReactElement<\n  TabCounterBadgeProps<V, unknown, any>\n>;\n/** Type alias for TabTotalParens component element */\ntype TabTotalParens<V> = ReactElement<TabTotalParensProps<V, unknown, any>>;\n\nexport interface TabsFilterProps<V> {\n  /**\n   * List of tabs.\n   * @external\n   */\n  data: V[];\n  /**\n   * Defines the selected filter.\n   * <br><br>\n   * Must be an [arrayFilter](./?path=/story/features-filter-factories--arrayfilter) object.\n   * @external\n   */\n  filter: Filter<V[]>;\n  /**\n   * Display name of the tab that indicates that all items are included.\n   * <br>\n   * Changes the value of `filter` to an empty array.\n   * @external\n   */\n  all?: string | null | false;\n\n  /**\n   * Renders a counter badge next to the tabs' texts.\n   * <br><br>\n   * See different examples of this implementation in the [Overview](./?path=/story/features-filter-components--tabsfilter) tab.\n   * @external\n   */\n  counterBadge?: (\n    value: V | null | undefined,\n  ) => TabTotalCounterBadge<V> | TabTotalParens<V> | null | undefined;\n  onChange?: (value: V | null | undefined) => unknown;\n\n  /**\n   * Tabs layout type.\n   * <br><br>\n   * If this prop is omitted, the width depends on the label width. The total width of all the tabs cannot exceed 80% of the toolbar.\n   * <br><br>\n   * Supported values:<br>\n   * - `uniformFull`: Tabs are spread out uniformly.\n   * @external\n   */\n  type?: Extract<TabsProps['type'], 'uniformFull'>;\n\n  placeAllTabLast?: boolean;\n\n  /**\n   * Custom popover props for the mobile dropdown menu. On mobile devices, tabs are displayed as a dropdown menu.\n   * @external\n   */\n  mobilePopoverProps?: DropdownProps['popoverProps'];\n}\n\nfunction _TabsFilter<V>(props: TabsFilterProps<V>) {\n  const {\n    type,\n    filter,\n    data: dataProp,\n    all,\n    counterBadge,\n    placeAllTabLast,\n    onChange,\n    mobilePopoverProps,\n  } = props;\n  const { itemKey, itemName } = filter;\n\n  const table = useToolbarCollectionContext();\n  const filterAllValueTotal = useFilterValueTotalState({\n    ...props,\n    value: undefined,\n  });\n\n  const container = React.useRef<HTMLDivElement>();\n\n  const [state] = useState(\n    () =>\n      (table.tabs ??= new TabsFilterState({\n        table,\n      })),\n  );\n\n  useLayoutEffect(() => {\n    runInAction(() => {\n      if (filter.persistent == null) {\n        filter.persistent = true;\n      }\n    });\n  }, []);\n\n  const { responsive } = state;\n\n  const isAllCounterBadgeLoading = useMemo(() => {\n    const allStatus = filterAllValueTotal.totalsCollection.initTask.status;\n    const { isLoading, isIdle } = allStatus;\n    return isLoading || isIdle;\n  }, [filterAllValueTotal.totalsCollection.initTask.status]);\n\n  const isTableLoading = useMemo(() => {\n    const { isLoading, isIdle } = table.initTask.status;\n    return isLoading || isIdle;\n  }, [table.initTask.status]);\n\n  const hideCounterBadge = isTableLoading || isAllCounterBadgeLoading;\n\n  const selectedId = filter.isEmpty\n    ? ALL_TAB_ITEM_ID\n    : itemKey(filter.value[0]);\n\n  const items = useMemo<TabsFilterItemBase[]>(() => {\n    const _mergedItems = dataProp.map((value, index) => {\n      const id = itemKey(value);\n      return {\n        id,\n        name: itemName(value),\n        title: (\n          <TabTitle\n            tabIndex={all && !placeAllTabLast ? index + 1 : index}\n            state={responsive}\n            text={itemName(value)}\n            value={value}\n            active={selectedId === id}\n            counterBadge={hideCounterBadge ? undefined : counterBadge}\n          />\n        ),\n        value,\n      };\n    });\n\n    if (!all) {\n      return _mergedItems.map((item, index) => ({\n        ...item,\n        index,\n        minWidth: responsive.itemsMinWidths[index],\n        maxWidth: responsive.itemMaxWidth,\n      }));\n    }\n\n    const allTabItem = {\n      id: ALL_TAB_ITEM_ID,\n      name: all,\n      title: (\n        <TabTitle\n          tabIndex={0}\n          state={responsive}\n          text={all}\n          value={undefined}\n          active={selectedId === ALL_TAB_ITEM_ID}\n          counterBadge={hideCounterBadge ? undefined : counterBadge}\n        />\n      ),\n    };\n\n    return (\n      placeAllTabLast\n        ? [..._mergedItems, allTabItem]\n        : [allTabItem, ..._mergedItems]\n    ).map((item, index) => ({\n      ...item,\n      minWidth: responsive.itemsMinWidths[index],\n      index,\n    }));\n  }, [\n    dataProp,\n    all,\n    counterBadge,\n    responsive.panelMinWidth,\n    hideCounterBadge,\n    selectedId,\n  ]);\n\n  useEffect(\n    () =>\n      state.init({\n        container: container.current,\n        itemsCount: items.length,\n      }),\n    [container, state],\n  );\n\n  return (\n    <FilterContextProvider value={filter}>\n      <Box\n        ref={(node) => {\n          if (node) {\n            container.current = node;\n          }\n        }}\n        dataHook=\"collection-tabs-filter\"\n        width=\"100%\"\n        height={60}\n        direction=\"vertical\"\n        verticalAlign=\"middle\"\n        flexGrow={1}\n      >\n        {responsive.mode === 'tabs' ? (\n          <TabsDefault\n            items={items}\n            data={dataProp}\n            filter={filter}\n            selectedId={selectedId}\n            state={state}\n            onChange={onChange}\n            type={type}\n            all={all}\n          />\n        ) : (\n          <TabsDropdown\n            filter={filter}\n            data={dataProp}\n            items={items}\n            selectedId={selectedId}\n            popoverProps={mobilePopoverProps}\n          />\n        )}\n      </Box>\n    </FilterContextProvider>\n  );\n}\n\nexport const TabsFilter = observer(_TabsFilter);\nTabsFilter.displayName = 'TabsFilter';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobx","_FilterContext","_useBmHarmonyTheme","_mobxReactLite","_TabTitle","_ToolbarCollectionContext","_TabsFilterState","_TabsDropdown","_types","_TabsDefault","_useFilterValueTotalState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TabsFilter","props","type","filter","data","dataProp","all","counterBadge","placeAllTabLast","onChange","mobilePopoverProps","itemKey","itemName","size","useBmHarmonyTheme","undefined","table","useToolbarCollectionContext","filterAllValueTotal","useFilterValueTotalState","value","container","React","useRef","state","useState","tabs","TabsFilterState","useLayoutEffect","runInAction","persistent","responsive","isAllCounterBadgeLoading","useMemo","allStatus","totalsCollection","initTask","status","isLoading","isIdle","isTableLoading","hideCounterBadge","selectedId","isEmpty","ALL_TAB_ITEM_ID","items","_mergedItems","map","index","id","name","title","createElement","TabTitle","tabIndex","text","active","__self","__source","fileName","lineNumber","columnNumber","item","minWidth","itemsMinWidths","maxWidth","itemMaxWidth","allTabItem","panelMinWidth","useEffect","init","current","itemsCount","length","FilterContextProvider","Box","ref","node","dataHook","width","height","direction","verticalAlign","flexGrow","mode","TabsDefault","TabsDropdown","popoverProps","TabsFilter","exports","observer","displayName"],"sources":["../../../../src/components/TabsFilter/TabsFilter.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { Box, DropdownProps, TabsProps } from '@wix/design-system';\nimport { Filter } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { FilterContextProvider } from '../FilterContext';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { observer } from 'mobx-react-lite';\nimport { TabTitle } from './TabTitle';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TabsFilterState } from './TabsFilterState';\nimport { TabsDropdown } from './TabsDropdown';\nimport { ALL_TAB_ITEM_ID, TabsFilterItemBase } from './types';\nimport { TabsDefault } from './TabsDefault';\nimport { useFilterValueTotalState } from '../TabTotal/useFilterValueTotalState';\nimport type { TabCounterBadgeProps } from '../TabTotal/TabTotalCounterBadge';\nimport type { TabTotalParensProps } from '../TabTotal/TabTotalParens';\n\n/** Type alias for TabTotalCounterBadge component element */\ntype TabTotalCounterBadge<V> = ReactElement<\n  TabCounterBadgeProps<V, unknown, any>\n>;\n/** Type alias for TabTotalParens component element */\ntype TabTotalParens<V> = ReactElement<TabTotalParensProps<V, unknown, any>>;\n\nexport interface TabsFilterProps<V> {\n  /**\n   * List of tabs.\n   * @external\n   */\n  data: V[];\n  /**\n   * Defines the selected filter.\n   * <br><br>\n   * Must be an [arrayFilter](./?path=/story/features-filter-factories--arrayfilter) object.\n   * @external\n   */\n  filter: Filter<V[]>;\n  /**\n   * Display name of the tab that indicates that all items are included.\n   * <br>\n   * Changes the value of `filter` to an empty array.\n   * @external\n   */\n  all?: string | null | false;\n\n  /**\n   * Renders a counter badge next to the tabs' texts.\n   * <br><br>\n   * See different examples of this implementation in the [Overview](./?path=/story/features-filter-components--tabsfilter) tab.\n   * @external\n   */\n  counterBadge?: (\n    value: V | null | undefined,\n  ) => TabTotalCounterBadge<V> | TabTotalParens<V> | null | undefined;\n  onChange?: (value: V | null | undefined) => unknown;\n\n  /**\n   * Tabs layout type.\n   * <br><br>\n   * If this prop is omitted, the width depends on the label width. The total width of all the tabs cannot exceed 80% of the toolbar.\n   * <br><br>\n   * Supported values:<br>\n   * - `uniformFull`: Tabs are spread out uniformly.\n   * @external\n   */\n  type?: Extract<TabsProps['type'], 'uniformFull'>;\n\n  placeAllTabLast?: boolean;\n\n  /**\n   * Custom popover props for the mobile dropdown menu. On mobile devices, tabs are displayed as a dropdown menu.\n   * @external\n   */\n  mobilePopoverProps?: DropdownProps['popoverProps'];\n}\n\nfunction _TabsFilter<V>(props: TabsFilterProps<V>) {\n  const {\n    type,\n    filter,\n    data: dataProp,\n    all,\n    counterBadge,\n    placeAllTabLast,\n    onChange,\n    mobilePopoverProps,\n  } = props;\n  const { itemKey, itemName } = filter;\n  const size = useBmHarmonyTheme() ? 'small' : undefined;\n\n  const table = useToolbarCollectionContext();\n  const filterAllValueTotal = useFilterValueTotalState({\n    ...props,\n    value: undefined,\n  });\n\n  const container = React.useRef<HTMLDivElement>();\n\n  const [state] = useState(\n    () =>\n      (table.tabs ??= new TabsFilterState({\n        table,\n      })),\n  );\n\n  useLayoutEffect(() => {\n    runInAction(() => {\n      if (filter.persistent == null) {\n        filter.persistent = true;\n      }\n    });\n  }, []);\n\n  const { responsive } = state;\n\n  const isAllCounterBadgeLoading = useMemo(() => {\n    const allStatus = filterAllValueTotal.totalsCollection.initTask.status;\n    const { isLoading, isIdle } = allStatus;\n    return isLoading || isIdle;\n  }, [filterAllValueTotal.totalsCollection.initTask.status]);\n\n  const isTableLoading = useMemo(() => {\n    const { isLoading, isIdle } = table.initTask.status;\n    return isLoading || isIdle;\n  }, [table.initTask.status]);\n\n  const hideCounterBadge = isTableLoading || isAllCounterBadgeLoading;\n\n  const selectedId = filter.isEmpty\n    ? ALL_TAB_ITEM_ID\n    : itemKey(filter.value[0]);\n\n  const items = useMemo<TabsFilterItemBase[]>(() => {\n    const _mergedItems = dataProp.map((value, index) => {\n      const id = itemKey(value);\n      return {\n        id,\n        name: itemName(value),\n        title: (\n          <TabTitle\n            tabIndex={all && !placeAllTabLast ? index + 1 : index}\n            state={responsive}\n            text={itemName(value)}\n            value={value}\n            active={selectedId === id}\n            counterBadge={hideCounterBadge ? undefined : counterBadge}\n          />\n        ),\n        value,\n      };\n    });\n\n    if (!all) {\n      return _mergedItems.map((item, index) => ({\n        ...item,\n        index,\n        minWidth: responsive.itemsMinWidths[index],\n        maxWidth: responsive.itemMaxWidth,\n      }));\n    }\n\n    const allTabItem = {\n      id: ALL_TAB_ITEM_ID,\n      name: all,\n      title: (\n        <TabTitle\n          tabIndex={0}\n          state={responsive}\n          text={all}\n          value={undefined}\n          active={selectedId === ALL_TAB_ITEM_ID}\n          counterBadge={hideCounterBadge ? undefined : counterBadge}\n        />\n      ),\n    };\n\n    return (\n      placeAllTabLast\n        ? [..._mergedItems, allTabItem]\n        : [allTabItem, ..._mergedItems]\n    ).map((item, index) => ({\n      ...item,\n      minWidth: responsive.itemsMinWidths[index],\n      index,\n    }));\n  }, [\n    dataProp,\n    all,\n    counterBadge,\n    responsive.panelMinWidth,\n    hideCounterBadge,\n    selectedId,\n  ]);\n\n  useEffect(\n    () =>\n      state.init({\n        container: container.current,\n        itemsCount: items.length,\n      }),\n    [container, state],\n  );\n\n  return (\n    <FilterContextProvider value={filter}>\n      <Box\n        ref={(node) => {\n          if (node) {\n            container.current = node;\n          }\n        }}\n        dataHook=\"collection-tabs-filter\"\n        width=\"100%\"\n        height={60}\n        direction=\"vertical\"\n        verticalAlign=\"middle\"\n        flexGrow={1}\n      >\n        {responsive.mode === 'tabs' ? (\n          <TabsDefault\n            items={items}\n            data={dataProp}\n            filter={filter}\n            selectedId={selectedId}\n            state={state}\n            onChange={onChange}\n            type={type}\n            size={size}\n            all={all}\n          />\n        ) : (\n          <TabsDropdown\n            filter={filter}\n            data={dataProp}\n            items={items}\n            selectedId={selectedId}\n            popoverProps={mobilePopoverProps}\n          />\n        )}\n      </Box>\n    </FilterContextProvider>\n  );\n}\n\nexport const TabsFilter = observer(_TabsFilter);\nTabsFilter.displayName = 'TabsFilter';\n"],"mappings":"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","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_ = "TabsFilter3678414365";
+var _namespace_ = "TabsFilter1822916798";
 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": "TabsFilter3678414365__root",
-  "title": "TabsFilter3678414365__title"
+  "root": "TabsFilter1822916798__root",
+  "title": "TabsFilter1822916798__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_ = \"TabsFilter3678414365\";\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\":\"TabsFilter3678414365__root\",\"title\":\"TabsFilter3678414365__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_ = \"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":[]}

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_ = "ManageTagsModal2727734484";
+var _namespace_ = "ManageTagsModal3564937902";
 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": "ManageTagsModal2727734484__root"
+  "root": "ManageTagsModal3564937902__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_ = \"ManageTagsModal2727734484\";\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\":\"ManageTagsModal2727734484__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_ = \"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":[]}