@atlaskit/smart-card 34.7.0 → 34.8.0

package/dist/esm/view/common/ai-prism/ai-glowing-border/animated-svg-container.js

@@ -1,45 +1,25 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
+/* animated-svg-container.tsx generated by @compiled/babel-plugin v0.36.0 */
+import "./animated-svg-container.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import { useEffect, useRef } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { OUTER_BORDER_RADIUS } from '../constants';
+import { fg } from '@atlaskit/platform-feature-flags';
+import AnimatedSvgContainerOld from './animated-svg-containerOld';
 var namespaceUUID = 0;
-var svgStyles = css({
-  position: 'absolute',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  borderRadius: OUTER_BORDER_RADIUS
-});
-var blurredStyles = css({
-  width: "calc(100% - ".concat("var(--ds-space-050, 4px)", ")"),
-  height: "calc(100% - ".concat("var(--ds-space-050, 4px)", ")"),
-  top: "var(--ds-space-050, 4px)",
-  left: "var(--ds-space-050, 4px)",
-  filter: "blur(".concat("var(--ds-space-100, 8px)", ")"),
-  // for safari... : https://stackoverflow.com/a/71353198
-  backfaceVisibility: 'hidden',
-  transform: 'translate3d(0, 0, 0)'
-});
-var notBlurredStyles = css({
-  left: 0,
-  top: 0,
-  width: '100%',
-  height: '100%'
-});
+var svgStyles = null;
+var blurredStyles = null;
+var notBlurredStyles = null;
 
 /**
  * The bulk of this file is originally from
  * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
  * with modifications.
  */
-var AnimatedSvgContainer = function AnimatedSvgContainer(_ref) {
+var AnimatedSvgContainerNew = function AnimatedSvgContainerNew(_ref) {
   var palette = _ref.palette,
     isMoving = _ref.isMoving,
     isGlowing = _ref.isGlowing,
-    additionalCss = _ref.additionalCss;
+    className = _ref.className;
   var svgRef = useRef(null);
   var namespaceId = useRef();
   if (namespaceId.current === undefined) {
@@ -69,13 +49,17 @@ var AnimatedSvgContainer = function AnimatedSvgContainer(_ref) {
     }
     return undefined;
   }, [isMoving]);
-  return jsx("svg", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    css: [svgStyles, isGlowing ? blurredStyles : notBlurredStyles, additionalCss],
+  return /*#__PURE__*/React.createElement("svg", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    className: ax(["_2rko19bv _kqswstnw", isGlowing ? "_1bsbwk75 _4t3iwk75 _154i1b66 _1ltv1b66 _kdam118y _w6ng15vq _t9ec161g" : "_1ltvidpf _154iidpf _1bsb1osq _4t3i1osq", className]),
     ref: svgRef,
     viewBox: "0 0 24 24",
-    preserveAspectRatio: "none"
-  }, jsx("defs", null, jsx("linearGradient", {
+    preserveAspectRatio: "none",
+    style: {
+      "--_ys364u": ix("calc(100% - ".concat("var(--ds-space-050, 4px)", ")")),
+      "--_y27h52": ix("blur(".concat("var(--ds-space-100, 8px)", ")"))
+    }
+  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
     id: "".concat(namespaceId.current, "_lg1"),
     gradientUnits: "userSpaceOnUse",
     x1: "0%",
@@ -83,36 +67,36 @@ var AnimatedSvgContainer = function AnimatedSvgContainer(_ref) {
     x2: "400%",
     y2: "0",
     spreadMethod: "reflect"
-  }, jsx("animate", {
+  }, /*#__PURE__*/React.createElement("animate", {
     begin: "indefinite",
     attributeName: "x1",
     from: "0%",
     to: "400%",
     repeatCount: "indefinite",
     dur: "3s"
-  }), jsx("animate", {
+  }), /*#__PURE__*/React.createElement("animate", {
     begin: "indefinite",
     attributeName: "x2",
     from: "400%",
     to: "800%",
     repeatCount: "indefinite",
     dur: "3s"
-  }), jsx("stop", {
+  }), /*#__PURE__*/React.createElement("stop", {
     offset: "0",
     stopColor: palette.blue
-  }), jsx("stop", {
+  }), /*#__PURE__*/React.createElement("stop", {
     offset: "0.25",
     stopColor: palette.teal
-  }), jsx("stop", {
+  }), /*#__PURE__*/React.createElement("stop", {
     offset: "0.5",
     stopColor: palette.yellow
-  }), jsx("stop", {
+  }), /*#__PURE__*/React.createElement("stop", {
     offset: "0.75",
     stopColor: palette.teal
-  }), jsx("stop", {
+  }), /*#__PURE__*/React.createElement("stop", {
     offset: "1",
     stopColor: palette.blue
-  })), jsx("linearGradient", {
+  })), /*#__PURE__*/React.createElement("linearGradient", {
     id: "".concat(namespaceId.current, "_lg2"),
     gradientUnits: "userSpaceOnUse",
     x1: "0",
@@ -120,36 +104,36 @@ var AnimatedSvgContainer = function AnimatedSvgContainer(_ref) {
     x2: "0",
     y2: "300%",
     spreadMethod: "reflect"
-  }, jsx("animate", {
+  }, /*#__PURE__*/React.createElement("animate", {
     begin: "indefinite",
     attributeName: "y1",
     from: "-100%",
     to: "300%",
     repeatCount: "indefinite",
     dur: "3s"
-  }), jsx("animate", {
+  }), /*#__PURE__*/React.createElement("animate", {
     begin: "indefinite",
     attributeName: "y2",
     from: "300%",
     to: "700%",
     repeatCount: "indefinite",
     dur: "3s"
-  }), jsx("stop", {
+  }), /*#__PURE__*/React.createElement("stop", {
     offset: "0",
     stopColor: palette.blue
-  }), jsx("stop", {
+  }), /*#__PURE__*/React.createElement("stop", {
     offset: "0.25",
     stopColor: palette.teal
-  }), jsx("stop", {
+  }), /*#__PURE__*/React.createElement("stop", {
     offset: "0.5",
     stopColor: palette.yellow
-  }), jsx("stop", {
+  }), /*#__PURE__*/React.createElement("stop", {
     offset: "0.75",
     stopColor: palette.teal
-  }), jsx("stop", {
+  }), /*#__PURE__*/React.createElement("stop", {
     offset: "1",
     stopColor: palette.blue
-  })), jsx("linearGradient", {
+  })), /*#__PURE__*/React.createElement("linearGradient", {
     id: "".concat(namespaceId.current, "_lg3"),
     gradientUnits: "userSpaceOnUse",
     x1: "300%",
@@ -157,36 +141,36 @@ var AnimatedSvgContainer = function AnimatedSvgContainer(_ref) {
     x2: "700%",
     y2: "0",
     spreadMethod: "reflect"
-  }, jsx("animate", {
+  }, /*#__PURE__*/React.createElement("animate", {
     begin: "indefinite",
     attributeName: "x1",
     from: "300%",
     to: "-100%",
     repeatCount: "indefinite",
     dur: "3s"
-  }), jsx("animate", {
+  }), /*#__PURE__*/React.createElement("animate", {
     begin: "indefinite",
     attributeName: "x2",
     from: "700%",
     to: "300%",
     repeatCount: "indefinite",
     dur: "3s"
-  }), jsx("stop", {
+  }), /*#__PURE__*/React.createElement("stop", {
     offset: "0",
     stopColor: palette.blue
-  }), jsx("stop", {
+  }), /*#__PURE__*/React.createElement("stop", {
     offset: "0.25",
     stopColor: palette.teal
-  }), jsx("stop", {
+  }), /*#__PURE__*/React.createElement("stop", {
     offset: "0.5",
     stopColor: palette.yellow
-  }), jsx("stop", {
+  }), /*#__PURE__*/React.createElement("stop", {
     offset: "0.75",
     stopColor: palette.teal
-  }), jsx("stop", {
+  }), /*#__PURE__*/React.createElement("stop", {
     offset: "1",
     stopColor: palette.blue
-  })), jsx("linearGradient", {
+  })), /*#__PURE__*/React.createElement("linearGradient", {
     id: "".concat(namespaceId.current, "_lg4"),
     gradientUnits: "userSpaceOnUse",
     x1: "0",
@@ -194,53 +178,59 @@ var AnimatedSvgContainer = function AnimatedSvgContainer(_ref) {
     x2: "0",
     y2: "400%",
     spreadMethod: "reflect"
-  }, jsx("animate", {
+  }, /*#__PURE__*/React.createElement("animate", {
     begin: "indefinite",
     attributeName: "y1",
     from: "0%",
     to: "-400%",
     repeatCount: "indefinite",
     dur: "3s"
-  }), jsx("animate", {
+  }), /*#__PURE__*/React.createElement("animate", {
     begin: "indefinite",
     attributeName: "y2",
     from: "400%",
     to: "0%",
     repeatCount: "indefinite",
     dur: "3s"
-  }), jsx("stop", {
+  }), /*#__PURE__*/React.createElement("stop", {
     offset: "0",
     stopColor: palette.blue
-  }), jsx("stop", {
+  }), /*#__PURE__*/React.createElement("stop", {
     offset: "0.25",
     stopColor: palette.teal
-  }), jsx("stop", {
+  }), /*#__PURE__*/React.createElement("stop", {
     offset: "0.5",
     stopColor: palette.yellow
-  }), jsx("stop", {
+  }), /*#__PURE__*/React.createElement("stop", {
     offset: "0.75",
     stopColor: palette.teal
-  }), jsx("stop", {
+  }), /*#__PURE__*/React.createElement("stop", {
     offset: "1",
     stopColor: palette.blue
-  }))), jsx("g", {
+  }))), /*#__PURE__*/React.createElement("g", {
     strokeWidth: "8"
-  }, jsx("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     stroke: "url(#".concat(namespaceId.current, "_lg1)"),
     d: "M0 0h24",
     vectorEffect: "non-scaling-stroke"
-  }), jsx("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     stroke: "url(#".concat(namespaceId.current, "_lg2)"),
     d: "M24 0v24",
     vectorEffect: "non-scaling-stroke"
-  }), jsx("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     stroke: "url(#".concat(namespaceId.current, "_lg3)"),
     d: "M24 24H0",
     vectorEffect: "non-scaling-stroke"
-  }), jsx("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     stroke: "url(#".concat(namespaceId.current, "_lg4)"),
     d: "M0 24V0",
     vectorEffect: "non-scaling-stroke"
   })));
 };
+var AnimatedSvgContainer = function AnimatedSvgContainer(props) {
+  if (fg('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(AnimatedSvgContainerNew, props);
+  }
+  return /*#__PURE__*/React.createElement(AnimatedSvgContainerOld, props);
+};
 export default AnimatedSvgContainer;

package/dist/esm/view/common/ai-prism/ai-glowing-border/animated-svg-containerOld.js

@@ -0,0 +1,246 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { useEffect, useRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css, jsx } from '@emotion/react';
+import { OUTER_BORDER_RADIUS } from '../constants';
+var namespaceUUID = 0;
+var svgStyles = css({
+  position: 'absolute',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  borderRadius: OUTER_BORDER_RADIUS
+});
+var blurredStyles = css({
+  width: "calc(100% - ".concat("var(--ds-space-050, 4px)", ")"),
+  height: "calc(100% - ".concat("var(--ds-space-050, 4px)", ")"),
+  top: "var(--ds-space-050, 4px)",
+  left: "var(--ds-space-050, 4px)",
+  filter: "blur(".concat("var(--ds-space-100, 8px)", ")"),
+  // for safari... : https://stackoverflow.com/a/71353198
+  backfaceVisibility: 'hidden',
+  transform: 'translate3d(0, 0, 0)'
+});
+var notBlurredStyles = css({
+  left: 0,
+  top: 0,
+  width: '100%',
+  height: '100%'
+});
+
+/**
+ * The bulk of this file is originally from
+ * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
+ * with modifications.
+ */
+var AnimatedSvgContainerOld = function AnimatedSvgContainerOld(_ref) {
+  var palette = _ref.palette,
+    isMoving = _ref.isMoving,
+    isGlowing = _ref.isGlowing,
+    additionalCss = _ref.additionalCss;
+  var svgRef = useRef(null);
+  var namespaceId = useRef();
+  if (namespaceId.current === undefined) {
+    namespaceId.current = namespaceUUID;
+    namespaceUUID += 1;
+  }
+  useEffect(function () {
+    if (isMoving) {
+      var svg = svgRef.current;
+
+      // Schedule animation to begin before next browser paint
+      var beginReq = requestAnimationFrame(function () {
+        svg === null || svg === void 0 || svg.querySelectorAll('animate').forEach(function (node) {
+          return node.beginElement();
+        });
+      });
+      return function () {
+        // Ensure any pending animation frame is cancelled as the element animation does not end properly if it
+        // begins in the same event tick, i.e. isLoading synchronously changes to true then false.
+        cancelAnimationFrame(beginReq);
+        requestAnimationFrame(function () {
+          svg === null || svg === void 0 || svg.querySelectorAll('animate').forEach(function (node) {
+            return node.endElement();
+          });
+        });
+      };
+    }
+    return undefined;
+  }, [isMoving]);
+  return jsx("svg", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    css: [svgStyles, isGlowing ? blurredStyles : notBlurredStyles, additionalCss],
+    ref: svgRef,
+    viewBox: "0 0 24 24",
+    preserveAspectRatio: "none"
+  }, jsx("defs", null, jsx("linearGradient", {
+    id: "".concat(namespaceId.current, "_lg1"),
+    gradientUnits: "userSpaceOnUse",
+    x1: "0%",
+    y1: "0",
+    x2: "400%",
+    y2: "0",
+    spreadMethod: "reflect"
+  }, jsx("animate", {
+    begin: "indefinite",
+    attributeName: "x1",
+    from: "0%",
+    to: "400%",
+    repeatCount: "indefinite",
+    dur: "3s"
+  }), jsx("animate", {
+    begin: "indefinite",
+    attributeName: "x2",
+    from: "400%",
+    to: "800%",
+    repeatCount: "indefinite",
+    dur: "3s"
+  }), jsx("stop", {
+    offset: "0",
+    stopColor: palette.blue
+  }), jsx("stop", {
+    offset: "0.25",
+    stopColor: palette.teal
+  }), jsx("stop", {
+    offset: "0.5",
+    stopColor: palette.yellow
+  }), jsx("stop", {
+    offset: "0.75",
+    stopColor: palette.teal
+  }), jsx("stop", {
+    offset: "1",
+    stopColor: palette.blue
+  })), jsx("linearGradient", {
+    id: "".concat(namespaceId.current, "_lg2"),
+    gradientUnits: "userSpaceOnUse",
+    x1: "0",
+    y1: "-100%",
+    x2: "0",
+    y2: "300%",
+    spreadMethod: "reflect"
+  }, jsx("animate", {
+    begin: "indefinite",
+    attributeName: "y1",
+    from: "-100%",
+    to: "300%",
+    repeatCount: "indefinite",
+    dur: "3s"
+  }), jsx("animate", {
+    begin: "indefinite",
+    attributeName: "y2",
+    from: "300%",
+    to: "700%",
+    repeatCount: "indefinite",
+    dur: "3s"
+  }), jsx("stop", {
+    offset: "0",
+    stopColor: palette.blue
+  }), jsx("stop", {
+    offset: "0.25",
+    stopColor: palette.teal
+  }), jsx("stop", {
+    offset: "0.5",
+    stopColor: palette.yellow
+  }), jsx("stop", {
+    offset: "0.75",
+    stopColor: palette.teal
+  }), jsx("stop", {
+    offset: "1",
+    stopColor: palette.blue
+  })), jsx("linearGradient", {
+    id: "".concat(namespaceId.current, "_lg3"),
+    gradientUnits: "userSpaceOnUse",
+    x1: "300%",
+    y1: "0",
+    x2: "700%",
+    y2: "0",
+    spreadMethod: "reflect"
+  }, jsx("animate", {
+    begin: "indefinite",
+    attributeName: "x1",
+    from: "300%",
+    to: "-100%",
+    repeatCount: "indefinite",
+    dur: "3s"
+  }), jsx("animate", {
+    begin: "indefinite",
+    attributeName: "x2",
+    from: "700%",
+    to: "300%",
+    repeatCount: "indefinite",
+    dur: "3s"
+  }), jsx("stop", {
+    offset: "0",
+    stopColor: palette.blue
+  }), jsx("stop", {
+    offset: "0.25",
+    stopColor: palette.teal
+  }), jsx("stop", {
+    offset: "0.5",
+    stopColor: palette.yellow
+  }), jsx("stop", {
+    offset: "0.75",
+    stopColor: palette.teal
+  }), jsx("stop", {
+    offset: "1",
+    stopColor: palette.blue
+  })), jsx("linearGradient", {
+    id: "".concat(namespaceId.current, "_lg4"),
+    gradientUnits: "userSpaceOnUse",
+    x1: "0",
+    y1: "0",
+    x2: "0",
+    y2: "400%",
+    spreadMethod: "reflect"
+  }, jsx("animate", {
+    begin: "indefinite",
+    attributeName: "y1",
+    from: "0%",
+    to: "-400%",
+    repeatCount: "indefinite",
+    dur: "3s"
+  }), jsx("animate", {
+    begin: "indefinite",
+    attributeName: "y2",
+    from: "400%",
+    to: "0%",
+    repeatCount: "indefinite",
+    dur: "3s"
+  }), jsx("stop", {
+    offset: "0",
+    stopColor: palette.blue
+  }), jsx("stop", {
+    offset: "0.25",
+    stopColor: palette.teal
+  }), jsx("stop", {
+    offset: "0.5",
+    stopColor: palette.yellow
+  }), jsx("stop", {
+    offset: "0.75",
+    stopColor: palette.teal
+  }), jsx("stop", {
+    offset: "1",
+    stopColor: palette.blue
+  }))), jsx("g", {
+    strokeWidth: "8"
+  }, jsx("path", {
+    stroke: "url(#".concat(namespaceId.current, "_lg1)"),
+    d: "M0 0h24",
+    vectorEffect: "non-scaling-stroke"
+  }), jsx("path", {
+    stroke: "url(#".concat(namespaceId.current, "_lg2)"),
+    d: "M24 0v24",
+    vectorEffect: "non-scaling-stroke"
+  }), jsx("path", {
+    stroke: "url(#".concat(namespaceId.current, "_lg3)"),
+    d: "M24 24H0",
+    vectorEffect: "non-scaling-stroke"
+  }), jsx("path", {
+    stroke: "url(#".concat(namespaceId.current, "_lg4)"),
+    d: "M0 24V0",
+    vectorEffect: "non-scaling-stroke"
+  })));
+};
+export default AnimatedSvgContainerOld;

package/dist/esm/view/common/ai-prism/ai-glowing-border/index.compiled.css

@@ -0,0 +1,7 @@
+
+._1yt4v77o{padding:var(--ds-space-025,2px)}
+._2rkoftgi{border-radius:8px}._16jlkb7n{flex-grow:1}
+._1bsb1ns9{width:-moz-fit-content;width:fit-content}
+._1e0c1txw{display:flex}
+._1pbykb7n{z-index:1}
+._kqswh2mm{position:relative}

package/dist/esm/view/common/ai-prism/ai-glowing-border/index.js

@@ -1,53 +1,49 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { INNER_BORDER_RADIUS } from '../constants';
+/* index.tsx generated by @compiled/babel-plugin v0.36.0 */
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { fg } from '@atlaskit/platform-feature-flags';
+import AIGlowingBorderOld from './AIGlowingBorderOld';
 import AnimatedSvgContainer from './animated-svg-container';
-var borderContainerStyles = css({
-  display: 'flex',
-  position: 'relative',
-  padding: "var(--ds-space-025, 2px)",
-  width: 'fit-content'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var borderContentStyles = css({
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  borderRadius: INNER_BORDER_RADIUS,
-  flexGrow: 1,
-  zIndex: 1 // needs to be more than the svg container at least
-});
+var borderContainerStyles = null;
+var borderContentStyles = null;
 
 /**
  * The bulk of this file is originally from
  * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
  * with modifications.
  */
-var AIGlowingBorder = function AIGlowingBorder(_ref) {
+var AIGlowingBorderNew = function AIGlowingBorderNew(_ref) {
   var children = _ref.children,
     palette = _ref.palette,
     _ref$isMoving = _ref.isMoving,
     isMoving = _ref$isMoving === void 0 ? true : _ref$isMoving,
     isGlowing = _ref.isGlowing,
     testId = _ref.testId,
-    additionalCss = _ref.additionalCss;
-  return jsx("div", {
-    css: [borderContainerStyles, additionalCss === null || additionalCss === void 0 ? void 0 : additionalCss.container],
-    "data-testid": testId
-  }, jsx(AnimatedSvgContainer, {
+    className = _ref.className;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": testId,
+    className: ax(["_1yt4v77o _1e0c1txw _kqswh2mm _1bsb1ns9"])
+  }, /*#__PURE__*/React.createElement(AnimatedSvgContainer, {
     palette: palette,
     isMoving: isMoving,
-    additionalCss: additionalCss === null || additionalCss === void 0 ? void 0 : additionalCss.animatedSvgContainer
-  }), isGlowing && jsx(AnimatedSvgContainer, {
+    className: className
+  }), isGlowing &&
+  /*#__PURE__*/
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+  React.createElement(AnimatedSvgContainer, {
     palette: palette,
     isMoving: isMoving,
     isGlowing: true,
-    additionalCss: additionalCss === null || additionalCss === void 0 ? void 0 : additionalCss.animatedSvgContainer
-  }), jsx("div", {
-    css: borderContentStyles
+    className: className
+  }), /*#__PURE__*/React.createElement("div", {
+    className: ax(["_2rkoftgi _16jlkb7n _1pbykb7n"])
   }, children, " "));
 };
+var AIGlowingBorder = function AIGlowingBorder(props) {
+  if (fg('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(AIGlowingBorderNew, props);
+  }
+  return /*#__PURE__*/React.createElement(AIGlowingBorderOld, props);
+};
 export default AIGlowingBorder;

package/dist/esm/view/common/ai-prism/constants.js

@@ -4,7 +4,13 @@
  * with modifications.
  */
 
+/**
+ * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
+ */
 export var INNER_BORDER_RADIUS = 8;
+/**
+ * @deprecated remove on FF clean up bandicoots-compiled-migration-smartcard
+ */
 export var OUTER_BORDER_RADIUS = 10;
 
 // We don't yet have design system tokens representing the AI prism colour palette. We should replace this with

package/dist/esm/view/common/ai-prism/index.compiled.css

@@ -0,0 +1,8 @@
+
+._2rkopd34{border-radius:var(--ds-border-radius-200,8px)}
+._v5649spz{transition:box-shadow .5s ease}
+._v564fs5d{transition:opacity .5s ease}._16qs1aef{box-shadow:0 8px 9pt rgba(9,30,66,0),0 0 1px rgba(9,30,66,0)}
+._16qsie2t{box-shadow:var(--ds-shadow-overlay,0 8px 9pt rgba(9,30,66,.15),0 0 1px rgba(9,30,66,.31))}
+._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
+._tzy4idpf{opacity:0}
+._tzy4kb7n{opacity:1}