@pie-lib/icons 4.0.2 → 4.0.3-next.0

package/lib/show-rationale-icon.js

@@ -1,187 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.ShowRationale = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireDefault(require("react"));
-var _sized = require("./sized");
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-// Info icon
-var Info = function Info(_ref) {
-  var fill = _ref.fill;
-  return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("rect", {
-    x: "-115",
-    y: "136.7",
-    width: "3",
-    height: "3",
-    fill: fill
-  }), /*#__PURE__*/_react["default"].createElement("polygon", {
-    points: "-112,147.7 -112,141.7 -115.8,141.7 -115.8,143.7 -114,143.7 -114,147.7 -116.2,147.7 -116.2,149.7 -109.8,149.7 -109.8,147.7",
-    fill: fill
-  }));
-};
-Info.propTypes = {
-  fill: _propTypes["default"].string.isRequired
-};
-
-// Border path
-var Border = function Border(_ref2) {
-  var fill = _ref2.fill;
-  return /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M-113,158.5c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105,158.5-113,158.5z M-113,130.5c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-105.6,130.5-113,130.5z",
-    fill: fill
-  });
-};
-Border.propTypes = {
-  fill: _propTypes["default"].string.isRequired
-};
-
-// Circle background
-var Circle = function Circle(_ref3) {
-  var _ref3$fill = _ref3.fill,
-    fill = _ref3$fill === void 0 ? '#FFFFFF' : _ref3$fill;
-  return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("path", {
-    style: {
-      fill: '#D0CAC5',
-      stroke: '#E6E3E0',
-      strokeWidth: 0.75,
-      strokeMiterlimit: 10
-    },
-    d: "M-111.7,160.9c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5C-96.2,154-103.1,160.9-111.7,160.9z"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
-    style: {
-      fill: '#B3ABA4',
-      stroke: '#CDC7C2',
-      strokeWidth: 0.5,
-      strokeMiterlimit: 10
-    },
-    d: "M-112,159.5c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-104,159.5-112,159.5z"
-  }), /*#__PURE__*/_react["default"].createElement("circle", {
-    cx: "-113",
-    cy: "144",
-    r: "14",
-    fill: fill
-  }));
-};
-Circle.propTypes = {
-  fill: _propTypes["default"].string
-};
-
-// Root wrapper for sizing
-var Root = function Root(_ref4) {
-  var children = _ref4.children,
-    size = _ref4.size;
-  var normalizedSize = (0, _sized.normalizeSize)(size);
-  var style = {
-    height: normalizedSize,
-    width: normalizedSize,
-    display: 'inline-block',
-    position: 'relative'
-  };
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    style: style
-  }, /*#__PURE__*/_react["default"].createElement("svg", {
-    preserveAspectRatio: "xMinYMin meet",
-    viewBox: "-129 128 34 34"
-  }, children));
-};
-Root.propTypes = {
-  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
-  size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
-};
-
-// Main ShowRationale component
-var ShowRationale = exports.ShowRationale = /*#__PURE__*/function (_React$Component) {
-  function ShowRationale() {
-    (0, _classCallCheck2["default"])(this, ShowRationale);
-    return _callSuper(this, ShowRationale, arguments);
-  }
-  (0, _inherits2["default"])(ShowRationale, _React$Component);
-  return (0, _createClass2["default"])(ShowRationale, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        iconSet = _this$props.iconSet,
-        open = _this$props.open,
-        _this$props$fg = _this$props.fg,
-        fg = _this$props$fg === void 0 ? '#1a9cff' : _this$props$fg,
-        _this$props$bg = _this$props.bg,
-        bg = _this$props$bg === void 0 ? '#bce2ff' : _this$props$bg,
-        _this$props$border = _this$props.border,
-        border = _this$props$border === void 0 ? '#bbe3fd' : _this$props$border;
-      var info = /*#__PURE__*/_react["default"].createElement(Info, {
-        fill: fg
-      });
-      var icons = {
-        check: /*#__PURE__*/_react["default"].createElement(Root, {
-          size: this.props.size
-        }, /*#__PURE__*/_react["default"].createElement(Circle, null), info, /*#__PURE__*/_react["default"].createElement(Border, {
-          fill: border
-        })),
-        emoji: /*#__PURE__*/_react["default"].createElement(Root, {
-          size: this.props.size
-        }, /*#__PURE__*/_react["default"].createElement(Circle, null), info, /*#__PURE__*/_react["default"].createElement(Border, {
-          fill: border
-        })),
-        open: {
-          check: /*#__PURE__*/_react["default"].createElement(Root, {
-            size: this.props.size
-          }, /*#__PURE__*/_react["default"].createElement("circle", {
-            cx: "-113",
-            cy: "144",
-            r: "14",
-            fill: "#FFFFFF"
-          }), /*#__PURE__*/_react["default"].createElement(Info, {
-            fill: bg
-          }), /*#__PURE__*/_react["default"].createElement(Border, {
-            fill: "#FFFFFF"
-          })),
-          emoji: /*#__PURE__*/_react["default"].createElement(Root, {
-            size: this.props.size
-          }, /*#__PURE__*/_react["default"].createElement("circle", {
-            cx: "-113",
-            cy: "144",
-            r: "14",
-            fill: "#FFFFFF"
-          }), /*#__PURE__*/_react["default"].createElement(Info, {
-            fill: bg
-          }), /*#__PURE__*/_react["default"].createElement(Border, {
-            fill: border
-          }))
-        }
-      };
-      if (open === true) {
-        return icons.open[iconSet];
-      } else {
-        return icons[iconSet];
-      }
-    }
-  }]);
-}(_react["default"].Component);
-ShowRationale.propTypes = {
-  iconSet: _propTypes["default"].oneOf(['emoji', 'check']),
-  open: _propTypes["default"].bool,
-  fg: _propTypes["default"].string,
-  bg: _propTypes["default"].string,
-  border: _propTypes["default"].string,
-  size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
-};
-ShowRationale.defaultProps = {
-  iconSet: 'check',
-  open: false,
-  fg: '#1a9cff',
-  bg: '#bce2ff',
-  border: '#bbe3fd',
-  size: 30
-};
-var _default = exports["default"] = ShowRationale;
-//# sourceMappingURL=show-rationale-icon.js.map

package/lib/show-rationale-icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"show-rationale-icon.js","names":["_propTypes","_interopRequireDefault","require","_react","_sized","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","Info","_ref","fill","createElement","x","y","width","height","points","propTypes","PropTypes","string","isRequired","Border","_ref2","d","Circle","_ref3","_ref3$fill","style","stroke","strokeWidth","strokeMiterlimit","cx","cy","r","Root","_ref4","children","size","normalizedSize","normalizeSize","display","position","preserveAspectRatio","viewBox","oneOfType","arrayOf","node","number","ShowRationale","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","iconSet","open","_this$props$fg","fg","_this$props$bg","bg","_this$props$border","border","info","icons","check","emoji","React","Component","oneOf","bool","defaultProps","_default"],"sources":["../src/show-rationale-icon.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport { normalizeSize } from './sized';\n\n// Info icon\nconst Info = ({ fill }) => (\n  <g>\n    <rect x=\"-115\" y=\"136.7\" width=\"3\" height=\"3\" fill={fill} />\n    <polygon\n      points=\"-112,147.7 -112,141.7 -115.8,141.7 -115.8,143.7 -114,143.7 -114,147.7 -116.2,147.7 -116.2,149.7 -109.8,149.7 -109.8,147.7\"\n      fill={fill}\n    />\n  </g>\n);\n\nInfo.propTypes = { fill: PropTypes.string.isRequired };\n\n// Border path\nconst Border = ({ fill }) => (\n  <path\n    d=\"M-113,158.5c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105,158.5-113,158.5z\n       M-113,130.5c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-105.6,130.5-113,130.5z\"\n    fill={fill}\n  />\n);\n\nBorder.propTypes = { fill: PropTypes.string.isRequired };\n\n// Circle background\nconst Circle = ({ fill = '#FFFFFF' }) => (\n  <g>\n    <path\n      style={{\n        fill: '#D0CAC5',\n        stroke: '#E6E3E0',\n        strokeWidth: 0.75,\n        strokeMiterlimit: 10,\n      }}\n      d=\"M-111.7,160.9c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5C-96.2,154-103.1,160.9-111.7,160.9z\"\n    />\n    <path\n      style={{\n        fill: '#B3ABA4',\n        stroke: '#CDC7C2',\n        strokeWidth: 0.5,\n        strokeMiterlimit: 10,\n      }}\n      d=\"M-112,159.5c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-104,159.5-112,159.5z\"\n    />\n    <circle cx=\"-113\" cy=\"144\" r=\"14\" fill={fill} />\n  </g>\n);\n\nCircle.propTypes = { fill: PropTypes.string };\n\n// Root wrapper for sizing\nconst Root = ({ children, size }) => {\n  const normalizedSize = normalizeSize(size);\n  const style = {\n    height: normalizedSize,\n    width: normalizedSize,\n    display: 'inline-block',\n    position: 'relative',\n  };\n  return (\n    <div style={style}>\n      <svg preserveAspectRatio=\"xMinYMin meet\" viewBox=\"-129 128 34 34\">\n        {children}\n      </svg>\n    </div>\n  );\n};\n\nRoot.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\n// Main ShowRationale component\nexport class ShowRationale extends React.Component {\n  render() {\n    const { iconSet, open, fg = '#1a9cff', bg = '#bce2ff', border = '#bbe3fd' } = this.props;\n\n    const info = <Info fill={fg} />;\n\n    const icons = {\n      check: (\n        <Root size={this.props.size}>\n          <Circle />\n          {info}\n          <Border fill={border} />\n        </Root>\n      ),\n      emoji: (\n        <Root size={this.props.size}>\n          <Circle />\n          {info}\n          <Border fill={border} />\n        </Root>\n      ),\n      open: {\n        check: (\n          <Root size={this.props.size}>\n            <circle cx=\"-113\" cy=\"144\" r=\"14\" fill=\"#FFFFFF\" />\n            <Info fill={bg} />\n            <Border fill=\"#FFFFFF\" />\n          </Root>\n        ),\n        emoji: (\n          <Root size={this.props.size}>\n            <circle cx=\"-113\" cy=\"144\" r=\"14\" fill=\"#FFFFFF\" />\n            <Info fill={bg} />\n            <Border fill={border} />\n          </Root>\n        ),\n      },\n    };\n\n    if (open === true) {\n      return icons.open[iconSet];\n    } else {\n      return icons[iconSet];\n    }\n  }\n}\n\nShowRationale.propTypes = {\n  iconSet: PropTypes.oneOf(['emoji', 'check']),\n  open: PropTypes.bool,\n  fg: PropTypes.string,\n  bg: PropTypes.string,\n  border: PropTypes.string,\n  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nShowRationale.defaultProps = {\n  iconSet: 'check',\n  open: false,\n  fg: '#1a9cff',\n  bg: '#bce2ff',\n  border: '#bbe3fd',\n  size: 30,\n};\n\nexport default ShowRationale;\n"],"mappings":"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","ignoreList":[]}

package/lib/sized.js

@@ -1,32 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.normalizeSize = exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var normalizeSize = exports.normalizeSize = function normalizeSize(size) {
-  return typeof size === 'string' ? size : typeof size === 'number' ? "".concat(size, "px") : '30px';
-};
-var Sized = function Sized(_ref) {
-  var size = _ref.size,
-    children = _ref.children;
-  size = normalizeSize(size);
-  var style = {
-    height: size,
-    width: size,
-    display: 'inline-block',
-    position: 'relative'
-  };
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    style: style
-  }, children);
-};
-Sized.propTypes = {
-  size: _propTypes["default"].number,
-  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
-};
-var _default = exports["default"] = Sized;
-//# sourceMappingURL=sized.js.map

package/lib/sized.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sized.js","names":["_react","_interopRequireDefault","require","_propTypes","normalizeSize","exports","size","concat","Sized","_ref","children","style","height","width","display","position","createElement","propTypes","PropTypes","number","oneOfType","arrayOf","node","isRequired","_default"],"sources":["../src/sized.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nexport const normalizeSize = (size) => {\n  return typeof size === 'string' ? size : typeof size === 'number' ? `${size}px` : '30px';\n};\n\nconst Sized = ({ size, children }) => {\n  size = normalizeSize(size);\n\n  const style = {\n    height: size,\n    width: size,\n    display: 'inline-block',\n    position: 'relative',\n  };\n\n  return <div style={style}>{children}</div>;\n};\n\nSized.propTypes = {\n  size: PropTypes.number,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n};\nexport default Sized;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEO,IAAME,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAIE,IAAI,EAAK;EACrC,OAAO,OAAOA,IAAI,KAAK,QAAQ,GAAGA,IAAI,GAAG,OAAOA,IAAI,KAAK,QAAQ,MAAAC,MAAA,CAAMD,IAAI,UAAO,MAAM;AAC1F,CAAC;AAED,IAAME,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAA2B;EAAA,IAArBH,IAAI,GAAAG,IAAA,CAAJH,IAAI;IAAEI,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAC7BJ,IAAI,GAAGF,aAAa,CAACE,IAAI,CAAC;EAE1B,IAAMK,KAAK,GAAG;IACZC,MAAM,EAAEN,IAAI;IACZO,KAAK,EAAEP,IAAI;IACXQ,OAAO,EAAE,cAAc;IACvBC,QAAQ,EAAE;EACZ,CAAC;EAED,oBAAOf,MAAA,YAAAgB,aAAA;IAAKL,KAAK,EAAEA;EAAM,GAAED,QAAc,CAAC;AAC5C,CAAC;AAEDF,KAAK,CAACS,SAAS,GAAG;EAChBX,IAAI,EAAEY,qBAAS,CAACC,MAAM;EACtBT,QAAQ,EAAEQ,qBAAS,CAACE,SAAS,CAAC,CAACF,qBAAS,CAACG,OAAO,CAACH,qBAAS,CAACI,IAAI,CAAC,EAAEJ,qBAAS,CAACI,IAAI,CAAC,CAAC,CAACC;AACrF,CAAC;AAAC,IAAAC,QAAA,GAAAnB,OAAA,cACaG,KAAK","ignoreList":[]}

package/src/__tests__/index.test.js

@@ -1,305 +0,0 @@
-import React from 'react';
-import { render } from '@pie-lib/test-utils';
-import {
-  Correct,
-  CorrectResponse,
-  Incorrect,
-  Instructions,
-  LearnMore,
-  NothingSubmitted,
-  PartiallyCorrect,
-  ShowRationale,
-} from '../index';
-
-describe('@pie-lib/icons', () => {
-  describe('Correct Icon', () => {
-    it('renders with default props', () => {
-      const { container } = render(<Correct />);
-      const svg = container.querySelector('svg');
-      expect(svg).toBeInTheDocument();
-      expect(svg).toHaveAttribute('viewBox', '0 0 44 40');
-    });
-
-    it('renders with check iconSet by default', () => {
-      const { container } = render(<Correct />);
-      // Check icon should render (contains polygon for checkmark)
-      const polygon = container.querySelector('polygon');
-      expect(polygon).toBeInTheDocument();
-    });
-
-    it('renders with emoji iconSet', () => {
-      const { container } = render(<Correct iconSet="emoji" />);
-      // Emoji icon contains paths and rects
-      const elements = container.querySelectorAll('path, rect');
-      expect(elements.length).toBeGreaterThan(0);
-    });
-
-    it('renders with round shape by default', () => {
-      const { container } = render(<Correct />);
-      // Round shape has a circle element
-      const circle = container.querySelector('circle');
-      expect(circle).toBeInTheDocument();
-    });
-
-    it('renders with square shape', () => {
-      const { container } = render(<Correct shape="square" />);
-      // Square shape has a rect element
-      const rect = container.querySelector('rect');
-      expect(rect).toBeInTheDocument();
-    });
-
-    it('renders with feedback category and round shape', () => {
-      const { container } = render(<Correct category="feedback" shape="round" />);
-      // Feedback round box has a specific path
-      const path = container.querySelector('path');
-      expect(path).toBeInTheDocument();
-    });
-
-    it('renders with feedback category and square shape', () => {
-      const { container } = render(<Correct category="feedback" shape="square" />);
-      // Multiple polygons for square feedback
-      const polygons = container.querySelectorAll('polygon');
-      expect(polygons.length).toBeGreaterThan(0);
-    });
-
-    it('renders in open state', () => {
-      const { container } = render(<Correct open={true} />);
-      // In open state, should show background only (fewer elements)
-      const svg = container.querySelector('svg');
-      expect(svg).toBeInTheDocument();
-    });
-
-    it('renders with custom size as number', () => {
-      const { container } = render(<Correct size={50} />);
-      const wrapper = container.firstChild;
-      expect(wrapper).toHaveStyle({ width: '50px', height: '50px' });
-    });
-
-    it('renders with custom size as string', () => {
-      const { container } = render(<Correct size="100px" />);
-      const wrapper = container.firstChild;
-      expect(wrapper).toHaveStyle({ width: '100px', height: '100px' });
-    });
-  });
-
-  describe('Incorrect Icon', () => {
-    it('renders with default props', () => {
-      const { container } = render(<Incorrect />);
-      const svg = container.querySelector('svg');
-      expect(svg).toBeInTheDocument();
-    });
-
-    it('renders with check iconSet (X mark)', () => {
-      const { container } = render(<Incorrect iconSet="check" />);
-      // X mark contains rect elements
-      const rects = container.querySelectorAll('rect');
-      expect(rects.length).toBeGreaterThan(0);
-    });
-
-    it('renders with emoji iconSet', () => {
-      const { container } = render(<Incorrect iconSet="emoji" />);
-      const rects = container.querySelectorAll('rect');
-      expect(rects.length).toBeGreaterThan(0);
-    });
-
-    it('renders with custom colors', () => {
-      const { container } = render(<Incorrect fg="#ff0000" bg="#00ff00" />);
-      const svg = container.querySelector('svg');
-      expect(svg).toBeInTheDocument();
-    });
-  });
-
-  describe('PartiallyCorrect Icon', () => {
-    it('renders with default props', () => {
-      const { container } = render(<PartiallyCorrect />);
-      const svg = container.querySelector('svg');
-      expect(svg).toBeInTheDocument();
-    });
-
-    it('renders with check iconSet', () => {
-      const { container } = render(<PartiallyCorrect iconSet="check" />);
-      const svg = container.querySelector('svg');
-      expect(svg).toBeInTheDocument();
-    });
-
-    it('renders with emoji iconSet', () => {
-      const { container } = render(<PartiallyCorrect iconSet="emoji" />);
-      const svg = container.querySelector('svg');
-      expect(svg).toBeInTheDocument();
-    });
-  });
-
-  describe('NothingSubmitted Icon', () => {
-    it('renders with default props', () => {
-      const { container } = render(<NothingSubmitted />);
-      const svg = container.querySelector('svg');
-      expect(svg).toBeInTheDocument();
-    });
-
-    it('renders with default size', () => {
-      const { container } = render(<NothingSubmitted />);
-      const wrapper = container.firstChild;
-      // NothingSubmitted uses default 30px size from IconRoot
-      expect(wrapper).toHaveStyle({ width: '30px', height: '30px' });
-    });
-  });
-
-  describe('CorrectResponse Icon', () => {
-    it('renders with default props', () => {
-      const { container } = render(<CorrectResponse />);
-      const svg = container.querySelector('svg');
-      expect(svg).toBeInTheDocument();
-    });
-
-    it('renders SVG with proper viewBox', () => {
-      const { container } = render(<CorrectResponse />);
-      const svg = container.querySelector('svg');
-      // CorrectResponse uses CloseIcon by default which has viewBox="-129.5 127 34 35"
-      expect(svg).toHaveAttribute('viewBox', '-129.5 127 34 35');
-    });
-  });
-
-  describe('LearnMore Icon', () => {
-    it('renders with default props', () => {
-      const { container } = render(<LearnMore />);
-      const svg = container.querySelector('svg');
-      expect(svg).toBeInTheDocument();
-    });
-
-    it('renders with custom colors', () => {
-      const { container } = render(<LearnMore fg="#333333" bg="#ffffff" />);
-      const svg = container.querySelector('svg');
-      expect(svg).toBeInTheDocument();
-    });
-  });
-
-  describe('ShowRationale Icon', () => {
-    it('renders with default props', () => {
-      const { container } = render(<ShowRationale />);
-      const svg = container.querySelector('svg');
-      expect(svg).toBeInTheDocument();
-    });
-
-    it('renders with custom size', () => {
-      const { container } = render(<ShowRationale size="60px" />);
-      const wrapper = container.firstChild;
-      expect(wrapper).toHaveStyle({ width: '60px', height: '60px' });
-    });
-  });
-
-  describe('Instructions Icon', () => {
-    it('renders with default props', () => {
-      const { container } = render(<Instructions />);
-      const svg = container.querySelector('svg');
-      expect(svg).toBeInTheDocument();
-    });
-
-    it('renders SVG with proper viewBox', () => {
-      const { container } = render(<Instructions />);
-      const svg = container.querySelector('svg');
-      // Instructions SVG has a specific viewBox
-      expect(svg).toHaveAttribute('viewBox', '-128 129 31 31');
-    });
-  });
-
-  describe('Icon Combinations', () => {
-    it('renders multiple icons together', () => {
-      const { container } = render(
-        <div>
-          <Correct />
-          <Incorrect />
-          <PartiallyCorrect />
-        </div>,
-      );
-
-      const svgs = container.querySelectorAll('svg');
-      expect(svgs).toHaveLength(3);
-    });
-
-    it('handles all iconSet variations', () => {
-      const icons = [
-        <Correct key="1" iconSet="check" />,
-        <Correct key="2" iconSet="emoji" />,
-        <Incorrect key="3" iconSet="check" />,
-        <Incorrect key="4" iconSet="emoji" />,
-      ];
-
-      const { container } = render(<div>{icons}</div>);
-      const svgs = container.querySelectorAll('svg');
-      expect(svgs).toHaveLength(4);
-    });
-
-    it('handles all shape variations', () => {
-      const icons = [
-        <Correct key="1" shape="round" />,
-        <Correct key="2" shape="square" />,
-        <Incorrect key="3" shape="round" />,
-        <Incorrect key="4" shape="square" />,
-      ];
-
-      const { container } = render(<div>{icons}</div>);
-      const svgs = container.querySelectorAll('svg');
-      expect(svgs).toHaveLength(4);
-    });
-
-    it('handles feedback category with both shapes', () => {
-      const icons = [
-        <Correct key="1" category="feedback" shape="round" />,
-        <Correct key="2" category="feedback" shape="square" />,
-        <Incorrect key="3" category="feedback" shape="round" />,
-        <Incorrect key="4" category="feedback" shape="square" />,
-      ];
-
-      const { container } = render(<div>{icons}</div>);
-      const svgs = container.querySelectorAll('svg');
-      expect(svgs).toHaveLength(4);
-    });
-  });
-
-  describe('Accessibility', () => {
-    it('renders SVG elements that can be styled', () => {
-      const { container } = render(<Correct />);
-      const svg = container.querySelector('svg');
-      expect(svg).toHaveAttribute('viewBox');
-      expect(svg).toHaveAttribute('preserveAspectRatio');
-    });
-
-    it('maintains aspect ratio for responsive sizing', () => {
-      const { container } = render(<Correct size={100} />);
-      const svg = container.querySelector('svg');
-      expect(svg).toHaveAttribute('preserveAspectRatio', 'xMinYMin meet');
-    });
-  });
-
-  describe('Default Values', () => {
-    it('Correct icon has correct default values', () => {
-      const { container } = render(<Correct />);
-      // Should render with default size
-      const wrapper = container.firstChild;
-      expect(wrapper).toBeInTheDocument();
-    });
-
-    it('Incorrect icon has correct default values', () => {
-      const { container } = render(<Incorrect />);
-      const wrapper = container.firstChild;
-      expect(wrapper).toBeInTheDocument();
-    });
-
-    it('all icons render without errors', () => {
-      const icons = [
-        <Correct key="correct" />,
-        <Incorrect key="incorrect" />,
-        <PartiallyCorrect key="partially" />,
-        <NothingSubmitted key="nothing" />,
-        <CorrectResponse key="correctResponse" />,
-        <LearnMore key="learnMore" />,
-        <ShowRationale key="showRationale" />,
-        <Instructions key="instructions" />,
-      ];
-
-      const { container } = render(<div>{icons}</div>);
-      const svgs = container.querySelectorAll('svg');
-      expect(svgs).toHaveLength(8);
-    });
-  });
-});

package/src/correct-icon.jsx

@@ -1,54 +0,0 @@
-import IconBase from './icon-base';
-import PropTypes from 'prop-types';
-import React from 'react';
-
-// Emoji SVG
-const Emoji = ({ fill }) => (
-  <g transform="translate(1, 0)">
-    <path
-      d="M24.7,22.1c-1.5,1.7-3.6,2.7-5.8,2.7s-4.5-1.1-5.8-2.7l-2.8,1.6c2,2.7,5.2,4.2,8.7,4.2
-         c3.4,0,6.6-1.6,8.7-4.2L24.7,22.1z"
-      fill={fill}
-    />
-    <rect x="21.1" y="13.1" width="3.7" height="4.7" fill={fill} />
-    <rect x="12.7" y="13.1" width="3.7" height="4.7" fill={fill} />
-  </g>
-);
-
-Emoji.propTypes = { fill: PropTypes.string.isRequired };
-
-// Check SVG
-const Check = ({ fill, x = 0, y = 0 }) => (
-  <polygon
-    transform={`translate(${x}, ${y})`}
-    points="19.1,28.6 11.8,22.3 14.4,19.2 17.9,22.1 23.9,11.4 27.5,13.4"
-    fill={fill}
-  />
-);
-
-Check.propTypes = { fill: PropTypes.string.isRequired, x: PropTypes.number, y: PropTypes.number };
-
-// IconBase wrapper
-export const Correct = IconBase(Check, Emoji);
-
-Correct.propTypes = {
-  iconSet: PropTypes.oneOf(['emoji', 'check']),
-  shape: PropTypes.oneOf(['round', 'square']),
-  category: PropTypes.oneOf(['feedback', undefined]),
-  open: PropTypes.bool,
-  fg: PropTypes.string,
-  bg: PropTypes.string,
-  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-};
-
-Correct.defaultProps = {
-  iconSet: 'check',
-  shape: 'round',
-  category: undefined,
-  open: false,
-  fg: '#4aaf46', // foreground color
-  bg: '#f8ffe2', // background color
-  size: 30,
-};
-
-export default Correct;