@vintedsamulionis/lovable-web-ui 70.3.4

package/dist/esm/lib/ProgressIndicator/shared/utils.js

@@ -0,0 +1,379 @@
+import { TextTags } from '../../types.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Icon } from '../../Icon/Icon.js';
+import { Text } from '../../Text/Text.js';
+import { E as ExclamationCircleFilled24, C as CheckCircleFilled24 } from '../../../shared/ExclamationCircleFilled24-b013307f.js';
+import _objectSpread from '@babel/runtime-corejs3/helpers/esm/objectSpread2';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
+import * as React from 'react';
+
+var _excluded$1 = ["title", "titleId"];
+var CheckCircle24 = function CheckCircle24(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded$1);
+  return /* @__PURE__ */React.createElement("svg", _objectSpread({
+    fill: "none",
+    viewBox: "0 0 24 24",
+    width: 24,
+    height: 24,
+    "aria-labelledby": titleId
+  }, props), title ? /* @__PURE__ */React.createElement("title", {
+    id: titleId
+  }, title) : null, /* @__PURE__ */React.createElement("path", {
+    fill: "currentColor",
+    d: "M16.576 9.48a.75.75 0 1 0-1.152-.96L11 13.829l-2.424-2.91a.75.75 0 1 0-1.152.961l3 3.6a.75.75 0 0 0 1.152 0z"
+  }), /* @__PURE__ */React.createElement("path", {
+    fill: "currentColor",
+    d: "M12 1C5.924 1 1 5.926 1 12c0 6.075 4.924 11 11 11 6.074 0 11-4.925 11-11 0-6.074-4.926-11-11-11M2.5 12a9.5 9.5 0 1 1 9.5 9.5A9.5 9.5 0 0 1 2.5 12"
+  }));
+};
+CheckCircle24.Size = 24;
+CheckCircle24.Title = "CheckCircle";
+
+var _excluded = ["title", "titleId"];
+var ExclamationPoint24 = function ExclamationPoint24(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */React.createElement("svg", _objectSpread({
+    fill: "none",
+    viewBox: "0 0 24 24",
+    width: 24,
+    height: 24,
+    "aria-labelledby": titleId
+  }, props), title ? /* @__PURE__ */React.createElement("title", {
+    id: titleId
+  }, title) : null, /* @__PURE__ */React.createElement("path", {
+    fill: "currentColor",
+    d: "M12.025 6.126c-.41 0-.75.34-.75.75v5.5c0 .41.34.75.75.75s.75-.34.75-.75v-5.5c0-.41-.34-.75-.75-.75m1 10a1 1 0 1 0-2 0 1 1 0 0 0 2 0"
+  }), /* @__PURE__ */React.createElement("path", {
+    fill: "currentColor",
+    d: "M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11m-1.5 0a9.5 9.5 0 1 0-19 0 9.5 9.5 0 0 0 19 0"
+  }));
+};
+ExclamationPoint24.Size = 24;
+ExclamationPoint24.Title = "ExclamationPoint";
+
+var renderIcon = function renderIcon(_ref) {
+  var progressionState = _ref.progressionState,
+    active = _ref.active,
+    size = _ref.size,
+    iconClass = _ref.iconClass;
+  if (size !== 'Default') {
+    return null;
+  }
+  var iconName;
+  var iconColor;
+  switch (progressionState) {
+    case 'completed':
+      iconName = active ? CheckCircleFilled24 : CheckCircle24;
+      iconColor = 'primary-default';
+      break;
+    case 'error':
+      iconName = active ? ExclamationCircleFilled24 : ExclamationPoint24;
+      iconColor = 'warning-default';
+      break;
+    default:
+      return null;
+  }
+  return /*#__PURE__*/jsx("span", {
+    className: iconClass,
+    children: /*#__PURE__*/jsx(Icon, {
+      name: iconName,
+      color: iconColor
+    })
+  });
+};
+var renderNumber = function renderNumber(_ref2) {
+  var number = _ref2.number,
+    iconClass = _ref2.iconClass,
+    stepNumberClass = _ref2.stepNumberClass,
+    progressionState = _ref2.progressionState,
+    active = _ref2.active,
+    size = _ref2.size;
+  if (!number) {
+    return /*#__PURE__*/jsx("div", {
+      className: iconClass,
+      children: /*#__PURE__*/jsx("div", {
+        className: stepNumberClass
+      })
+    });
+  }
+  var ActiveSVG = function ActiveSVG() {
+    return /*#__PURE__*/jsxs("svg", {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [/*#__PURE__*/jsx("circle", {
+        cx: "10",
+        cy: "10",
+        r: "10"
+      }), /*#__PURE__*/jsx("text", {
+        x: "50%",
+        y: "50%",
+        textAnchor: "middle",
+        dominantBaseline: "middle",
+        dy: ".1em",
+        fill: "white",
+        className: stepNumberClass,
+        children: number
+      })]
+    });
+  };
+  var NonActiveSVG = function NonActiveSVG() {
+    return /*#__PURE__*/jsxs("svg", {
+      width: "20",
+      height: "20",
+      viewBox: "0 0 20 20",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [/*#__PURE__*/jsx("circle", {
+        cx: "10",
+        cy: "10",
+        r: "9.25",
+        strokeWidth: "1.5"
+      }), /*#__PURE__*/jsx("text", {
+        x: "50%",
+        y: "50%",
+        textAnchor: "middle",
+        dominantBaseline: "middle",
+        dy: ".1em",
+        className: stepNumberClass,
+        children: number
+      })]
+    });
+  };
+
+  // Small Completed
+  var SmallCompletedSVG = function SmallCompletedSVG() {
+    return /*#__PURE__*/jsxs("svg", {
+      width: "10",
+      height: "10",
+      viewBox: "0 0 10 10",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [/*#__PURE__*/jsx("circle", {
+        cx: "5",
+        cy: "5",
+        r: "4",
+        strokeWidth: "2"
+      }), /*#__PURE__*/jsx("circle", {
+        cx: "5",
+        cy: "5",
+        r: "2"
+      })]
+    });
+  };
+  var SmallCompletedActive = function SmallCompletedActive() {
+    return /*#__PURE__*/jsx("svg", {
+      width: "10",
+      height: "10",
+      viewBox: "0 0 10 10",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /*#__PURE__*/jsx("circle", {
+        cx: "5",
+        cy: "5",
+        r: "5"
+      })
+    });
+  };
+
+  // Small Current
+  var SmallCurrentSVG = function SmallCurrentSVG() {
+    return /*#__PURE__*/jsx("svg", {
+      width: "12",
+      height: "12",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /*#__PURE__*/jsx("circle", {
+        cx: "6",
+        cy: "6",
+        r: "5",
+        strokeWidth: "2"
+      })
+    });
+  };
+  var SmallCurrentActiveSVG = function SmallCurrentActiveSVG() {
+    return /*#__PURE__*/jsx("svg", {
+      width: "12",
+      height: "12",
+      viewBox: "0 0 12 12",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /*#__PURE__*/jsx("circle", {
+        cx: "6",
+        cy: "6",
+        r: "6"
+      })
+    });
+  };
+
+  // Small Error
+  var SmallErrorSVG = function SmallErrorSVG() {
+    return /*#__PURE__*/jsx("svg", {
+      width: "10",
+      height: "10",
+      viewBox: "0 0 10 10",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /*#__PURE__*/jsx("circle", {
+        cx: "5",
+        cy: "5",
+        r: "4",
+        strokeWidth: "2"
+      })
+    });
+  };
+  var SmallErrorActiveSVG = function SmallErrorActiveSVG() {
+    return /*#__PURE__*/jsx("svg", {
+      width: "10",
+      height: "10",
+      viewBox: "0 0 10 10",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /*#__PURE__*/jsx("circle", {
+        cx: "5",
+        cy: "5",
+        r: "5"
+      })
+    });
+  };
+
+  // Small disabled
+  var SmallDisabledSVG = function SmallDisabledSVG() {
+    return /*#__PURE__*/jsx("svg", {
+      width: "10",
+      height: "10",
+      viewBox: "0 0 10 10",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /*#__PURE__*/jsx("circle", {
+        cx: "5",
+        cy: "5",
+        r: "4",
+        strokeWidth: "2"
+      })
+    });
+  };
+  var SmallDisabledActiveSVG = function SmallDisabledActiveSVG() {
+    return /*#__PURE__*/jsx("svg", {
+      width: "10",
+      height: "10",
+      viewBox: "0 0 10 10",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /*#__PURE__*/jsx("circle", {
+        cx: "5",
+        cy: "5",
+        r: "5"
+      })
+    });
+  };
+  var getIconType = function getIconType() {
+    switch (size) {
+      case 'Default':
+        return active ? /*#__PURE__*/jsx(ActiveSVG, {}) : /*#__PURE__*/jsx(NonActiveSVG, {});
+      case 'Small':
+        switch (progressionState) {
+          case 'current':
+            return active ? /*#__PURE__*/jsx(SmallCurrentActiveSVG, {}) : /*#__PURE__*/jsx(SmallCurrentSVG, {});
+          case 'completed':
+            return active ? /*#__PURE__*/jsx(SmallCompletedActive, {}) : /*#__PURE__*/jsx(SmallCompletedSVG, {});
+          case 'error':
+            return active ? /*#__PURE__*/jsx(SmallErrorActiveSVG, {}) : /*#__PURE__*/jsx(SmallErrorSVG, {});
+          default:
+            return active ? /*#__PURE__*/jsx(SmallDisabledActiveSVG, {}) : /*#__PURE__*/jsx(SmallDisabledSVG, {});
+        }
+      default:
+        return null;
+    }
+  };
+  return /*#__PURE__*/jsx("div", {
+    className: iconClass,
+    children: getIconType()
+  });
+};
+var getTitleType = function getTitleType(size, active) {
+  switch (size) {
+    case 'Small':
+      return 'subtitle';
+    case 'Default':
+      return active ? 'title' : 'body';
+    default:
+      return 'body';
+  }
+};
+var getTitleAsProp = function getTitleAsProp(size, active) {
+  switch (size) {
+    case 'Small':
+      return TextTags.Subtitle;
+    case 'Default':
+      return active ? TextTags.Title : TextTags.Body;
+    default:
+      return TextTags.Title;
+  }
+};
+var renderTitle = function renderTitle(_ref3) {
+  var title = _ref3.title,
+    size = _ref3.size,
+    active = _ref3.active,
+    titleClass = _ref3.titleClass;
+  if (!title) return null;
+  var titleType = getTitleType(size, active);
+  var asPropType = getTitleAsProp(size, active);
+  return /*#__PURE__*/jsx("div", {
+    className: titleClass,
+    children: /*#__PURE__*/jsx(Text, {
+      as: asPropType,
+      type: titleType,
+      children: title
+    })
+  });
+};
+var renderLine = function renderLine(orientation, progressionState, className) {
+  var isVertical = orientation === 'vertical';
+  var lineStyle = {
+    height: isVertical ? '100%' : '2px',
+    width: isVertical ? '2px' : '100%'
+  };
+  var svgStyle = {
+    position: 'absolute',
+    height: '100%',
+    width: '100%',
+    overflow: 'visible'
+  };
+  var lineDasharray = progressionState === 'current' || progressionState === 'disabled' || progressionState === 'error' ? '0, 5' : 'none';
+  var lineDashOffset = orientation === 'vertical' && (progressionState === 'current' || progressionState === 'disabled' || progressionState === 'error') ? '1' : '0';
+  return /*#__PURE__*/jsx("div", {
+    className: className,
+    style: lineStyle,
+    children: /*#__PURE__*/jsx("svg", {
+      width: isVertical ? '2' : '100%',
+      height: isVertical ? '100%' : '2',
+      style: svgStyle,
+      children: /*#__PURE__*/jsx("line", {
+        x1: isVertical ? '1' : '0',
+        y1: isVertical ? '0' : '1',
+        x2: isVertical ? '1' : '100%',
+        y2: isVertical ? '100%' : '1',
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeDasharray: lineDasharray,
+        strokeDashoffset: lineDashOffset,
+        strokeLinecap: progressionState === 'completed' ? 'square' : 'round'
+      })
+    })
+  });
+};
+var handleClick = function handleClick(event) {
+  event.stopPropagation();
+};
+var handleKeydown = function handleKeydown(event) {
+  if (event.key === 'Enter' || event.key === ' ') {
+    event.stopPropagation();
+  }
+};
+
+export { getTitleType, handleClick, handleKeydown, renderIcon, renderLine, renderNumber, renderTitle };
+//# sourceMappingURL=utils.js.map

package/dist/esm/lib/ProgressIndicator/shared/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../../monochrome-icons/dist/esm/icons/24/CheckCircle24.js","../../../../../../monochrome-icons/dist/esm/icons/24/ExclamationPoint24.js","../../../../../src/lib/ProgressIndicator/shared/utils.tsx"],"sourcesContent":["import * as React from 'react';\n\nconst CheckCircle24 = ({ title, titleId, ...props }) => /* @__PURE__ */ React.createElement(\"svg\", { fill: \"none\", viewBox: \"0 0 24 24\", width: 24, height: 24, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\n  \"path\",\n  {\n    fill: \"currentColor\",\n    d: \"M16.576 9.48a.75.75 0 1 0-1.152-.96L11 13.829l-2.424-2.91a.75.75 0 1 0-1.152.961l3 3.6a.75.75 0 0 0 1.152 0z\"\n  }\n), /* @__PURE__ */ React.createElement(\n  \"path\",\n  {\n    fill: \"currentColor\",\n    d: \"M12 1C5.924 1 1 5.926 1 12c0 6.075 4.924 11 11 11 6.074 0 11-4.925 11-11 0-6.074-4.926-11-11-11M2.5 12a9.5 9.5 0 1 1 9.5 9.5A9.5 9.5 0 0 1 2.5 12\"\n  }\n));\nCheckCircle24.Size = 24;\nCheckCircle24.Title = \"CheckCircle\";\n\nexport { CheckCircle24 as default };\n","import * as React from 'react';\n\nconst ExclamationPoint24 = ({ title, titleId, ...props }) => /* @__PURE__ */ React.createElement(\"svg\", { fill: \"none\", viewBox: \"0 0 24 24\", width: 24, height: 24, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\n  \"path\",\n  {\n    fill: \"currentColor\",\n    d: \"M12.025 6.126c-.41 0-.75.34-.75.75v5.5c0 .41.34.75.75.75s.75-.34.75-.75v-5.5c0-.41-.34-.75-.75-.75m1 10a1 1 0 1 0-2 0 1 1 0 0 0 2 0\"\n  }\n), /* @__PURE__ */ React.createElement(\n  \"path\",\n  {\n    fill: \"currentColor\",\n    d: \"M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11m-1.5 0a9.5 9.5 0 1 0-19 0 9.5 9.5 0 0 0 19 0\"\n  }\n));\nExclamationPoint24.Size = 24;\nExclamationPoint24.Title = \"ExclamationPoint\";\n\nexport { ExclamationPoint24 as default };\n","import { CSSProperties, MouseEvent, KeyboardEvent } from 'react'\n\nimport {\n  CheckCircle24,\n  CheckCircleFilled24,\n  ExclamationCircleFilled24,\n  ExclamationPoint24,\n} from '@vinted/monochrome-icons'\n\nimport Icon, { IconColor, IconType } from '../../Icon'\nimport Text from '../../Text'\n\nimport { ProgressionState, Size } from './types'\nimport { TextTags } from '../../types'\n\ntype RenderIconProps = {\n  progressionState: ProgressionState\n  active: boolean\n  size: Size\n  iconClass: string\n}\n\ntype RenderNumberProps = {\n  number: number | undefined\n  iconClass: string\n  stepNumberClass: string\n  progressionState: ProgressionState\n  active: boolean\n  size: Size\n}\n\ntype RenderTitleProps = {\n  title: string | undefined\n  size: Size\n  active: boolean\n  titleClass: string\n}\n\nconst renderIcon = ({ progressionState, active, size, iconClass }: RenderIconProps) => {\n  if (size !== 'Default') {\n    return null\n  }\n\n  let iconName: IconType\n  let iconColor: IconColor\n\n  switch (progressionState) {\n    case 'completed':\n      iconName = (active ? CheckCircleFilled24 : CheckCircle24) as IconType\n      iconColor = 'primary-default'\n      break\n    case 'error':\n      iconName = (active ? ExclamationCircleFilled24 : ExclamationPoint24) as IconType\n      iconColor = 'warning-default'\n      break\n    default:\n      return null\n  }\n\n  return (\n    <span className={iconClass}>\n      <Icon name={iconName} color={iconColor} />\n    </span>\n  )\n}\n\nconst renderNumber = ({\n  number,\n  iconClass,\n  stepNumberClass,\n  progressionState,\n  active,\n  size,\n}: RenderNumberProps) => {\n  if (!number) {\n    return (\n      <div className={iconClass}>\n        <div className={stepNumberClass} />\n      </div>\n    )\n  }\n\n  const ActiveSVG = () => (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n      <circle cx=\"10\" cy=\"10\" r=\"10\" />\n      <text\n        x=\"50%\"\n        y=\"50%\"\n        textAnchor=\"middle\"\n        dominantBaseline=\"middle\"\n        dy=\".1em\"\n        fill=\"white\"\n        className={stepNumberClass}\n      >\n        {number}\n      </text>\n    </svg>\n  )\n\n  const NonActiveSVG = () => (\n    <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n      <circle cx=\"10\" cy=\"10\" r=\"9.25\" strokeWidth=\"1.5\" />\n      <text\n        x=\"50%\"\n        y=\"50%\"\n        textAnchor=\"middle\"\n        dominantBaseline=\"middle\"\n        dy=\".1em\"\n        className={stepNumberClass}\n      >\n        {number}\n      </text>\n    </svg>\n  )\n\n  // Small Completed\n  const SmallCompletedSVG = () => (\n    <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <circle cx=\"5\" cy=\"5\" r=\"4\" strokeWidth=\"2\" />\n      <circle cx=\"5\" cy=\"5\" r=\"2\" />\n    </svg>\n  )\n\n  const SmallCompletedActive = () => (\n    <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <circle cx=\"5\" cy=\"5\" r=\"5\" />\n    </svg>\n  )\n\n  // Small Current\n  const SmallCurrentSVG = () => (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <circle cx=\"6\" cy=\"6\" r=\"5\" strokeWidth=\"2\" />\n    </svg>\n  )\n\n  const SmallCurrentActiveSVG = () => (\n    <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" xmlns=\"http://www.w3.org/2000/svg\">\n      <circle cx=\"6\" cy=\"6\" r=\"6\" />\n    </svg>\n  )\n\n  // Small Error\n  const SmallErrorSVG = () => (\n    <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <circle cx=\"5\" cy=\"5\" r=\"4\" strokeWidth=\"2\" />\n    </svg>\n  )\n\n  const SmallErrorActiveSVG = () => (\n    <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <circle cx=\"5\" cy=\"5\" r=\"5\" />\n    </svg>\n  )\n\n  // Small disabled\n  const SmallDisabledSVG = () => (\n    <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <circle cx=\"5\" cy=\"5\" r=\"4\" strokeWidth=\"2\" />\n    </svg>\n  )\n\n  const SmallDisabledActiveSVG = () => (\n    <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" xmlns=\"http://www.w3.org/2000/svg\">\n      <circle cx=\"5\" cy=\"5\" r=\"5\" />\n    </svg>\n  )\n  const getIconType = () => {\n    switch (size) {\n      case 'Default':\n        return active ? <ActiveSVG /> : <NonActiveSVG />\n      case 'Small':\n        switch (progressionState) {\n          case 'current':\n            return active ? <SmallCurrentActiveSVG /> : <SmallCurrentSVG />\n          case 'completed':\n            return active ? <SmallCompletedActive /> : <SmallCompletedSVG />\n          case 'error':\n            return active ? <SmallErrorActiveSVG /> : <SmallErrorSVG />\n          default:\n            return active ? <SmallDisabledActiveSVG /> : <SmallDisabledSVG />\n        }\n      default:\n        return null\n    }\n  }\n\n  return <div className={iconClass}>{getIconType()}</div>\n}\n\nconst getTitleType = (size: Size, active: boolean) => {\n  switch (size) {\n    case 'Small':\n      return 'subtitle'\n    case 'Default':\n      return active ? 'title' : 'body'\n    default:\n      return 'body'\n  }\n}\n\nconst getTitleAsProp = (size: Size, active: boolean) => {\n  switch (size) {\n    case 'Small':\n      return TextTags.Subtitle\n    case 'Default':\n      return active ? TextTags.Title : TextTags.Body\n    default:\n      return TextTags.Title\n  }\n}\n\nconst renderTitle = ({ title, size, active, titleClass }: RenderTitleProps) => {\n  if (!title) return null\n\n  const titleType = getTitleType(size, active)\n  const asPropType = getTitleAsProp(size, active)\n\n  return (\n    <div className={titleClass}>\n      <Text as={asPropType} type={titleType}>\n        {title}\n      </Text>\n    </div>\n  )\n}\n\nconst renderLine = (\n  orientation: 'vertical' | 'horizontal',\n  progressionState: 'current' | 'completed' | 'disabled' | 'error',\n  className: string,\n) => {\n  const isVertical = orientation === 'vertical'\n  const lineStyle: CSSProperties = {\n    height: isVertical ? '100%' : '2px',\n    width: isVertical ? '2px' : '100%',\n  }\n  const svgStyle: CSSProperties = {\n    position: 'absolute',\n    height: '100%',\n    width: '100%',\n    overflow: 'visible',\n  }\n  const lineDasharray =\n    progressionState === 'current' ||\n    progressionState === 'disabled' ||\n    progressionState === 'error'\n      ? '0, 5'\n      : 'none'\n\n  const lineDashOffset =\n    orientation === 'vertical' &&\n    (progressionState === 'current' ||\n      progressionState === 'disabled' ||\n      progressionState === 'error')\n      ? '1'\n      : '0'\n\n  return (\n    <div className={className} style={lineStyle}>\n      <svg width={isVertical ? '2' : '100%'} height={isVertical ? '100%' : '2'} style={svgStyle}>\n        <line\n          x1={isVertical ? '1' : '0'}\n          y1={isVertical ? '0' : '1'}\n          x2={isVertical ? '1' : '100%'}\n          y2={isVertical ? '100%' : '1'}\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeDasharray={lineDasharray}\n          strokeDashoffset={lineDashOffset}\n          strokeLinecap={progressionState === 'completed' ? 'square' : 'round'}\n        />\n      </svg>\n    </div>\n  )\n}\n\nconst handleClick = (event: MouseEvent) => {\n  event.stopPropagation()\n}\n\nconst handleKeydown = (event: KeyboardEvent) => {\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.stopPropagation()\n  }\n}\n\nexport {\n  renderIcon,\n  renderNumber,\n  getTitleType,\n  renderTitle,\n  renderLine,\n  handleClick,\n  handleKeydown,\n}\n"],"names":["CheckCircle24","_ref","title","titleId","props","_objectWithoutProperties","_excluded","React","createElement","_objectSpread","fill","viewBox","width","height","id","d","Size","Title","ExclamationPoint24","renderIcon","progressionState","active","size","iconClass","iconName","iconColor","CheckCircleFilled24","ExclamationCircleFilled24","_jsx","className","children","Icon","name","color","renderNumber","_ref2","number","stepNumberClass","ActiveSVG","_jsxs","xmlns","cx","cy","r","x","y","textAnchor","dominantBaseline","dy","NonActiveSVG","strokeWidth","SmallCompletedSVG","SmallCompletedActive","SmallCurrentSVG","SmallCurrentActiveSVG","SmallErrorSVG","SmallErrorActiveSVG","SmallDisabledSVG","SmallDisabledActiveSVG","getIconType","getTitleType","getTitleAsProp","TextTags","Subtitle","Body","renderTitle","_ref3","titleClass","titleType","asPropType","Text","as","type","renderLine","orientation","isVertical","lineStyle","svgStyle","position","overflow","lineDasharray","lineDashOffset","style","x1","y1","x2","y2","stroke","strokeDasharray","strokeDashoffset","strokeLinecap","handleClick","event","stopPropagation","handleKeydown","key"],"mappings":"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"}

package/dist/esm/lib/PromoBanner/PromoBanner.js

@@ -0,0 +1,190 @@
+import _objectSpread from '@babel/runtime-corejs3/helpers/esm/objectSpread2';
+import _Object$assign from '@babel/runtime-corejs3/core-js-stable/object/assign';
+import { c as classNames } from '../../shared/bind-1a05f4e7.js';
+import { Icon } from '../Icon/Icon.js';
+import { onA11yKeyDown } from '../../utils/a11y/onA11yKeyDown.js';
+import { KeyboardKey } from '../../constants/keyboard.js';
+import { getTestId } from '../../utils/testId.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
+import * as React from 'react';
+import { X as X12 } from '../../shared/X12-cb28ac62.js';
+
+var _excluded = ["title", "titleId"];
+var ChevronRight12 = function ChevronRight12(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /* @__PURE__ */React.createElement("svg", _objectSpread({
+    fill: "none",
+    viewBox: "0 0 12 12",
+    width: 12,
+    height: 12,
+    "aria-labelledby": titleId
+  }, props), title ? /* @__PURE__ */React.createElement("title", {
+    id: titleId
+  }, title) : null, /* @__PURE__ */React.createElement("path", {
+    fill: "currentColor",
+    d: "M4.102 1.852a.563.563 0 0 0 0 .796L7.455 6 4.102 9.352a.562.562 0 1 0 .796.796l3.75-3.75a.563.563 0 0 0 0-.796l-3.75-3.75a.563.563 0 0 0-.796 0"
+  }));
+};
+ChevronRight12.Size = 12;
+ChevronRight12.Title = "ChevronRight";
+
+var styles = {
+  "unit-base": "4",
+  "default": "web_ui__PromoBanner__default",
+  "narrow": "web_ui__PromoBanner__narrow",
+  "tight": "web_ui__PromoBanner__tight",
+  "wide": "web_ui__PromoBanner__wide",
+  "promo-banner": "web_ui__PromoBanner__promo-banner",
+  "title": "web_ui__PromoBanner__title",
+  "body": "web_ui__PromoBanner__body",
+  "content": "web_ui__PromoBanner__content",
+  "clickable": "web_ui__PromoBanner__clickable",
+  "closable": "web_ui__PromoBanner__closable",
+  "icon": "web_ui__PromoBanner__icon",
+  "inner-content": "web_ui__PromoBanner__inner-content",
+  "action": "web_ui__PromoBanner__action",
+  "text": "web_ui__PromoBanner__text",
+  "close-button": "web_ui__PromoBanner__close-button"
+};
+
+var PROMO_BANNER_STYLING_VALUES = ['default', 'narrow', 'tight', 'wide'];
+/* ---------- Back-compat shim (deprecated) ---------- */
+var PROMO_BANNER_STYLING = {
+  Default: 'default',
+  Narrow: 'narrow',
+  Tight: 'tight',
+  Wide: 'wide'
+};
+
+/* ---------- Type definitions ---------- */
+
+var cssClasses = classNames.bind(styles);
+var PromoBannerBase = function PromoBannerBase(props) {
+  var _props$styling = props.styling,
+    styling = _props$styling === void 0 ? 'default' : _props$styling,
+    title = props.title,
+    body = props.body,
+    icon = props.icon,
+    onClose = props.onClose,
+    onClick = props.onClick,
+    aria = props.aria,
+    testId = props.testId,
+    width = props.width,
+    clickable = props.clickable,
+    closable = props.closable;
+  var closeButtonAriaLabel = closable ? props.closeButtonAriaLabel : undefined;
+  var actionText = clickable ? props.actionText : undefined;
+  var bannerClass = cssClasses('promo-banner', styling);
+  var contentClass = cssClasses(styles.content, {
+    clickable: clickable,
+    closable: closable
+  });
+  var titleClass = cssClasses(styles.title, {
+    'gutter-right': closable
+  });
+  var bodyClass = cssClasses(styles.body, {
+    'gutter-right': closable
+  });
+  var customStyle = width ? {
+    width: width
+  } : undefined;
+  var tabIndex = clickable ? 0 : undefined;
+  var role = clickable ? 'link' : undefined;
+  var handleKeyDown = function handleKeyDown(event) {
+    onA11yKeyDown(event, {
+      keys: [KeyboardKey.Space, KeyboardKey.Enter]
+    });
+  };
+  var renderTitle = function renderTitle() {
+    return /*#__PURE__*/jsx("h4", {
+      className: titleClass,
+      "data-testid": getTestId(testId, 'title'),
+      children: title
+    });
+  };
+  var renderBody = function renderBody() {
+    return /*#__PURE__*/jsx("div", {
+      className: bodyClass,
+      "data-testid": getTestId(testId, 'body'),
+      children: body
+    });
+  };
+  var renderIcon = function renderIcon() {
+    if (!icon) return null;
+    return /*#__PURE__*/jsx("div", {
+      className: styles.icon,
+      "aria-hidden": true,
+      "data-testid": getTestId(testId, 'icon'),
+      children: icon
+    });
+  };
+  var renderAction = function renderAction() {
+    if (!actionText) return null;
+    return /*#__PURE__*/jsxs("div", {
+      className: styles.action,
+      children: [/*#__PURE__*/jsx("div", {
+        className: styles.text,
+        "data-testid": getTestId(testId, 'action-text'),
+        children: actionText
+      }), /*#__PURE__*/jsx("div", {
+        className: styles.icon,
+        children: /*#__PURE__*/jsx(Icon, {
+          display: "inline-block",
+          testId: getTestId(testId, 'action-icon'),
+          name: ChevronRight12
+        })
+      })]
+    });
+  };
+  var renderCloseButton = function renderCloseButton() {
+    if (!closable) return null;
+    return /*#__PURE__*/jsx("div", {
+      "aria-label": closeButtonAriaLabel,
+      role: "button",
+      tabIndex: 0,
+      className: styles['close-button'],
+      onClick: onClose,
+      onKeyDown: handleKeyDown,
+      "data-testid": getTestId(testId, 'close-button'),
+      children: /*#__PURE__*/jsx(Icon, {
+        display: "block",
+        name: X12,
+        aria: {
+          'aria-hidden': true
+        }
+      })
+    });
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: bannerClass,
+    "data-testid": testId,
+    children: [/*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
+      className: contentClass,
+      style: customStyle,
+      "data-testid": getTestId(testId, 'content'),
+      tabIndex: tabIndex,
+      role: role,
+      onClick: onClick,
+      onKeyDown: clickable ? handleKeyDown : undefined
+    }, aria), {}, {
+      children: [renderIcon(), /*#__PURE__*/jsxs("div", {
+        className: styles['inner-content'],
+        children: [renderTitle(), renderBody(), renderAction()]
+      })]
+    })), renderCloseButton()]
+  });
+};
+
+/** The public component type: a React component value that also has deprecated statics */
+
+/** Exported component: arrow fn + statics, deprecations intact, docgen-friendly */
+var PromoBanner = _Object$assign(PromoBannerBase, {
+  /** @deprecated Use string unions, e.g. styling="narrow" */
+  Styling: PROMO_BANNER_STYLING
+});
+
+export { PROMO_BANNER_STYLING, PROMO_BANNER_STYLING_VALUES, PromoBanner, PromoBanner as default };
+//# sourceMappingURL=PromoBanner.js.map

package/dist/esm/lib/PromoBanner/PromoBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromoBanner.js","sources":["../../../../../monochrome-icons/dist/esm/icons/12/ChevronRight12.js","../../../../src/lib/PromoBanner/PromoBanner.tsx"],"sourcesContent":["import * as React from 'react';\n\nconst ChevronRight12 = ({ title, titleId, ...props }) => /* @__PURE__ */ React.createElement(\"svg\", { fill: \"none\", viewBox: \"0 0 12 12\", width: 12, height: 12, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\n  \"path\",\n  {\n    fill: \"currentColor\",\n    d: \"M4.102 1.852a.563.563 0 0 0 0 .796L7.455 6 4.102 9.352a.562.562 0 1 0 .796.796l3.75-3.75a.563.563 0 0 0 0-.796l-3.75-3.75a.563.563 0 0 0-.796 0\"\n  }\n));\nChevronRight12.Size = 12;\nChevronRight12.Title = \"ChevronRight\";\n\nexport { ChevronRight12 as default };\n","import { ChevronRight12, X12 } from '@vinted/monochrome-icons'\n\nimport { ReactNode, KeyboardEvent, AriaAttributes, MouseEvent } from 'react'\n\nimport classNames from 'classnames/bind'\n\nimport styles from './PromoBanner.scss'\nimport Icon from '../Icon/Icon'\n\nimport { onA11yKeyDown } from '../../utils/a11y/onA11yKeyDown'\nimport { KeyboardKey } from '../../constants/keyboard'\nimport { getTestId } from '../../utils/testId'\n\n/* ---------- String-union sources of truth ---------- */\nexport const PROMO_BANNER_STYLING_VALUES = ['default', 'narrow', 'tight', 'wide'] as const\nexport type PromoBannerStyling = (typeof PROMO_BANNER_STYLING_VALUES)[number]\n\n/* ---------- Back-compat shim (deprecated) ---------- */\nexport const PROMO_BANNER_STYLING = {\n  Default: 'default',\n  Narrow: 'narrow',\n  Tight: 'tight',\n  Wide: 'wide',\n} as const satisfies Record<string, PromoBannerStyling>\n\n/* ---------- Type definitions ---------- */\ntype BaseProps = {\n  /**\n   * Controls the styling variant of the promo banner.\n   * @default 'default'\n   */\n  styling?: PromoBannerStyling\n  onClose?: (event: MouseEvent<HTMLDivElement>) => void\n  title: string\n  body: string\n  /**\n   * Accepts a **32 x 32** size image.\n   */\n  icon?: ReactNode\n  aria?: AriaAttributes\n  /**\n   * Adds data-testid attribute to parent and children components\n   * When used --title, --body, --icon, --action-text, --action-icon, --close-icon suffixes are added accordingly.\n   */\n  testId?: string\n  width?: string\n  onClick?: (event: MouseEvent<HTMLDivElement>) => void\n}\n\ntype ClosableProps =\n  | { closable?: false }\n  | {\n      closable: true\n      closeButtonAriaLabel: string\n    }\n\ntype ClickableProps =\n  | { clickable?: false }\n  | {\n      clickable: true\n      actionText: string\n    }\n\nexport type PromoBannerProps = BaseProps & ClosableProps & ClickableProps\n\nconst cssClasses = classNames.bind(styles)\n\nconst PromoBannerBase = (props: PromoBannerProps) => {\n  const {\n    styling = 'default',\n    title,\n    body,\n    icon,\n    onClose,\n    onClick,\n    aria,\n    testId,\n    width,\n    clickable,\n    closable,\n  } = props\n\n  const closeButtonAriaLabel = closable ? props.closeButtonAriaLabel : undefined\n  const actionText = clickable ? props.actionText : undefined\n\n  const bannerClass = cssClasses('promo-banner', styling)\n  const contentClass = cssClasses(styles.content, { clickable, closable })\n  const titleClass = cssClasses(styles.title, { 'gutter-right': closable })\n  const bodyClass = cssClasses(styles.body, { 'gutter-right': closable })\n\n  const customStyle = width ? { width } : undefined\n  const tabIndex = clickable ? 0 : undefined\n  const role = clickable ? 'link' : undefined\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    onA11yKeyDown(event, { keys: [KeyboardKey.Space, KeyboardKey.Enter] })\n  }\n\n  const renderTitle = () => {\n    return (\n      <h4 className={titleClass} data-testid={getTestId(testId, 'title')}>\n        {title}\n      </h4>\n    )\n  }\n\n  const renderBody = () => {\n    return (\n      <div className={bodyClass} data-testid={getTestId(testId, 'body')}>\n        {body}\n      </div>\n    )\n  }\n\n  const renderIcon = () => {\n    if (!icon) return null\n\n    return (\n      <div className={styles.icon} aria-hidden data-testid={getTestId(testId, 'icon')}>\n        {icon}\n      </div>\n    )\n  }\n\n  const renderAction = () => {\n    if (!actionText) return null\n\n    return (\n      <div className={styles.action}>\n        <div className={styles.text} data-testid={getTestId(testId, 'action-text')}>\n          {actionText}\n        </div>\n        <div className={styles.icon}>\n          <Icon\n            display=\"inline-block\"\n            testId={getTestId(testId, 'action-icon')}\n            name={ChevronRight12}\n          />\n        </div>\n      </div>\n    )\n  }\n\n  const renderCloseButton = () => {\n    if (!closable) return null\n\n    return (\n      <div\n        aria-label={closeButtonAriaLabel}\n        role=\"button\"\n        tabIndex={0}\n        className={styles['close-button']}\n        onClick={onClose}\n        onKeyDown={handleKeyDown}\n        data-testid={getTestId(testId, 'close-button')}\n      >\n        <Icon display=\"block\" name={X12} aria={{ 'aria-hidden': true }} />\n      </div>\n    )\n  }\n\n  return (\n    <div className={bannerClass} data-testid={testId}>\n      <div\n        className={contentClass}\n        style={customStyle}\n        data-testid={getTestId(testId, 'content')}\n        tabIndex={tabIndex}\n        role={role}\n        onClick={onClick}\n        onKeyDown={clickable ? handleKeyDown : undefined}\n        {...aria}\n      >\n        {renderIcon()}\n        <div className={styles['inner-content']}>\n          {renderTitle()}\n          {renderBody()}\n          {renderAction()}\n        </div>\n      </div>\n      {renderCloseButton()}\n    </div>\n  )\n}\n\n/** The public component type: a React component value that also has deprecated statics */\nexport type PromoBannerComponent = typeof PromoBannerBase & {\n  /** @deprecated Use string unions, e.g. styling=\"narrow\" */\n  Styling: typeof PROMO_BANNER_STYLING\n}\n\n/** Exported component: arrow fn + statics, deprecations intact, docgen-friendly */\nexport const PromoBanner: PromoBannerComponent = Object.assign(PromoBannerBase, {\n  /** @deprecated Use string unions, e.g. styling=\"narrow\" */\n  Styling: PROMO_BANNER_STYLING,\n})\n\nexport default PromoBanner\n"],"names":["ChevronRight12","_ref","title","titleId","props","_objectWithoutProperties","_excluded","React","createElement","_objectSpread","fill","viewBox","width","height","id","d","Size","Title","PROMO_BANNER_STYLING_VALUES","PROMO_BANNER_STYLING","Default","Narrow","Tight","Wide","cssClasses","classNames","bind","styles","PromoBannerBase","_props$styling","styling","body","icon","onClose","onClick","aria","testId","clickable","closable","closeButtonAriaLabel","undefined","actionText","bannerClass","contentClass","content","titleClass","bodyClass","customStyle","tabIndex","role","handleKeyDown","event","onA11yKeyDown","keys","KeyboardKey","Space","Enter","renderTitle","_jsx","className","getTestId","children","renderBody","renderIcon","renderAction","_jsxs","action","text","Icon","display","name","renderCloseButton","onKeyDown","X12","style","PromoBanner","_Object$assign","Styling"],"mappings":"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"}

package/dist/esm/lib/PromoBanner/index.js

@@ -0,0 +1,2 @@
+export { PromoBanner as default } from './PromoBanner.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/lib/PromoBanner/index.js.map

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