npm - @razorpay/blade - Versions diffs - 11.24.3 → 11.25.0 - Mend

@razorpay/blade 11.24.3 → 11.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (51) hide show

package/build/lib/web/development/components/Avatar/TrustedBadgeIcon.web.js ADDED Viewed

@@ -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/development/components/Avatar/TrustedBadgeIcon.web.js.map ADDED Viewed

@@ -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/development/components/Avatar/avatarTokens.js CHANGED Viewed

@@ -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/development/components/Avatar/avatarTokens.js.map CHANGED Viewed

	@@ -1 +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;;;;"}
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\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/development/components/Avatar/index.js CHANGED Viewed

@@ -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/development/components/Avatar/index.js.map CHANGED Viewed

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

package/build/lib/web/development/components/Indicator/Indicator.js CHANGED Viewed

@@ -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/development/components/Indicator/Indicator.js.map CHANGED Viewed

	@@ -1 +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":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoEA~~,IAAMA,~~SAAS~~,GAAG,~~SAAZA~~,~~SAASA~~,CAAAC,IAAA,~~EAQqB~~;AAAA,EAAA,IAPlCC,kBAAkB,GAAAD,IAAA,CAAlBC,kBAAkB;IAClBC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,SAAA,GAAAH,IAAA,CACRI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IAAAE,UAAA,GAAAL,IAAA,CACfM,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,UAAA;IAAAE,aAAA,GAAAP,IAAA,CACjBQ,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,aAAA;IACnBE,MAAM,GAAAT,IAAA,CAANS,MAAM;AACHC,IAAAA,WAAW,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA,CAAA,CAAA;AAEd,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;AACb,EAAA,IAAMC,cAAc,GAAGC,sBAAsB,CAACf,QAAQ,CAAC,CAAA;AACvD,EAAA,IAAMgB,SAAS,GAAGV,QAAQ,KAAK,SAAS,CAAA;AACxC,EAAA,IAAMW,SAAS,GAAGb,KAAK,KAAK,SAAS,CAAA;EAErC,IAAMc,cAAc,GAAGD,SAAS,GAC5BJ,KAAK,CAACM,MAAM,CAACC,OAAO,CAACC,UAAU,CAACC,OAAO,CAACC,MAAM,GAC9CV,KAAK,CAACM,MAAM,CAACK,QAAQ,CAACH,UAAU,CAACjB,KAAK,CAAC,CAACmB,MAAM,CAAA;EAClD,IAAME,cAAc,GAAGR,SAAS,GAC5BJ,KAAK,CAACM,MAAM,CAACC,OAAO,CAACM,IAAI,CAACJ,OAAO,CAACK,MAAM,GACxCd,KAAK,CAACM,MAAM,CAACK,QAAQ,CAACE,IAAI,CAACtB,KAAK,CAAC,CAACwB,OAAO,CAAA;AAE7C,EAAA,IAAMC,KAAK,GAAG,CAACC,aAAa,EAAE,CAAA;AAC9B,EAAA,IAAMC,SAAS,GAAGC,cAAc,CAAAC,aAAA,CAAA;AAC9BC,IAAAA,KAAK,EAAEnC,kBAAkB,KAAA,IAAA,IAAlBA,kBAAkB,KAAA,KAAA,CAAA,GAAlBA,kBAAkB,GAAIe,cAAAA;AAAc,GAAA,EACvCe,KAAK,IAAI;AAAEM,IAAAA,IAAI,EAAE,QAAA;AAAS,GAAC,CAChC,CAAC,CAAA;EAEF,IAAMC,OAAO,GAAGpB,SAAS,GACrBqB,iBAAiB,CAAC/B,QAAQ,CAAC,CAACJ,IAAI,CAAC,CAACoC,KAAK,GACvCD,iBAAiB,CAAC/B,QAAQ,CAAC,CAACJ,IAAI,CAAC,CAACqC,KAAK,CAAA;EAE3C,oBACEC,GAAA,CAACC,OAAO,EAAAR,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACNS,IAAAA,OAAO,EAAGb,KAAK,GAAG,aAAa,GAAG,MAAA;GAC9BE,EAAAA,SAAS,CACTY,EAAAA,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,~~CAAChD~~,SAAS;~~AAAEU~~,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,~~EACxDuC~~,cAAc,~~CAACtC~~,WAAW,CAAC,CAAA,EAAA,EAAA,EAAA;IAAAR,QAAA,eAE/~~B+C~~,IAAA,~~CAACN~~,OAAO,EAAA;AAACC,MAAAA,OAAO,EAAC,MAAM;~~AAACM~~,MAAAA,aAAa,EAAC,KAAK;AAACC,MAAAA,UAAU,EAAC,QAAQ;~~MAAAjD~~,QAAA,EAAA,cAC7DwC,GAAA,~~CAACU~~,GAAG,EAAA;AAACC,QAAAA,KAAK,EAAEC,MAAM,~~CAAChB~~,OAAO,CAAE;~~AAACiB~~,QAAAA,MAAM,EAAED,MAAM,~~CAAChB~~,OAAO,CAAE;~~AAACkB~~,QAAAA,OAAO,EAAC,WAAW;AAACC,QAAAA,IAAI,EAAC,MAAM;~~AAAAvD~~,QAAAA,QAAA,EAClFgB,SAAS,~~gBACR+B~~,IAAA,CAAAS,QAAA,EAAA;~~UAAAxD~~,QAAA,EAAA,cACEwC,GAAA,~~CAACiB~~,MAAM,EAAA;AAACC,YAAAA,EAAE,EAAC,GAAG;AAACC,YAAAA,EAAE,EAAC,GAAG;AAACC,YAAAA,CAAC,EAAC,GAAG;AAACL,YAAAA,IAAI,~~EAAErC~~,cAAAA;AAAe,WAAE,CAAC,eACpDsB,GAAA,~~CAACiB~~,MAAM,EAAA;AAACC,YAAAA,EAAE,EAAC,GAAG;AAACC,YAAAA,EAAE,EAAC,GAAG;AAACC,YAAAA,CAAC,EAAC,KAAK;AAACL,YAAAA,IAAI,~~EAAE9B~~,cAAAA;AAAe,WAAE,CAAC,CAAA;AAAA,SACtD,CAAC,gBAEHe,GAAA,~~CAACiB~~,MAAM,EAAA;AAACC,UAAAA,EAAE,EAAC,GAAG;AAACC,UAAAA,EAAE,EAAC,GAAG;AAACC,UAAAA,CAAC,EAAC,GAAG;AAACL,UAAAA,IAAI,~~EAAE9B~~,cAAAA;SAAiB,CAAA;AACpD,OACE,CAAC,eACNe,GAAA,CAACC,OAAO,EAAA;~~AAACoB~~,QAAAA,UAAU,~~EAAC~~,WAAW;~~QAAA7D~~,QAAA,~~eAC7BwC~~,GAAA,~~CAACsB~~,IAAI,EAAA;AACHC,UAAAA,MAAM,EAAC,QAAQ;~~AACf3D~~,UAAAA,KAAK,EAAC,0BAA0B;~~AAChC4D~~,UAAAA,SAAS,EAAC,MAAM;~~AAChB9D~~,UAAAA,IAAI,~~EAAE+D~~,eAAe,~~CAAC/D~~,IAAI,CAAE;AAAAF,UAAAA,QAAA,EAE3BA,QAAAA;SACG,CAAA;AAAC,OACA,CAAC,CAAA;KACH,CAAA;AAAC,GAAA,CACH,CAAC,CAAA;AAEd;;;;"}
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';\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/development/components/StepGroup/StepItemMarker.js CHANGED Viewed

@@ -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")

package/build/lib/web/development/components/StepGroup/StepItemMarker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepItemMarker.js","sources":["../../../../../../src/components/StepGroup/StepItemMarker.tsx"],"sourcesContent":["import { useStepGroup } from './StepGroupContext';\nimport { getMarkerLineSpacings, iconSizeTokens } from './tokens';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport type { IndicatorProps } from '~components/Indicator';\nimport { Indicator } from '~components/Indicator';\nimport { makeSize } from '~utils';\n\ntype MarkerBackgroundCircleProps = {\n color: IndicatorProps['color'];\n size: BaseBoxProps['width'];\n margin: BaseBoxProps['margin'];\n children: BaseBoxProps['children'];\n};\n\nconst MarkerBackgroundCircle = ({\n color,\n size,\n margin,\n children,\n}: MarkerBackgroundCircleProps): React.ReactElement => {\n return (\n <BaseBox\n backgroundColor={\n color === 'primary'\n ? 'surface.background.primary.subtle'\n : `feedback.background.${color}.subtle`\n }\n display=\"flex\"\n alignItems=\"center\"\n justifyContent=\"center\"\n height={size}\n width={size}\n borderRadius=\"round\"\n margin={margin}\n >\n {children}\n </BaseBox>\n );\n};\n\nconst StepItemIndicator = ({ color }: { color: IndicatorProps['color'] }): React.ReactElement => {\n const { size } = useStepGroup();\n const spacingTokens = getMarkerLineSpacings(size);\n\n return (\n <MarkerBackgroundCircle\n color={color}\n size={makeSize(spacingTokens.markerBackgroundSize)}\n margin={makeSize(spacingTokens.markerMargin)}\n >\n <Indicator\n position=\"relative\"\n ~~marginLeft=\"spacing.2\"\n~~ color={color}\n size={size}\n accessibilityLabel={`${color} indicator`}\n />\n </MarkerBackgroundCircle>\n );\n};\n\ntype StepItemIconProps = {\n icon: IconComponent;\n color: IndicatorProps['color'];\n};\n\nconst StepItemIcon = ({ icon: Icon, color = 'neutral' }: StepItemIconProps): React.ReactElement => {\n const { size } = useStepGroup();\n const spacingTokens = getMarkerLineSpacings(size);\n\n return (\n <MarkerBackgroundCircle\n color={color}\n size={makeSize(spacingTokens.markerBackgroundSize)}\n margin={makeSize(spacingTokens.markerMargin)}\n >\n <Icon\n size={iconSizeTokens[size]}\n color={\n color === 'primary' ? 'surface.icon.primary.normal' : `feedback.icon.${color}.intense`\n }\n />\n </MarkerBackgroundCircle>\n );\n};\n\nexport { StepItemIndicator, StepItemIcon };\n"],"names":["MarkerBackgroundCircle","_ref","color","size","margin","children","_jsx","BaseBox","backgroundColor","concat","display","alignItems","justifyContent","height","width","borderRadius","StepItemIndicator","_ref2","_useStepGroup","useStepGroup","spacingTokens","getMarkerLineSpacings","makeSize","markerBackgroundSize","markerMargin","Indicator","position","~~marginLeft","~~accessibilityLabel","StepItemIcon","_ref3","Icon","icon","_ref3$color","_useStepGroup2","iconSizeTokens"],"mappings":";;;;;;;;;;AAgBA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,EAK2B;AAAA,EAAA,IAJrDC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;EAER,oBACEC,GAAA,CAACC,OAAO,EAAA;IACNC,eAAe,EACbN,KAAK,KAAK,SAAS,GACf,mCAAmC,GAAAO,sBAAAA,CAAAA,MAAA,CACZP,KAAK,EACjC,SAAA,CAAA;AACDQ,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,cAAc,EAAC,QAAQ;AACvBC,IAAAA,MAAM,EAAEV,IAAK;AACbW,IAAAA,KAAK,EAAEX,IAAK;AACZY,IAAAA,YAAY,EAAC,OAAO;AACpBX,IAAAA,MAAM,EAAEA,MAAO;AAAAC,IAAAA,QAAA,EAEdA,QAAAA;AAAQ,GACF,CAAC,CAAA;AAEd,CAAC,CAAA;AAED,IAAMW,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,KAAA,EAA0E;AAAA,EAAA,IAApEf,KAAK,GAAAe,KAAA,CAALf,KAAK,CAAA;AAChC,EAAA,IAAAgB,aAAA,GAAiBC,YAAY,EAAE;IAAvBhB,IAAI,GAAAe,aAAA,CAAJf,IAAI,CAAA;AACZ,EAAA,IAAMiB,aAAa,GAAGC,qBAAqB,CAAClB,IAAI,CAAC,CAAA;EAEjD,oBACEG,GAAA,CAACN,sBAAsB,EAAA;AACrBE,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,IAAI,EAAEmB,QAAQ,CAACF,aAAa,CAACG,oBAAoB,CAAE;AACnDnB,IAAAA,MAAM,EAAEkB,QAAQ,CAACF,aAAa,CAACI,YAAY,CAAE;IAAAnB,QAAA,eAE7CC,GAAA,CAACmB,SAAS,EAAA;AACRC,MAAAA,QAAQ,EAAC,UAAU;~~AACnBC~~,MAAAA,~~UAAU,EAAC,WAAW;AACtBzB,MAAAA,~~KAAK,EAAEA,KAAM;AACbC,MAAAA,IAAI,EAAEA,IAAK;~~MACXyB~~,kBAAkB,EAAA,EAAA,~~CAAAnB~~,MAAA,CAAKP,KAAK,EAAA,YAAA,CAAA;KAC7B,CAAA;AAAC,GACoB,CAAC,CAAA;AAE7B,EAAC;AAOD,~~IAAM2B~~,YAAY,GAAG,SAAfA,YAAYA,CAAAC,KAAA,EAAiF;AAAA,EAAA,IAArEC,IAAI,GAAAD,KAAA,CAAVE,IAAI;IAAAC,WAAA,GAAAH,KAAA,~~CAAQ5B~~,KAAK;AAALA,IAAAA,KAAK,~~GAAA+B~~,WAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,WAAA,CAAA;AACnD,EAAA,IAAAC,cAAA,~~GAAiBf~~,YAAY,EAAE;IAAvBhB,IAAI,~~GAAA+B~~,cAAA,~~CAAJ/B~~,IAAI,CAAA;AACZ,EAAA,IAAMiB,aAAa,GAAGC,qBAAqB,CAAClB,IAAI,CAAC,CAAA;EAEjD,oBACEG,GAAA,CAACN,sBAAsB,EAAA;AACrBE,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,IAAI,EAAEmB,QAAQ,CAACF,aAAa,CAACG,oBAAoB,CAAE;AACnDnB,IAAAA,MAAM,EAAEkB,QAAQ,CAACF,aAAa,CAACI,YAAY,CAAE;IAAAnB,QAAA,eAE7CC,GAAA,~~CAACyB~~,IAAI,EAAA;~~AACH5B~~,MAAAA,IAAI,~~EAAEgC~~,cAAc,~~CAAChC~~,IAAI,CAAE;MAC3BD,KAAK,EACHA,KAAK,KAAK,SAAS,GAAG,6BAA6B,GAAA,gBAAA,CAAAO,MAAA,CAAoBP,KAAK,EAAA,UAAA,CAAA;KAE/E,CAAA;AAAC,GACoB,CAAC,CAAA;AAE7B;;;;"}
1	+ {"version":3,"file":"StepItemMarker.js","sources":["../../../../../../src/components/StepGroup/StepItemMarker.tsx"],"sourcesContent":["import { useStepGroup } from './StepGroupContext';\nimport { getMarkerLineSpacings, iconSizeTokens } from './tokens';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport type { IndicatorProps } from '~components/Indicator';\nimport { Indicator } from '~components/Indicator';\nimport { makeSize } from '~utils';\n\ntype MarkerBackgroundCircleProps = {\n color: IndicatorProps['color'];\n size: BaseBoxProps['width'];\n margin: BaseBoxProps['margin'];\n children: BaseBoxProps['children'];\n};\n\nconst MarkerBackgroundCircle = ({\n color,\n size,\n margin,\n children,\n}: MarkerBackgroundCircleProps): React.ReactElement => {\n return (\n <BaseBox\n backgroundColor={\n color === 'primary'\n ? 'surface.background.primary.subtle'\n : `feedback.background.${color}.subtle`\n }\n display=\"flex\"\n alignItems=\"center\"\n justifyContent=\"center\"\n height={size}\n width={size}\n borderRadius=\"round\"\n margin={margin}\n >\n {children}\n </BaseBox>\n );\n};\n\nconst StepItemIndicator = ({ color }: { color: IndicatorProps['color'] }): React.ReactElement => {\n const { size } = useStepGroup();\n const spacingTokens = getMarkerLineSpacings(size);\n\n return (\n <MarkerBackgroundCircle\n color={color}\n size={makeSize(spacingTokens.markerBackgroundSize)}\n margin={makeSize(spacingTokens.markerMargin)}\n >\n <Indicator\n position=\"relative\"\n color={color}\n size={size}\n accessibilityLabel={`${color} indicator`}\n />\n </MarkerBackgroundCircle>\n );\n};\n\ntype StepItemIconProps = {\n icon: IconComponent;\n color: IndicatorProps['color'];\n};\n\nconst StepItemIcon = ({ icon: Icon, color = 'neutral' }: StepItemIconProps): React.ReactElement => {\n const { size } = useStepGroup();\n const spacingTokens = getMarkerLineSpacings(size);\n\n return (\n <MarkerBackgroundCircle\n color={color}\n size={makeSize(spacingTokens.markerBackgroundSize)}\n margin={makeSize(spacingTokens.markerMargin)}\n >\n <Icon\n size={iconSizeTokens[size]}\n color={\n color === 'primary' ? 'surface.icon.primary.normal' : `feedback.icon.${color}.intense`\n }\n />\n </MarkerBackgroundCircle>\n );\n};\n\nexport { StepItemIndicator, StepItemIcon };\n"],"names":["MarkerBackgroundCircle","_ref","color","size","margin","children","_jsx","BaseBox","backgroundColor","concat","display","alignItems","justifyContent","height","width","borderRadius","StepItemIndicator","_ref2","_useStepGroup","useStepGroup","spacingTokens","getMarkerLineSpacings","makeSize","markerBackgroundSize","markerMargin","Indicator","position","accessibilityLabel","StepItemIcon","_ref3","Icon","icon","_ref3$color","_useStepGroup2","iconSizeTokens"],"mappings":";;;;;;;;;;AAgBA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,EAK2B;AAAA,EAAA,IAJrDC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;EAER,oBACEC,GAAA,CAACC,OAAO,EAAA;IACNC,eAAe,EACbN,KAAK,KAAK,SAAS,GACf,mCAAmC,GAAAO,sBAAAA,CAAAA,MAAA,CACZP,KAAK,EACjC,SAAA,CAAA;AACDQ,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,cAAc,EAAC,QAAQ;AACvBC,IAAAA,MAAM,EAAEV,IAAK;AACbW,IAAAA,KAAK,EAAEX,IAAK;AACZY,IAAAA,YAAY,EAAC,OAAO;AACpBX,IAAAA,MAAM,EAAEA,MAAO;AAAAC,IAAAA,QAAA,EAEdA,QAAAA;AAAQ,GACF,CAAC,CAAA;AAEd,CAAC,CAAA;AAED,IAAMW,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,KAAA,EAA0E;AAAA,EAAA,IAApEf,KAAK,GAAAe,KAAA,CAALf,KAAK,CAAA;AAChC,EAAA,IAAAgB,aAAA,GAAiBC,YAAY,EAAE;IAAvBhB,IAAI,GAAAe,aAAA,CAAJf,IAAI,CAAA;AACZ,EAAA,IAAMiB,aAAa,GAAGC,qBAAqB,CAAClB,IAAI,CAAC,CAAA;EAEjD,oBACEG,GAAA,CAACN,sBAAsB,EAAA;AACrBE,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,IAAI,EAAEmB,QAAQ,CAACF,aAAa,CAACG,oBAAoB,CAAE;AACnDnB,IAAAA,MAAM,EAAEkB,QAAQ,CAACF,aAAa,CAACI,YAAY,CAAE;IAAAnB,QAAA,eAE7CC,GAAA,CAACmB,SAAS,EAAA;AACRC,MAAAA,QAAQ,EAAC,UAAU;AACnBxB,MAAAA,KAAK,EAAEA,KAAM;AACbC,MAAAA,IAAI,EAAEA,IAAK;MACXwB,kBAAkB,EAAA,EAAA,CAAAlB,MAAA,CAAKP,KAAK,EAAA,YAAA,CAAA;KAC7B,CAAA;AAAC,GACoB,CAAC,CAAA;AAE7B,EAAC;AAOD,IAAM0B,YAAY,GAAG,SAAfA,YAAYA,CAAAC,KAAA,EAAiF;AAAA,EAAA,IAArEC,IAAI,GAAAD,KAAA,CAAVE,IAAI;IAAAC,WAAA,GAAAH,KAAA,CAAQ3B,KAAK;AAALA,IAAAA,KAAK,GAAA8B,WAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,WAAA,CAAA;AACnD,EAAA,IAAAC,cAAA,GAAiBd,YAAY,EAAE;IAAvBhB,IAAI,GAAA8B,cAAA,CAAJ9B,IAAI,CAAA;AACZ,EAAA,IAAMiB,aAAa,GAAGC,qBAAqB,CAAClB,IAAI,CAAC,CAAA;EAEjD,oBACEG,GAAA,CAACN,sBAAsB,EAAA;AACrBE,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,IAAI,EAAEmB,QAAQ,CAACF,aAAa,CAACG,oBAAoB,CAAE;AACnDnB,IAAAA,MAAM,EAAEkB,QAAQ,CAACF,aAAa,CAACI,YAAY,CAAE;IAAAnB,QAAA,eAE7CC,GAAA,CAACwB,IAAI,EAAA;AACH3B,MAAAA,IAAI,EAAE+B,cAAc,CAAC/B,IAAI,CAAE;MAC3BD,KAAK,EACHA,KAAK,KAAK,SAAS,GAAG,6BAA6B,GAAA,gBAAA,CAAAO,MAAA,CAAoBP,KAAK,EAAA,UAAA,CAAA;KAE/E,CAAA;AAAC,GACoB,CAAC,CAAA;AAE7B;;;;"}

package/build/lib/web/development/components/index.js CHANGED Viewed

@@ -66,6 +66,7 @@ export { Alert } from './Alert/Alert.js';
 export { Amount } from './Amount/Amount.js';
 export { Avatar } from './Avatar/Avatar.web.js';
 export { AvatarGroup } from './Avatar/AvatarGroup.web.js';
+export { TrustedBadgeIcon } from './Avatar/TrustedBadgeIcon.web.js';
 export { Badge } from './Badge/Badge.js';
 export { BladeProvider } from './BladeProvider/BladeProvider.web.js';
 export { default as useTheme } from './BladeProvider/useTheme.js';

package/build/lib/web/development/components/index.js.map CHANGED Viewed

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

package/build/lib/web/production/components/Avatar/Avatar.web.js CHANGED Viewed

@@ -4,20 +4,25 @@ import React__default from 'react';
 import { StyledAvatar } from './StyledAvatar.js';
 import { useAvatarGroupContext } from './AvatarGroupContext.js';
 import { AvatarButton } from './AvatarButton.js';
+import { avatarTopAddonOffsets, avatarToIndicatorSize, avatarToBottomAddonSize } from './avatarTokens.js';
 import '../Box/styledProps/index.js';
 import '../../utils/metaAttribute/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import '../../utils/logger/index.js';
 import '../Icons/index.js';
-import { jsx } from 'react/jsx-runtime';
+import '../Box/BaseBox/index.js';
+import '../../utils/isValidAllowedChildren/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { throwBladeError } from '../../utils/logger/logger.js';
+import { getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 import UserIcon from '../Icons/UserIcon/UserIcon.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
-var _excluded = ["name", "color", "size", "variant", "icon", "href", "target", "rel", "src", "alt", "srcSet", "crossOrigin", "referrerPolicy", "testID", "onBlur", "onFocus", "onClick", "onMouseLeave", "onMouseMove", "onMouseDown", "onPointerDown", "onPointerEnter", "onTouchStart", "onTouchEnd"];
+var _excluded = ["name", "color", "size", "variant", "icon", "href", "target", "rel", "isSelected", "bottomAddon", "topAddon", "src", "alt", "srcSet", "crossOrigin", "referrerPolicy", "testID", "onBlur", "onFocus", "onClick", "onMouseLeave", "onMouseMove", "onMouseDown", "onPointerDown", "onPointerEnter", "onTouchStart", "onTouchEnd"];
 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 getInitials = function getInitials(name) {
@@ -41,6 +46,9 @@ var _Avatar = function _Avatar(_ref, ref) {
     href = _ref.href,
     target = _ref.target,
     rel = _ref.rel,
+    isSelected = _ref.isSelected,
+    BottomAddon = _ref.bottomAddon,
+    topAddon = _ref.topAddon,
     src = _ref.src,
     alt = _ref.alt,
     srcSet = _ref.srcSet,
@@ -65,9 +73,16 @@ var _Avatar = function _Avatar(_ref, ref) {
         message: '"alt" or "name" prop is required when the "src" prop is provided.'
       });
     }
+    if (topAddon && getComponentId(topAddon) !== 'Indicator') {
+      throwBladeError({
+        moduleName: 'Avatar',
+        message: 'TopAddon only accepts `Indicator` component.'
+      });
+    }
   }
   var groupProps = useAvatarGroupContext();
   var avatarSize = (_groupProps$size = groupProps === null || groupProps === void 0 ? void 0 : groupProps.size) !== null && _groupProps$size !== void 0 ? _groupProps$size : size;
+  var isInteractive = Boolean(onClick || href);
   var commonButtonProps = {
     variant: variant,
     color: color,
@@ -77,6 +92,7 @@ var _Avatar = function _Avatar(_ref, ref) {
     rel: rel,
     onBlur: onBlur,
     onFocus: onFocus,
+    isSelected: isSelected,
     onClick: onClick,
     onMouseLeave: onMouseLeave,
     onMouseMove: onMouseMove,
@@ -110,6 +126,7 @@ var _Avatar = function _Avatar(_ref, ref) {
       icon: icon !== null && icon !== void 0 ? icon : UserIcon
     }));
   };
+  var isSquare = variant === 'square';
   return /*#__PURE__*/jsx(StyledAvatar, _objectSpread(_objectSpread(_objectSpread({}, metaAttribute({
     name: MetaConstants.Avatar,
     testID: testID
@@ -117,7 +134,29 @@ var _Avatar = function _Avatar(_ref, ref) {
     backgroundColor: "surface.background.gray.intense",
     variant: variant,
     size: avatarSize,
-    children: getChildrenToRender()
+    isInteractive: isInteractive,
+    children: /*#__PURE__*/jsxs(BaseBox, {
+      width: "100%",
+      height: "100%",
+      position: "relative",
+      children: [topAddon ? /*#__PURE__*/jsx(BaseBox, {
+        position: "absolute",
+        top: avatarTopAddonOffsets[variant][size].top,
+        right: avatarTopAddonOffsets[variant][size].right,
+        children: /*#__PURE__*/React__default.cloneElement(topAddon, {
+          size: avatarToIndicatorSize[size],
+          display: 'block'
+        })
+      }) : null, getChildrenToRender(), BottomAddon ? /*#__PURE__*/jsx(BaseBox, {
+        position: "absolute",
+        bottom: isSquare ? '-10%' : '0%',
+        right: isSquare ? '-10%' : '0%',
+        children: /*#__PURE__*/jsx(BottomAddon, {
+          display: "block",
+          size: avatarToBottomAddonSize[size]
+        })
+      }) : null]
+    })
   }));
 };