@razorpay/blade 11.24.2 → 11.25.0

package/build/lib/web/production/components/Avatar/TrustedBadgeIcon.web.js

@@ -0,0 +1,195 @@
+import '../Icons/useIconProps/index.js';
+import '../Icons/_Svg/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import useIconProps from '../Icons/useIconProps/useIconProps.js';
+import Svg from '../Icons/_Svg/Svg/Svg.web.js';
+import Path from '../Icons/_Svg/Path/Path.web.js';
+
+var TrustedBadgeIcon = function TrustedBadgeIcon(props) {
+  var _useIconProps = useIconProps(props),
+    width = _useIconProps.width,
+    height = _useIconProps.height;
+  return /*#__PURE__*/jsxs(Svg, {
+    display: "block",
+    width: width,
+    height: height,
+    viewBox: "0 0 19 20",
+    fill: "none",
+    children: [/*#__PURE__*/jsx(Path, {
+      d: "M18.1763 3.12496C14.4216 3.12496 11.5452 2.14992 9.11271 0C6.68058 2.14992 3.80428 3.12496 0.0498704 3.12496C0.0498704 8.72327 -1.22466 16.7433 9.11271 20C19.4508 16.7432 18.1763 8.72327 18.1763 3.12496Z",
+      fill: "url(#paint0_linear_89597_146569)"
+    }), /*#__PURE__*/jsx("g", {
+      filter: "url(#filter0_i_89597_146569)",
+      children: /*#__PURE__*/jsx(Path, {
+        d: "M16.9345 4.04107C13.6801 4.04107 11.1869 3.19596 9.07861 1.33252C6.97056 3.19596 4.47753 4.04107 1.2234 4.04107C1.2234 8.8934 0.118706 15.8448 9.07861 18.6675C18.0391 15.8447 16.9345 8.8934 16.9345 4.04107Z",
+        fill: "url(#paint1_linear_89597_146569)"
+      })
+    }), /*#__PURE__*/jsx("g", {
+      opacity: "0.21",
+      filter: "url(#filter1_f_89597_146569)",
+      children: /*#__PURE__*/jsx(Path, {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M8.5245 2.30005C8.52447 2.30007 8.52443 2.3001 8.67861 2.48494C8.83278 2.66978 8.83273 2.66982 8.83268 2.66987L8.83254 2.66998L8.83095 2.67126L8.82684 2.67456C8.82335 2.67735 8.81835 2.68132 8.81188 2.68641C8.79895 2.69659 8.78014 2.71123 8.7557 2.72983C8.70683 2.76703 8.63543 2.82008 8.5436 2.8849C8.36002 3.0145 8.0943 3.19147 7.76321 3.38298C7.10245 3.76518 6.1741 4.20952 5.11373 4.44724C4.07693 4.67968 3.24422 4.80779 2.66922 4.87785C2.38171 4.91288 2.15861 4.9334 2.00659 4.94519C2.00136 4.94559 1.99621 4.94599 1.99115 4.94637C1.98673 5.02812 1.98148 5.13199 1.97603 5.2548C1.96151 5.58157 1.94554 6.04208 1.93973 6.57633C1.92809 7.64707 1.95743 9.00508 2.11864 10.1751L1.63775 10.2395C1.4718 9.03519 1.44272 7.65004 1.45445 6.57119C1.46032 6.03065 1.47648 5.56477 1.49118 5.23384C1.49853 5.06835 1.50552 4.93652 1.51068 4.8459C1.51326 4.80058 1.51539 4.76556 1.51688 4.74177C1.51762 4.72988 1.5182 4.72079 1.5186 4.71463L1.51923 4.70512C1.51923 4.70508 1.51924 4.70505 1.76136 4.72097L1.51924 4.70505L1.53378 4.48989L1.75214 4.48178L1.75223 4.48178L1.75254 4.48177L1.75466 4.48168C1.75668 4.48159 1.75989 4.48145 1.76428 4.48125C1.77307 4.48084 1.7866 4.48016 1.80477 4.47912C1.8411 4.47706 1.89597 4.47357 1.96855 4.46794C2.1137 4.45668 2.32965 4.43686 2.60973 4.40273C3.16991 4.33448 3.98651 4.20902 5.00618 3.98042C6.00229 3.75711 6.88327 3.337 7.51772 2.97002C7.83423 2.78694 8.08758 2.61813 8.26117 2.4956C8.34792 2.43436 8.41464 2.38476 8.45923 2.35081C8.48152 2.33385 8.49828 2.3208 8.50924 2.31218C8.51471 2.30787 8.51874 2.30466 8.52129 2.30263L8.52398 2.30047L8.5245 2.30005Z",
+        fill: "url(#paint2_linear_89597_146569)"
+      })
+    }), /*#__PURE__*/jsxs("g", {
+      filter: "url(#filter2_d_89597_146569)",
+      children: [/*#__PURE__*/jsx(Path, {
+        d: "M8.17223 7.68163L7.72705 9.30015L10.2744 7.67253L8.60851 13.8131L10.3002 13.8147L12.7611 4.74487L8.17223 7.68163Z",
+        fill: "white"
+      }), /*#__PURE__*/jsx(Path, {
+        d: "M5.42984 11.2342L4.72949 13.8156H8.19707C8.19707 13.8156 9.61539 8.5655 9.61579 8.56396C9.61446 8.5648 5.42984 11.2342 5.42984 11.2342Z",
+        fill: "white"
+      })]
+    }), /*#__PURE__*/jsxs("defs", {
+      children: [/*#__PURE__*/jsxs("filter", {
+        id: "filter0_i_89597_146569",
+        x: "1.18018",
+        y: "1.33252",
+        width: "16.087",
+        height: "18.0108",
+        filterUnits: "userSpaceOnUse",
+        colorInterpolationFilters: "sRGB",
+        children: [/*#__PURE__*/jsx("feFlood", {
+          floodOpacity: "0",
+          result: "BackgroundImageFix"
+        }), /*#__PURE__*/jsx("feBlend", {
+          mode: "normal",
+          "in": "SourceGraphic",
+          in2: "BackgroundImageFix",
+          result: "shape"
+        }), /*#__PURE__*/jsx("feColorMatrix", {
+          "in": "SourceAlpha",
+          type: "matrix",
+          values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+          result: "hardAlpha"
+        }), /*#__PURE__*/jsx("feOffset", {
+          dx: "0.289647",
+          dy: "0.675842"
+        }), /*#__PURE__*/jsx("feGaussianBlur", {
+          stdDeviation: "0.917215"
+        }), /*#__PURE__*/jsx("feComposite", {
+          in2: "hardAlpha",
+          operator: "arithmetic",
+          k2: "-1",
+          k3: "1"
+        }), /*#__PURE__*/jsx("feColorMatrix", {
+          type: "matrix",
+          values: "0 0 0 0 0.0409375 0 0 0 0 0.545833 0 0 0 0 0.297457 0 0 0 1 0"
+        }), /*#__PURE__*/jsx("feBlend", {
+          mode: "normal",
+          in2: "shape",
+          result: "effect1_innerShadow_89597_146569"
+        })]
+      }), /*#__PURE__*/jsxs("filter", {
+        id: "filter1_f_89597_146569",
+        x: "0.973095",
+        y: "1.821",
+        width: "8.33848",
+        height: "8.89756",
+        filterUnits: "userSpaceOnUse",
+        colorInterpolationFilters: "sRGB",
+        children: [/*#__PURE__*/jsx("feFlood", {
+          floodOpacity: "0",
+          result: "BackgroundImageFix"
+        }), /*#__PURE__*/jsx("feBlend", {
+          mode: "normal",
+          "in": "SourceGraphic",
+          in2: "BackgroundImageFix",
+          result: "shape"
+        }), /*#__PURE__*/jsx("feGaussianBlur", {
+          stdDeviation: "0.239527",
+          result: "effect1_foregroundBlur_89597_146569"
+        })]
+      }), /*#__PURE__*/jsxs("filter", {
+        id: "filter2_d_89597_146569",
+        x: "3.18471",
+        y: "3.29664",
+        width: "12.473",
+        height: "13.5121",
+        filterUnits: "userSpaceOnUse",
+        colorInterpolationFilters: "sRGB",
+        children: [/*#__PURE__*/jsx("feFlood", {
+          floodOpacity: "0",
+          result: "BackgroundImageFix"
+        }), /*#__PURE__*/jsx("feColorMatrix", {
+          "in": "SourceAlpha",
+          type: "matrix",
+          values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+          result: "hardAlpha"
+        }), /*#__PURE__*/jsx("feOffset", {
+          dx: "0.675842",
+          dy: "0.772391"
+        }), /*#__PURE__*/jsx("feGaussianBlur", {
+          stdDeviation: "1.11031"
+        }), /*#__PURE__*/jsx("feColorMatrix", {
+          type: "matrix",
+          values: "0 0 0 0 0.126389 0 0 0 0 0.541667 0 0 0 0 0.337377 0 0 0 0.3 0"
+        }), /*#__PURE__*/jsx("feBlend", {
+          mode: "normal",
+          in2: "BackgroundImageFix",
+          result: "effect1_dropShadow_89597_146569"
+        }), /*#__PURE__*/jsx("feBlend", {
+          mode: "normal",
+          "in": "SourceGraphic",
+          in2: "effect1_dropShadow_89597_146569",
+          result: "shape"
+        })]
+      }), /*#__PURE__*/jsxs("linearGradient", {
+        id: "paint0_linear_89597_146569",
+        x1: "21.5964",
+        y1: "16.117",
+        x2: "-1.81118",
+        y2: "4.46791",
+        gradientUnits: "userSpaceOnUse",
+        children: [/*#__PURE__*/jsx("stop", {
+          offset: "0.10771",
+          stopColor: "#30CF66"
+        }), /*#__PURE__*/jsx("stop", {
+          offset: "0.670861",
+          stopColor: "#80F399"
+        }), /*#__PURE__*/jsx("stop", {
+          offset: "0.876285",
+          stopColor: "#93F9BC"
+        }), /*#__PURE__*/jsx("stop", {
+          offset: "0.953125",
+          stopColor: "#A9F19D"
+        })]
+      }), /*#__PURE__*/jsxs("linearGradient", {
+        id: "paint1_linear_89597_146569",
+        x1: "15.5081",
+        y1: "18.6675",
+        x2: "-4.34671",
+        y2: "4.13441",
+        gradientUnits: "userSpaceOnUse",
+        children: [/*#__PURE__*/jsx("stop", {
+          stopColor: "#2EAE52"
+        }), /*#__PURE__*/jsx("stop", {
+          offset: "1",
+          stopColor: "#6CE8AB",
+          stopOpacity: "0.3"
+        })]
+      }), /*#__PURE__*/jsxs("linearGradient", {
+        id: "paint2_linear_89597_146569",
+        x1: "9.75263",
+        y1: "1.99064",
+        x2: "2.49084",
+        y2: "9.77064",
+        gradientUnits: "userSpaceOnUse",
+        children: [/*#__PURE__*/jsx("stop", {
+          stopColor: "white"
+        }), /*#__PURE__*/jsx("stop", {
+          offset: "0.544957",
+          stopColor: "#7AF09B"
+        }), /*#__PURE__*/jsx("stop", {
+          offset: "1",
+          stopColor: "white"
+        })]
+      })]
+    })]
+  });
+};
+
+export { TrustedBadgeIcon };
+//# sourceMappingURL=TrustedBadgeIcon.web.js.map

package/build/lib/web/production/components/Avatar/TrustedBadgeIcon.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrustedBadgeIcon.web.js","sources":["../../../../../../src/components/Avatar/TrustedBadgeIcon.web.tsx"],"sourcesContent":["import type { IconComponent } from '~components/Icons';\nimport useIconProps from '~components/Icons/useIconProps';\nimport Svg, { Path } from '~components/Icons/_Svg';\n\nconst TrustedBadgeIcon: IconComponent = (props) => {\n  const { width, height } = useIconProps(props);\n  return (\n    <Svg display=\"block\" width={width} height={height} viewBox=\"0 0 19 20\" fill=\"none\">\n      <Path\n        d=\"M18.1763 3.12496C14.4216 3.12496 11.5452 2.14992 9.11271 0C6.68058 2.14992 3.80428 3.12496 0.0498704 3.12496C0.0498704 8.72327 -1.22466 16.7433 9.11271 20C19.4508 16.7432 18.1763 8.72327 18.1763 3.12496Z\"\n        fill=\"url(#paint0_linear_89597_146569)\"\n      />\n      <g filter=\"url(#filter0_i_89597_146569)\">\n        <Path\n          d=\"M16.9345 4.04107C13.6801 4.04107 11.1869 3.19596 9.07861 1.33252C6.97056 3.19596 4.47753 4.04107 1.2234 4.04107C1.2234 8.8934 0.118706 15.8448 9.07861 18.6675C18.0391 15.8447 16.9345 8.8934 16.9345 4.04107Z\"\n          fill=\"url(#paint1_linear_89597_146569)\"\n        />\n      </g>\n      <g opacity=\"0.21\" filter=\"url(#filter1_f_89597_146569)\">\n        <Path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M8.5245 2.30005C8.52447 2.30007 8.52443 2.3001 8.67861 2.48494C8.83278 2.66978 8.83273 2.66982 8.83268 2.66987L8.83254 2.66998L8.83095 2.67126L8.82684 2.67456C8.82335 2.67735 8.81835 2.68132 8.81188 2.68641C8.79895 2.69659 8.78014 2.71123 8.7557 2.72983C8.70683 2.76703 8.63543 2.82008 8.5436 2.8849C8.36002 3.0145 8.0943 3.19147 7.76321 3.38298C7.10245 3.76518 6.1741 4.20952 5.11373 4.44724C4.07693 4.67968 3.24422 4.80779 2.66922 4.87785C2.38171 4.91288 2.15861 4.9334 2.00659 4.94519C2.00136 4.94559 1.99621 4.94599 1.99115 4.94637C1.98673 5.02812 1.98148 5.13199 1.97603 5.2548C1.96151 5.58157 1.94554 6.04208 1.93973 6.57633C1.92809 7.64707 1.95743 9.00508 2.11864 10.1751L1.63775 10.2395C1.4718 9.03519 1.44272 7.65004 1.45445 6.57119C1.46032 6.03065 1.47648 5.56477 1.49118 5.23384C1.49853 5.06835 1.50552 4.93652 1.51068 4.8459C1.51326 4.80058 1.51539 4.76556 1.51688 4.74177C1.51762 4.72988 1.5182 4.72079 1.5186 4.71463L1.51923 4.70512C1.51923 4.70508 1.51924 4.70505 1.76136 4.72097L1.51924 4.70505L1.53378 4.48989L1.75214 4.48178L1.75223 4.48178L1.75254 4.48177L1.75466 4.48168C1.75668 4.48159 1.75989 4.48145 1.76428 4.48125C1.77307 4.48084 1.7866 4.48016 1.80477 4.47912C1.8411 4.47706 1.89597 4.47357 1.96855 4.46794C2.1137 4.45668 2.32965 4.43686 2.60973 4.40273C3.16991 4.33448 3.98651 4.20902 5.00618 3.98042C6.00229 3.75711 6.88327 3.337 7.51772 2.97002C7.83423 2.78694 8.08758 2.61813 8.26117 2.4956C8.34792 2.43436 8.41464 2.38476 8.45923 2.35081C8.48152 2.33385 8.49828 2.3208 8.50924 2.31218C8.51471 2.30787 8.51874 2.30466 8.52129 2.30263L8.52398 2.30047L8.5245 2.30005Z\"\n          fill=\"url(#paint2_linear_89597_146569)\"\n        />\n      </g>\n      <g filter=\"url(#filter2_d_89597_146569)\">\n        <Path\n          d=\"M8.17223 7.68163L7.72705 9.30015L10.2744 7.67253L8.60851 13.8131L10.3002 13.8147L12.7611 4.74487L8.17223 7.68163Z\"\n          fill=\"white\"\n        />\n        <Path\n          d=\"M5.42984 11.2342L4.72949 13.8156H8.19707C8.19707 13.8156 9.61539 8.5655 9.61579 8.56396C9.61446 8.5648 5.42984 11.2342 5.42984 11.2342Z\"\n          fill=\"white\"\n        />\n      </g>\n      <defs>\n        <filter\n          id=\"filter0_i_89597_146569\"\n          x=\"1.18018\"\n          y=\"1.33252\"\n          width=\"16.087\"\n          height=\"18.0108\"\n          filterUnits=\"userSpaceOnUse\"\n          colorInterpolationFilters=\"sRGB\"\n        >\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n          <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\" />\n          <feColorMatrix\n            in=\"SourceAlpha\"\n            type=\"matrix\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n            result=\"hardAlpha\"\n          />\n          <feOffset dx=\"0.289647\" dy=\"0.675842\" />\n          <feGaussianBlur stdDeviation=\"0.917215\" />\n          <feComposite in2=\"hardAlpha\" operator=\"arithmetic\" k2=\"-1\" k3=\"1\" />\n          <feColorMatrix\n            type=\"matrix\"\n            values=\"0 0 0 0 0.0409375 0 0 0 0 0.545833 0 0 0 0 0.297457 0 0 0 1 0\"\n          />\n          <feBlend mode=\"normal\" in2=\"shape\" result=\"effect1_innerShadow_89597_146569\" />\n        </filter>\n        <filter\n          id=\"filter1_f_89597_146569\"\n          x=\"0.973095\"\n          y=\"1.821\"\n          width=\"8.33848\"\n          height=\"8.89756\"\n          filterUnits=\"userSpaceOnUse\"\n          colorInterpolationFilters=\"sRGB\"\n        >\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n          <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\" />\n          <feGaussianBlur stdDeviation=\"0.239527\" result=\"effect1_foregroundBlur_89597_146569\" />\n        </filter>\n        <filter\n          id=\"filter2_d_89597_146569\"\n          x=\"3.18471\"\n          y=\"3.29664\"\n          width=\"12.473\"\n          height=\"13.5121\"\n          filterUnits=\"userSpaceOnUse\"\n          colorInterpolationFilters=\"sRGB\"\n        >\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n          <feColorMatrix\n            in=\"SourceAlpha\"\n            type=\"matrix\"\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n            result=\"hardAlpha\"\n          />\n          <feOffset dx=\"0.675842\" dy=\"0.772391\" />\n          <feGaussianBlur stdDeviation=\"1.11031\" />\n          <feColorMatrix\n            type=\"matrix\"\n            values=\"0 0 0 0 0.126389 0 0 0 0 0.541667 0 0 0 0 0.337377 0 0 0 0.3 0\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in2=\"BackgroundImageFix\"\n            result=\"effect1_dropShadow_89597_146569\"\n          />\n          <feBlend\n            mode=\"normal\"\n            in=\"SourceGraphic\"\n            in2=\"effect1_dropShadow_89597_146569\"\n            result=\"shape\"\n          />\n        </filter>\n        <linearGradient\n          id=\"paint0_linear_89597_146569\"\n          x1=\"21.5964\"\n          y1=\"16.117\"\n          x2=\"-1.81118\"\n          y2=\"4.46791\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop offset=\"0.10771\" stopColor=\"#30CF66\" />\n          <stop offset=\"0.670861\" stopColor=\"#80F399\" />\n          <stop offset=\"0.876285\" stopColor=\"#93F9BC\" />\n          <stop offset=\"0.953125\" stopColor=\"#A9F19D\" />\n        </linearGradient>\n        <linearGradient\n          id=\"paint1_linear_89597_146569\"\n          x1=\"15.5081\"\n          y1=\"18.6675\"\n          x2=\"-4.34671\"\n          y2=\"4.13441\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#2EAE52\" />\n          <stop offset=\"1\" stopColor=\"#6CE8AB\" stopOpacity=\"0.3\" />\n        </linearGradient>\n        <linearGradient\n          id=\"paint2_linear_89597_146569\"\n          x1=\"9.75263\"\n          y1=\"1.99064\"\n          x2=\"2.49084\"\n          y2=\"9.77064\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"white\" />\n          <stop offset=\"0.544957\" stopColor=\"#7AF09B\" />\n          <stop offset=\"1\" stopColor=\"white\" />\n        </linearGradient>\n      </defs>\n    </Svg>\n  );\n};\n\nexport { TrustedBadgeIcon };\n"],"names":["TrustedBadgeIcon","props","_useIconProps","useIconProps","width","height","_jsxs","Svg","display","viewBox","fill","children","_jsx","Path","d","filter","opacity","fillRule","clipRule","id","x","y","filterUnits","colorInterpolationFilters","floodOpacity","result","mode","in2","type","values","dx","dy","stdDeviation","operator","k2","k3","x1","y1","x2","y2","gradientUnits","offset","stopColor","stopOpacity"],"mappings":"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"}

package/build/lib/web/production/components/Avatar/avatarTokens.js

@@ -44,6 +44,66 @@ var avatarBorderRadiusTokens = {
   circle: 'max',
   square: 'medium'
 };
+var avatarToBottomAddonSize = {
+  xsmall: 'xsmall',
+  small: 'xsmall',
+  medium: 'small',
+  large: 'medium',
+  xlarge: 'large'
+};
+var avatarToIndicatorSize = {
+  xsmall: 'small',
+  small: 'small',
+  medium: 'medium',
+  large: 'medium',
+  xlarge: 'large'
+};
+var avatarTopAddonOffsets = {
+  circle: {
+    xsmall: {
+      right: '0px',
+      top: '0px'
+    },
+    small: {
+      right: '1px',
+      top: '1px'
+    },
+    medium: {
+      right: '1px',
+      top: '2px'
+    },
+    large: {
+      right: '4px',
+      top: '2px'
+    },
+    xlarge: {
+      right: '4px',
+      top: '2px'
+    }
+  },
+  square: {
+    xsmall: {
+      right: '-2px',
+      top: '-2px'
+    },
+    small: {
+      right: '-2px',
+      top: '-2px'
+    },
+    medium: {
+      right: '-2px',
+      top: '-2px'
+    },
+    large: {
+      right: '-3px',
+      top: '-3px'
+    },
+    xlarge: {
+      right: '-4px',
+      top: '-4px'
+    }
+  }
+};
 
-export { avatarBorderRadiusTokens, avatarColorTokens, avatarIconSizeTokens, avatarSizeTokens, avatarTextSizeMapping };
+export { avatarBorderRadiusTokens, avatarColorTokens, avatarIconSizeTokens, avatarSizeTokens, avatarTextSizeMapping, avatarToBottomAddonSize, avatarToIndicatorSize, avatarTopAddonOffsets };
 //# sourceMappingURL=avatarTokens.js.map

package/build/lib/web/production/components/Avatar/avatarTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatarTokens.js","sources":["../../../../../../src/components/Avatar/avatarTokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nconst avatarSizeTokens = {\n  xsmall: size[20],\n  small: size[28],\n  medium: size[36],\n  large: size[48],\n  xlarge: size[56],\n} as const;\n\nconst avatarIconSizeTokens = {\n  xsmall: 'small',\n  small: 'medium',\n  medium: 'medium',\n  large: 'large',\n  xlarge: 'xlarge',\n} as const;\n\nconst avatarTextSizeMapping = {\n  xsmall: 'xsmall',\n  small: 'xsmall',\n  medium: 'small',\n  large: 'medium',\n  xlarge: 'medium',\n} as const;\n\nconst avatarColorTokens = {\n  text: {\n    primary: 'interactive.text.primary.normal',\n    positive: 'interactive.text.positive.normal',\n    negative: 'interactive.text.negative.normal',\n    notice: 'interactive.text.notice.normal',\n    information: 'interactive.text.information.normal',\n    neutral: 'interactive.text.neutral.normal',\n  },\n  background: {\n    primary: 'interactive.background.primary.faded',\n    positive: 'interactive.background.positive.faded',\n    negative: 'interactive.background.negative.faded',\n    notice: 'interactive.background.notice.faded',\n    information: 'interactive.background.information.faded',\n    neutral: 'interactive.background.neutral.faded',\n  },\n} as const;\n\nconst avatarBorderRadiusTokens = {\n  circle: 'max',\n  square: 'medium',\n} as const;\n\nexport {\n  avatarSizeTokens,\n  avatarIconSizeTokens,\n  avatarTextSizeMapping,\n  avatarColorTokens,\n  avatarBorderRadiusTokens,\n};\n"],"names":["avatarSizeTokens","xsmall","size","small","medium","large","xlarge","avatarIconSizeTokens","avatarTextSizeMapping","avatarColorTokens","text","primary","positive","negative","notice","information","neutral","background","avatarBorderRadiusTokens","circle","square"],"mappings":";;;AAEA,IAAMA,gBAAgB,GAAG;AACvBC,EAAAA,MAAM,EAAEC,IAAI,CAAC,EAAE,CAAC;AAChBC,EAAAA,KAAK,EAAED,IAAI,CAAC,EAAE,CAAC;AACfE,EAAAA,MAAM,EAAEF,IAAI,CAAC,EAAE,CAAC;AAChBG,EAAAA,KAAK,EAAEH,IAAI,CAAC,EAAE,CAAC;EACfI,MAAM,EAAEJ,IAAI,CAAC,EAAE,CAAA;AACjB,EAAU;AAEV,IAAMK,oBAAoB,GAAG;AAC3BN,EAAAA,MAAM,EAAE,OAAO;AACfE,EAAAA,KAAK,EAAE,QAAQ;AACfC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,QAAA;AACV,EAAU;AAEV,IAAME,qBAAqB,GAAG;AAC5BP,EAAAA,MAAM,EAAE,QAAQ;AAChBE,EAAAA,KAAK,EAAE,QAAQ;AACfC,EAAAA,MAAM,EAAE,OAAO;AACfC,EAAAA,KAAK,EAAE,QAAQ;AACfC,EAAAA,MAAM,EAAE,QAAA;AACV,EAAU;AAEV,IAAMG,iBAAiB,GAAG;AACxBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAE,iCAAiC;AAC1CC,IAAAA,QAAQ,EAAE,kCAAkC;AAC5CC,IAAAA,QAAQ,EAAE,kCAAkC;AAC5CC,IAAAA,MAAM,EAAE,gCAAgC;AACxCC,IAAAA,WAAW,EAAE,qCAAqC;AAClDC,IAAAA,OAAO,EAAE,iCAAA;GACV;AACDC,EAAAA,UAAU,EAAE;AACVN,IAAAA,OAAO,EAAE,sCAAsC;AAC/CC,IAAAA,QAAQ,EAAE,uCAAuC;AACjDC,IAAAA,QAAQ,EAAE,uCAAuC;AACjDC,IAAAA,MAAM,EAAE,qCAAqC;AAC7CC,IAAAA,WAAW,EAAE,0CAA0C;AACvDC,IAAAA,OAAO,EAAE,sCAAA;AACX,GAAA;AACF,EAAU;AAEV,IAAME,wBAAwB,GAAG;AAC/BC,EAAAA,MAAM,EAAE,KAAK;AACbC,EAAAA,MAAM,EAAE,QAAA;AACV;;;;"}
+{"version":3,"file":"avatarTokens.js","sources":["../../../../../../src/components/Avatar/avatarTokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nconst avatarSizeTokens = {\n  xsmall: size[20],\n  small: size[28],\n  medium: size[36],\n  large: size[48],\n  xlarge: size[56],\n} as const;\n\nconst avatarIconSizeTokens = {\n  xsmall: 'small',\n  small: 'medium',\n  medium: 'medium',\n  large: 'large',\n  xlarge: 'xlarge',\n} as const;\n\nconst avatarTextSizeMapping = {\n  xsmall: 'xsmall',\n  small: 'xsmall',\n  medium: 'small',\n  large: 'medium',\n  xlarge: 'medium',\n} as const;\n\nconst avatarColorTokens = {\n  text: {\n    primary: 'interactive.text.primary.normal',\n    positive: 'interactive.text.positive.normal',\n    negative: 'interactive.text.negative.normal',\n    notice: 'interactive.text.notice.normal',\n    information: 'interactive.text.information.normal',\n    neutral: 'interactive.text.neutral.normal',\n  },\n  background: {\n    primary: 'interactive.background.primary.faded',\n    positive: 'interactive.background.positive.faded',\n    negative: 'interactive.background.negative.faded',\n    notice: 'interactive.background.notice.faded',\n    information: 'interactive.background.information.faded',\n    neutral: 'interactive.background.neutral.faded',\n  },\n} as const;\n\nconst avatarBorderRadiusTokens = {\n  circle: 'max',\n  square: 'medium',\n} as const;\n\nconst avatarToBottomAddonSize = {\n  xsmall: 'xsmall',\n  small: 'xsmall',\n  medium: 'small',\n  large: 'medium',\n  xlarge: 'large',\n} as const;\n\nconst avatarToIndicatorSize = {\n  xsmall: 'small',\n  small: 'small',\n  medium: 'medium',\n  large: 'medium',\n  xlarge: 'large',\n} as const;\n\nconst avatarTopAddonOffsets = {\n  circle: {\n    xsmall: {\n      right: '0px',\n      top: '0px',\n    },\n    small: {\n      right: '1px',\n      top: '1px',\n    },\n    medium: {\n      right: '1px',\n      top: '2px',\n    },\n    large: {\n      right: '4px',\n      top: '2px',\n    },\n    xlarge: {\n      right: '4px',\n      top: '2px',\n    },\n  },\n  square: {\n    xsmall: {\n      right: '-2px',\n      top: '-2px',\n    },\n    small: {\n      right: '-2px',\n      top: '-2px',\n    },\n    medium: {\n      right: '-2px',\n      top: '-2px',\n    },\n    large: {\n      right: '-3px',\n      top: '-3px',\n    },\n    xlarge: {\n      right: '-4px',\n      top: '-4px',\n    },\n  },\n} as const;\n\nexport {\n  avatarSizeTokens,\n  avatarIconSizeTokens,\n  avatarTextSizeMapping,\n  avatarColorTokens,\n  avatarBorderRadiusTokens,\n  avatarToBottomAddonSize,\n  avatarToIndicatorSize,\n  avatarTopAddonOffsets,\n};\n"],"names":["avatarSizeTokens","xsmall","size","small","medium","large","xlarge","avatarIconSizeTokens","avatarTextSizeMapping","avatarColorTokens","text","primary","positive","negative","notice","information","neutral","background","avatarBorderRadiusTokens","circle","square","avatarToBottomAddonSize","avatarToIndicatorSize","avatarTopAddonOffsets","right","top"],"mappings":"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"}

package/build/lib/web/production/components/Avatar/index.js

@@ -1,3 +1,4 @@
 export { Avatar } from './Avatar.web.js';
 export { AvatarGroup } from './AvatarGroup.web.js';
+export { TrustedBadgeIcon } from './TrustedBadgeIcon.web.js';
 //# sourceMappingURL=index.js.map

package/build/lib/web/production/components/Avatar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/build/lib/web/production/components/BaseMenu/BaseMenuItem/BaseMenuItem.js

@@ -8,12 +8,16 @@ import '../../Typography/index.js';
 import '../../../tokens/global/index.js';
 import '../../../utils/index.js';
 import '../../../utils/makeAccessible/index.js';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import '../../Typography/BaseText/index.js';
+import '../../../utils/useTruncationTitle/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { makeSize } from '../../../utils/makeSize/makeSize.js';
 import { size } from '../../../tokens/global/size.js';
+import { useTruncationTitle } from '../../../utils/useTruncationTitle/useTruncationTitle.web.js';
 import { makeAccessible } from '../../../utils/makeAccessible/makeAccessible.web.js';
 import { Box } from '../../Box/Box.js';
-import { Text } from '../../Typography/Text/Text.js';
+import { BaseText } from '../../Typography/BaseText/BaseText.web.js';
+import { getTextProps, Text } from '../../Typography/Text/Text.js';
 
 var _excluded = ["title", "description", "as", "leading", "trailing", "titleSuffix", "isDisabled", "selectionType", "isSelected", "isVisible", "color", "role", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -53,6 +57,11 @@ var _BaseMenuItem = function _BaseMenuItem(_ref, ref) {
     role = _ref$role === void 0 ? 'menuitem' : _ref$role,
     children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
+  var _useTruncationTitle = useTruncationTitle({
+      content: title
+    }),
+    containerRef = _useTruncationTitle.containerRef,
+    textRef = _useTruncationTitle.textRef;
   return /*#__PURE__*/jsx(BaseMenuItemContext.Provider, {
     value: {
       color: color,
@@ -75,45 +84,51 @@ var _BaseMenuItem = function _BaseMenuItem(_ref, ref) {
       isDisabled: isDisabled,
       selectionType: selectionType
     }, props), {}, {
-      children: children ? children : /*#__PURE__*/jsx(Fragment, {
-        children: /*#__PURE__*/jsxs(Box, {
+      children: children ? children : /*#__PURE__*/jsxs(Box, {
+        display: "flex",
+        alignItems: "flex-start",
+        width: "100%",
+        justifyContent: "center",
+        children: [/*#__PURE__*/jsx(Box, {
           display: "flex",
-          alignItems: "flex-start",
-          width: "100%",
           justifyContent: "center",
-          children: [/*#__PURE__*/jsx(Box, {
+          alignItems: "center",
+          height: itemFirstRowHeight,
+          children: leading
+        }), /*#__PURE__*/jsxs(Box, {
+          paddingLeft: leading ? 'spacing.3' : 'spacing.0',
+          paddingRight: "spacing.3",
+          display: "flex",
+          flexDirection: "column",
+          children: [/*#__PURE__*/jsxs(Box, {
             display: "flex",
-            justifyContent: "center",
             alignItems: "center",
+            flexDirection: "row",
             height: itemFirstRowHeight,
-            children: leading
-          }), /*#__PURE__*/jsxs(Box, {
-            paddingLeft: leading ? 'spacing.3' : 'spacing.0',
-            paddingRight: "spacing.3",
-            display: "flex",
-            flexDirection: "column",
-            children: [/*#__PURE__*/jsxs(Box, {
-              display: "flex",
-              alignItems: "center",
-              flexDirection: "row",
-              height: itemFirstRowHeight,
-              children: [/*#__PURE__*/jsx(Text, {
-                truncateAfterLines: 1,
-                color: menuItemTitleColor[color === 'negative' ? 'negative' : 'normal'][isDisabled ? 'disabled' : 'default'],
-                children: title
-              }), titleSuffix]
-            }), /*#__PURE__*/jsx(Box, {
-              children: description ? /*#__PURE__*/jsx(Text, {
-                color: menuItemDescriptionColor[isDisabled ? 'disabled' : 'default'],
-                size: "small",
-                children: description
-              }) : null
-            })]
+            ref: containerRef,
+            children: [/*#__PURE__*/jsx(BaseText, _objectSpread(_objectSpread({
+              as: "p",
+              ref: textRef,
+              truncateAfterLines: 1,
+              wordBreak: "break-all"
+            }, getTextProps({
+              size: 'medium',
+              color: menuItemTitleColor[color === 'negative' ? 'negative' : 'normal'][isDisabled ? 'disabled' : 'default'],
+              weight: 'regular'
+            })), {}, {
+              children: title
+            })), titleSuffix]
           }), /*#__PURE__*/jsx(Box, {
-            marginLeft: "auto",
-            children: trailing
+            children: description ? /*#__PURE__*/jsx(Text, {
+              color: menuItemDescriptionColor[isDisabled ? 'disabled' : 'default'],
+              size: "small",
+              children: description
+            }) : null
           })]
-        })
+        }), /*#__PURE__*/jsx(Box, {
+          marginLeft: "auto",
+          children: trailing
+        })]
       })
     }))
   });

package/build/lib/web/production/components/BaseMenu/BaseMenuItem/BaseMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseMenuItem.js","sources":["../../../../../../../src/components/BaseMenu/BaseMenuItem/BaseMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseMenuItemProps } from '../types';\nimport { BaseMenuItemContext } from '../BaseMenuContext';\nimport { StyledMenuItemContainer } from './StyledMenuItemContainer';\nimport { Box } from '~components/Box';\nimport { Text } from '~components/Typography';\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeElementRef } from '~utils/types';\n\nconst menuItemTitleColor = {\n  negative: {\n    default: 'feedback.text.negative.intense',\n    disabled: 'interactive.text.gray.disabled',\n  },\n  normal: { default: 'interactive.text.gray.normal', disabled: 'interactive.text.gray.disabled' },\n} as const;\n\nconst menuItemDescriptionColor = {\n  default: 'interactive.text.gray.muted',\n  disabled: 'interactive.text.gray.disabled',\n} as const;\n\n// This is the height of item excluding the description to make sure description comes at the bottom and other first row items are center aligned\nconst itemFirstRowHeight = makeSize(size[20]);\n\nconst _BaseMenuItem: React.ForwardRefRenderFunction<BladeElementRef, BaseMenuItemProps> = (\n  {\n    title,\n    description,\n    as,\n    leading,\n    trailing,\n    titleSuffix,\n    isDisabled,\n    selectionType = 'single',\n    isSelected,\n    isVisible = true,\n    color,\n    role = 'menuitem',\n    children,\n    ...props\n  },\n  ref,\n): React.ReactElement => {\n  return (\n    <BaseMenuItemContext.Provider value={{ color, isDisabled }}>\n      <StyledMenuItemContainer\n        ref={ref as never}\n        as={as}\n        type=\"button\"\n        disabled={isDisabled}\n        {...makeAccessible({\n          role,\n          current: role === 'menuitem' || role === 'menuitemcheckbox' ? isSelected : undefined,\n          disabled: isDisabled,\n          selected: isSelected,\n        })}\n        color={color}\n        isVisible={isVisible}\n        isSelected={isSelected}\n        isDisabled={isDisabled}\n        selectionType={selectionType}\n        {...props}\n      >\n        {children ? (\n          children\n        ) : (\n          <>\n            <Box display=\"flex\" alignItems=\"flex-start\" width=\"100%\" justifyContent=\"center\">\n              <Box\n                display=\"flex\"\n                justifyContent=\"center\"\n                alignItems=\"center\"\n                height={itemFirstRowHeight}\n              >\n                {leading}\n              </Box>\n              <Box\n                paddingLeft={leading ? 'spacing.3' : 'spacing.0'}\n                paddingRight=\"spacing.3\"\n                display=\"flex\"\n                flexDirection=\"column\"\n              >\n                <Box\n                  display=\"flex\"\n                  alignItems=\"center\"\n                  flexDirection=\"row\"\n                  height={itemFirstRowHeight}\n                >\n                  <Text\n                    truncateAfterLines={1}\n                    color={\n                      menuItemTitleColor[color === 'negative' ? 'negative' : 'normal'][\n                        isDisabled ? 'disabled' : 'default'\n                      ]\n                    }\n                  >\n                    {title}\n                  </Text>\n                  {titleSuffix}\n                </Box>\n                <Box>\n                  {description ? (\n                    <Text\n                      color={menuItemDescriptionColor[isDisabled ? 'disabled' : 'default']}\n                      size=\"small\"\n                    >\n                      {description}\n                    </Text>\n                  ) : null}\n                </Box>\n              </Box>\n              <Box marginLeft=\"auto\">{trailing}</Box>\n            </Box>\n          </>\n        )}\n      </StyledMenuItemContainer>\n    </BaseMenuItemContext.Provider>\n  );\n};\n\nconst BaseMenuItem = React.forwardRef(_BaseMenuItem);\n\nexport { BaseMenuItem };\n"],"names":["menuItemTitleColor","negative","disabled","normal","menuItemDescriptionColor","itemFirstRowHeight","makeSize","size","_BaseMenuItem","_ref","ref","title","description","as","leading","trailing","titleSuffix","isDisabled","_ref$selectionType","selectionType","isSelected","_ref$isVisible","isVisible","color","_ref$role","role","children","props","_objectWithoutProperties","_excluded","_jsx","BaseMenuItemContext","Provider","value","StyledMenuItemContainer","_objectSpread","type","makeAccessible","current","undefined","selected","_Fragment","_jsxs","Box","display","alignItems","width","justifyContent","height","paddingLeft","paddingRight","flexDirection","Text","truncateAfterLines","marginLeft","BaseMenuItem","React","forwardRef"],"mappings":"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"}
+{"version":3,"file":"BaseMenuItem.js","sources":["../../../../../../../src/components/BaseMenu/BaseMenuItem/BaseMenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseMenuItemProps } from '../types';\nimport { BaseMenuItemContext } from '../BaseMenuContext';\nimport { StyledMenuItemContainer } from './StyledMenuItemContainer';\nimport { Box } from '~components/Box';\nimport { getTextProps, Text } from '~components/Typography';\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport type { BladeElementRef } from '~utils/types';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { useTruncationTitle } from '~utils/useTruncationTitle';\n\nconst menuItemTitleColor = {\n  negative: {\n    default: 'feedback.text.negative.intense',\n    disabled: 'interactive.text.gray.disabled',\n  },\n  normal: { default: 'interactive.text.gray.normal', disabled: 'interactive.text.gray.disabled' },\n} as const;\n\nconst menuItemDescriptionColor = {\n  default: 'interactive.text.gray.muted',\n  disabled: 'interactive.text.gray.disabled',\n} as const;\n\n// This is the height of item excluding the description to make sure description comes at the bottom and other first row items are center aligned\nconst itemFirstRowHeight = makeSize(size[20]);\n\nconst _BaseMenuItem: React.ForwardRefRenderFunction<BladeElementRef, BaseMenuItemProps> = (\n  {\n    title,\n    description,\n    as,\n    leading,\n    trailing,\n    titleSuffix,\n    isDisabled,\n    selectionType = 'single',\n    isSelected,\n    isVisible = true,\n    color,\n    role = 'menuitem',\n    children,\n    ...props\n  },\n  ref,\n): React.ReactElement => {\n  const { containerRef, textRef } = useTruncationTitle({ content: title });\n  return (\n    <BaseMenuItemContext.Provider value={{ color, isDisabled }}>\n      <StyledMenuItemContainer\n        ref={ref as never}\n        as={as}\n        type=\"button\"\n        disabled={isDisabled}\n        {...makeAccessible({\n          role,\n          current: role === 'menuitem' || role === 'menuitemcheckbox' ? isSelected : undefined,\n          disabled: isDisabled,\n          selected: isSelected,\n        })}\n        color={color}\n        isVisible={isVisible}\n        isSelected={isSelected}\n        isDisabled={isDisabled}\n        selectionType={selectionType}\n        {...props}\n      >\n        {children ? (\n          children\n        ) : (\n          <Box display=\"flex\" alignItems=\"flex-start\" width=\"100%\" justifyContent=\"center\">\n            <Box\n              display=\"flex\"\n              justifyContent=\"center\"\n              alignItems=\"center\"\n              height={itemFirstRowHeight}\n            >\n              {leading}\n            </Box>\n            <Box\n              paddingLeft={leading ? 'spacing.3' : 'spacing.0'}\n              paddingRight=\"spacing.3\"\n              display=\"flex\"\n              flexDirection=\"column\"\n            >\n              <Box\n                display=\"flex\"\n                alignItems=\"center\"\n                flexDirection=\"row\"\n                height={itemFirstRowHeight}\n                ref={containerRef as never}\n              >\n                <BaseText\n                  as=\"p\"\n                  ref={textRef as never}\n                  truncateAfterLines={1}\n                  wordBreak=\"break-all\"\n                  {...getTextProps({\n                    size: 'medium',\n                    color:\n                      menuItemTitleColor[color === 'negative' ? 'negative' : 'normal'][\n                        isDisabled ? 'disabled' : 'default'\n                      ],\n                    weight: 'regular',\n                  })}\n                >\n                  {title}\n                </BaseText>\n                {titleSuffix}\n              </Box>\n              <Box>\n                {description ? (\n                  <Text\n                    color={menuItemDescriptionColor[isDisabled ? 'disabled' : 'default']}\n                    size=\"small\"\n                  >\n                    {description}\n                  </Text>\n                ) : null}\n              </Box>\n            </Box>\n            <Box marginLeft=\"auto\">{trailing}</Box>\n          </Box>\n        )}\n      </StyledMenuItemContainer>\n    </BaseMenuItemContext.Provider>\n  );\n};\n\nconst BaseMenuItem = React.forwardRef(_BaseMenuItem);\n\nexport { BaseMenuItem };\n"],"names":["menuItemTitleColor","negative","disabled","normal","menuItemDescriptionColor","itemFirstRowHeight","makeSize","size","_BaseMenuItem","_ref","ref","title","description","as","leading","trailing","titleSuffix","isDisabled","_ref$selectionType","selectionType","isSelected","_ref$isVisible","isVisible","color","_ref$role","role","children","props","_objectWithoutProperties","_excluded","_useTruncationTitle","useTruncationTitle","content","containerRef","textRef","_jsx","BaseMenuItemContext","Provider","value","StyledMenuItemContainer","_objectSpread","type","makeAccessible","current","undefined","selected","_jsxs","Box","display","alignItems","width","justifyContent","height","paddingLeft","paddingRight","flexDirection","BaseText","truncateAfterLines","wordBreak","getTextProps","weight","Text","marginLeft","BaseMenuItem","React","forwardRef"],"mappings":"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"}

package/build/lib/web/production/components/Indicator/Indicator.js

@@ -11,6 +11,7 @@ import '../../utils/index.js';
 import '../../utils/metaAttribute/index.js';
 import '../Box/styledProps/index.js';
 import '../../utils/makeAccessible/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import useTheme from '../BladeProvider/useTheme.js';
 import { getStringFromReactText } from '../../utils/getStringChildren/getStringChildren.js';
@@ -23,11 +24,12 @@ import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 import Svg from '../Icons/_Svg/Svg/Svg.web.js';
 import Circle from '../Icons/_Svg/Circle/Circle.web.js';
 import { Text } from '../Typography/Text/Text.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
 var _excluded = ["accessibilityLabel", "children", "size", "color", "emphasis", "testID"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Indicator = function Indicator(_ref) {
+var _Indicator = function _Indicator(_ref) {
   var accessibilityLabel = _ref.accessibilityLabel,
     children = _ref.children,
     _ref$size = _ref.size,
@@ -86,7 +88,7 @@ var Indicator = function Indicator(_ref) {
           fill: fillColorInner
         })
       }), /*#__PURE__*/jsx(BaseBox, {
-        marginLeft: "spacing.2",
+        marginLeft: childrenString ? 'spacing.2' : 'spacing.0',
         children: /*#__PURE__*/jsx(Text, {
           weight: "medium",
           color: "surface.text.gray.subtle",
@@ -98,6 +100,9 @@ var Indicator = function Indicator(_ref) {
     })
   }));
 };
+var Indicator = /*#__PURE__*/assignWithoutSideEffects(_Indicator, {
+  componentId: 'Indicator'
+});
 
 export { Indicator };
 //# sourceMappingURL=Indicator.js.map

package/build/lib/web/production/components/Indicator/Indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Indicator.js","sources":["../../../../../../src/components/Indicator/Indicator.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { indicatorDotSizes, textSizeMapping } from './indicatorTokens';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport Svg from '~components/Icons/_Svg';\nimport Circle from '~components/Icons/_Svg/Circle';\nimport { Text } from '~components/Typography';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport type { StringChildrenType, TestID } from '~utils/types';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { isReactNative } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { makeAccessible } from '~utils/makeAccessible';\n\ntype IndicatorCommonProps = {\n  /**\n   * Sets the color tone\n   *\n   * @default neutral\n   */\n  color?: FeedbackColors | 'primary';\n\n  /**\n   * Sets the emphasis of the indicator\n   *\n   * If set to intense it will show a background circle\n   *\n   * @default subtle\n   */\n  emphasis?: 'subtle' | 'intense';\n\n  /**\n   * Size of the indicator\n   *\n   * @default medium\n   */\n  size?: 'small' | 'medium' | 'large';\n} & TestID &\n  StyledPropsBlade;\n\ntype IndicatorWithoutA11yLabel = {\n  /**\n   * A text label to show alongside the indicator dot\n   */\n  children: StringChildrenType;\n\n  /**\n   * a11y label for screen readers\n   */\n  accessibilityLabel?: string;\n};\n\ntype IndicatorWithA11yLabel = {\n  /**\n   * a11y label for screen readers\n   */\n  accessibilityLabel: string;\n\n  /**\n   * A text label to show alongside the indicator dot\n   */\n  children?: StringChildrenType;\n};\n\ntype IndicatorProps = IndicatorCommonProps & (IndicatorWithA11yLabel | IndicatorWithoutA11yLabel);\n\nconst Indicator = ({\n  accessibilityLabel,\n  children,\n  size = 'medium',\n  color = 'neutral',\n  emphasis = 'subtle',\n  testID,\n  ...styledProps\n}: IndicatorProps): ReactElement => {\n  const { theme } = useTheme();\n  const childrenString = getStringFromReactText(children);\n  const isIntense = emphasis === 'intense';\n  const isPrimary = color === 'primary';\n\n  const fillColorOuter = isPrimary\n    ? theme.colors.surface.background.primary.subtle\n    : theme.colors.feedback.background[color].subtle;\n  const fillColorInner = isPrimary\n    ? theme.colors.surface.icon.primary.normal\n    : theme.colors.feedback.icon[color].intense;\n\n  const isWeb = !isReactNative();\n  const a11yProps = makeAccessible({\n    label: accessibilityLabel ?? childrenString,\n    ...(isWeb && { role: 'status' }),\n  });\n\n  const svgSize = isIntense\n    ? indicatorDotSizes[emphasis][size].outer\n    : indicatorDotSizes[emphasis][size].inner;\n\n  return (\n    <BaseBox\n      display={(isWeb ? 'inline-flex' : 'flex') as never}\n      {...a11yProps}\n      {...metaAttribute({ name: MetaConstants.Indicator, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n        <Svg width={String(svgSize)} height={String(svgSize)} viewBox=\"0 0 10 10\" fill=\"none\">\n          {isIntense ? (\n            <>\n              <Circle cx=\"5\" cy=\"5\" r=\"5\" fill={fillColorOuter} />\n              <Circle cx=\"5\" cy=\"5\" r=\"2.5\" fill={fillColorInner} />\n            </>\n          ) : (\n            <Circle cx=\"5\" cy=\"5\" r=\"5\" fill={fillColorInner} />\n          )}\n        </Svg>\n        <BaseBox marginLeft=\"spacing.2\">\n          <Text\n            weight=\"medium\"\n            color=\"surface.text.gray.subtle\"\n            textAlign=\"left\"\n            size={textSizeMapping[size]}\n          >\n            {children}\n          </Text>\n        </BaseBox>\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nexport type { IndicatorProps };\nexport { Indicator };\n"],"names":["Indicator","_ref","accessibilityLabel","children","_ref$size","size","_ref$color","color","_ref$emphasis","emphasis","testID","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","childrenString","getStringFromReactText","isIntense","isPrimary","fillColorOuter","colors","surface","background","primary","subtle","feedback","fillColorInner","icon","normal","intense","isWeb","isReactNative","a11yProps","makeAccessible","_objectSpread","label","role","svgSize","indicatorDotSizes","outer","inner","_jsx","BaseBox","display","metaAttribute","name","MetaConstants","getStyledProps","_jsxs","flexDirection","alignItems","Svg","width","String","height","viewBox","fill","_Fragment","Circle","cx","cy","r","marginLeft","Text","weight","textAlign","textSizeMapping"],"mappings":"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"}
+{"version":3,"file":"Indicator.js","sources":["../../../../../../src/components/Indicator/Indicator.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { indicatorDotSizes, textSizeMapping } from './indicatorTokens';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport Svg from '~components/Icons/_Svg';\nimport Circle from '~components/Icons/_Svg/Circle';\nimport { Text } from '~components/Typography';\nimport { getStringFromReactText } from '~src/utils/getStringChildren';\nimport type { StringChildrenType, TestID } from '~utils/types';\nimport type { FeedbackColors } from '~tokens/theme/theme';\nimport { isReactNative } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\ntype IndicatorProps = {\n  /**\n   * Sets the color tone\n   *\n   * @default neutral\n   */\n  color?: FeedbackColors | 'primary';\n\n  /**\n   * Sets the emphasis of the indicator\n   *\n   * If set to intense it will show a background circle\n   *\n   * @default subtle\n   */\n  emphasis?: 'subtle' | 'intense';\n\n  /**\n   * Size of the indicator\n   *\n   * @default medium\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * A text label to show alongside the indicator dot\n   */\n  children?: StringChildrenType;\n  /**\n   * a11y label for screen readers\n   */\n  accessibilityLabel?: string;\n} & TestID &\n  StyledPropsBlade;\n\nconst _Indicator = ({\n  accessibilityLabel,\n  children,\n  size = 'medium',\n  color = 'neutral',\n  emphasis = 'subtle',\n  testID,\n  ...styledProps\n}: IndicatorProps): ReactElement => {\n  const { theme } = useTheme();\n  const childrenString = getStringFromReactText(children);\n  const isIntense = emphasis === 'intense';\n  const isPrimary = color === 'primary';\n\n  const fillColorOuter = isPrimary\n    ? theme.colors.surface.background.primary.subtle\n    : theme.colors.feedback.background[color].subtle;\n  const fillColorInner = isPrimary\n    ? theme.colors.surface.icon.primary.normal\n    : theme.colors.feedback.icon[color].intense;\n\n  const isWeb = !isReactNative();\n  const a11yProps = makeAccessible({\n    label: accessibilityLabel ?? childrenString,\n    ...(isWeb && { role: 'status' }),\n  });\n\n  const svgSize = isIntense\n    ? indicatorDotSizes[emphasis][size].outer\n    : indicatorDotSizes[emphasis][size].inner;\n\n  return (\n    <BaseBox\n      display={(isWeb ? 'inline-flex' : 'flex') as never}\n      {...a11yProps}\n      {...metaAttribute({ name: MetaConstants.Indicator, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n        <Svg width={String(svgSize)} height={String(svgSize)} viewBox=\"0 0 10 10\" fill=\"none\">\n          {isIntense ? (\n            <>\n              <Circle cx=\"5\" cy=\"5\" r=\"5\" fill={fillColorOuter} />\n              <Circle cx=\"5\" cy=\"5\" r=\"2.5\" fill={fillColorInner} />\n            </>\n          ) : (\n            <Circle cx=\"5\" cy=\"5\" r=\"5\" fill={fillColorInner} />\n          )}\n        </Svg>\n        <BaseBox marginLeft={childrenString ? 'spacing.2' : 'spacing.0'}>\n          <Text\n            weight=\"medium\"\n            color=\"surface.text.gray.subtle\"\n            textAlign=\"left\"\n            size={textSizeMapping[size]}\n          >\n            {children}\n          </Text>\n        </BaseBox>\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nconst Indicator = assignWithoutSideEffects(_Indicator, {\n  componentId: 'Indicator',\n});\n\nexport type { IndicatorProps };\nexport { Indicator };\n"],"names":["_Indicator","_ref","accessibilityLabel","children","_ref$size","size","_ref$color","color","_ref$emphasis","emphasis","testID","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","childrenString","getStringFromReactText","isIntense","isPrimary","fillColorOuter","colors","surface","background","primary","subtle","feedback","fillColorInner","icon","normal","intense","isWeb","isReactNative","a11yProps","makeAccessible","_objectSpread","label","role","svgSize","indicatorDotSizes","outer","inner","_jsx","BaseBox","display","metaAttribute","name","MetaConstants","Indicator","getStyledProps","_jsxs","flexDirection","alignItems","Svg","width","String","height","viewBox","fill","_Fragment","Circle","cx","cy","r","marginLeft","Text","weight","textAlign","textSizeMapping","assignWithoutSideEffects","componentId"],"mappings":"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"}

package/build/lib/web/production/components/StepGroup/StepItemMarker.js

@@ -36,7 +36,6 @@ var StepItemIndicator = function StepItemIndicator(_ref2) {
     margin: makeSize(spacingTokens.markerMargin),
     children: /*#__PURE__*/jsx(Indicator, {
       position: "relative",
-      marginLeft: "spacing.2",
       color: color,
       size: size,
       accessibilityLabel: "".concat(color, " indicator")