@pie-lib/icons 2.31.1-mui-update.0 → 2.33.0-mui-update.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.
package/CHANGELOG.md CHANGED
@@ -3,23 +3,23 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [2.31.1-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.31.0-mui-update.0...@pie-lib/icons@2.31.1-mui-update.0) (2025-11-20)
7
-
8
- **Note:** Version bump only for package @pie-lib/icons
6
+ # [2.33.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.32.0-mui-update.0...@pie-lib/icons@2.33.0-mui-update.0) (2025-12-02)
9
7
 
10
8
 
9
+ ### Bug Fixes
11
10
 
11
+ * **icons:** add necessary props to correct icon ([638ebf9](https://github.com/pie-framework/pie-lib/commit/638ebf9cfd4375f67233ad055cb269da6cf99454))
12
12
 
13
13
 
14
- # [2.31.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.30.0-mui-update.0...@pie-lib/icons@2.31.0-mui-update.0) (2025-11-20)
14
+ ### Features
15
15
 
16
- **Note:** Version bump only for package @pie-lib/icons
16
+ * sync latest changes from dev ([c936e9c](https://github.com/pie-framework/pie-lib/commit/c936e9c7f9e095e7d9b9805ac2bf72bd271e05f1))
17
17
 
18
18
 
19
19
 
20
20
 
21
21
 
22
- # [2.30.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.29.0-mui-update.0...@pie-lib/icons@2.30.0-mui-update.0) (2025-11-20)
22
+ ## [2.24.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.20.0...@pie-lib/icons@2.24.1) (2025-10-22)
23
23
 
24
24
  **Note:** Version bump only for package @pie-lib/icons
25
25
 
@@ -27,7 +27,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
27
27
 
28
28
 
29
29
 
30
- # [2.29.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.28.0-mui-update.0...@pie-lib/icons@2.29.0-mui-update.0) (2025-11-19)
30
+ # [2.24.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.20.0...@pie-lib/icons@2.24.0) (2025-10-16)
31
31
 
32
32
  **Note:** Version bump only for package @pie-lib/icons
33
33
 
@@ -35,7 +35,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
35
35
 
36
36
 
37
37
 
38
- # [2.28.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.27.0-mui-update.0...@pie-lib/icons@2.28.0-mui-update.0) (2025-11-18)
38
+ # [2.23.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.20.0...@pie-lib/icons@2.23.0) (2025-10-16)
39
39
 
40
40
  **Note:** Version bump only for package @pie-lib/icons
41
41
 
@@ -43,7 +43,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
43
43
 
44
44
 
45
45
 
46
- # [2.27.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.26.0-mui-update.0...@pie-lib/icons@2.27.0-mui-update.0) (2025-11-18)
46
+ # [2.22.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.20.0...@pie-lib/icons@2.22.0) (2025-10-16)
47
47
 
48
48
  **Note:** Version bump only for package @pie-lib/icons
49
49
 
@@ -51,7 +51,7 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
51
51
 
52
52
 
53
53
 
54
- # [2.26.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.25.0-mui-update.0...@pie-lib/icons@2.26.0-mui-update.0) (2025-11-17)
54
+ # [2.21.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.20.0...@pie-lib/icons@2.21.0) (2025-10-16)
55
55
 
56
56
  **Note:** Version bump only for package @pie-lib/icons
57
57
 
@@ -59,45 +59,6 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
59
59
 
60
60
 
61
61
 
62
- # [2.25.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.24.0-mui-update.0...@pie-lib/icons@2.25.0-mui-update.0) (2025-11-05)
63
-
64
-
65
- ### Bug Fixes
66
-
67
- * icon rendering ([d20951d](https://github.com/pie-framework/pie-lib/commit/d20951da114ef6a3939a12d0ea5f195ebe372240))
68
-
69
-
70
-
71
-
72
-
73
- # [2.24.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.23.0-mui-update.0...@pie-lib/icons@2.24.0-mui-update.0) (2025-11-03)
74
-
75
- **Note:** Version bump only for package @pie-lib/icons
76
-
77
-
78
-
79
-
80
-
81
- # [2.23.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.21.0-mui-update.0...@pie-lib/icons@2.23.0-mui-update.0) (2025-11-03)
82
-
83
- **Note:** Version bump only for package @pie-lib/icons
84
-
85
-
86
-
87
-
88
-
89
- # [2.21.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.20.0...@pie-lib/icons@2.21.0-mui-update.0) (2025-10-31)
90
-
91
-
92
- ### Features
93
-
94
- * bump react and react-dom ([01dc19e](https://github.com/pie-framework/pie-lib/commit/01dc19e88bbc8d372c561d1511df1a82937d45af))
95
- * packages/math-toolbar & packages/icons mui update PD-5268 ([8a18bc1](https://github.com/pie-framework/pie-lib/commit/8a18bc1a79cd3ca3baa7ff7a94b050ec20371649))
96
-
97
-
98
-
99
-
100
-
101
62
  # [2.20.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.4.43...@pie-lib/icons@2.20.0) (2025-09-25)
102
63
 
103
64
 
@@ -8,8 +8,6 @@ exports["default"] = exports.Correct = void 0;
8
8
  var _iconBase = _interopRequireDefault(require("./icon-base"));
9
9
  var _propTypes = _interopRequireDefault(require("prop-types"));
10
10
  var _react = _interopRequireDefault(require("react"));
11
- var _styles = require("@mui/material/styles");
12
- var _iconRoot = require("./icon-root");
13
11
  // Emoji SVG
14
12
  var Emoji = function Emoji(_ref) {
15
13
  var fill = _ref.fill;
@@ -61,17 +59,21 @@ Correct.propTypes = {
61
59
  iconSet: _propTypes["default"].oneOf(['emoji', 'check']),
62
60
  shape: _propTypes["default"].oneOf(['round', 'square']),
63
61
  category: _propTypes["default"].oneOf(['feedback', undefined]),
64
- open: _propTypes["default"].bool
62
+ open: _propTypes["default"].bool,
63
+ fg: _propTypes["default"].string,
64
+ bg: _propTypes["default"].string,
65
+ size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
65
66
  };
66
67
  Correct.defaultProps = {
67
68
  iconSet: 'check',
68
69
  shape: 'round',
69
70
  category: undefined,
70
- open: false
71
+ open: false,
72
+ fg: '#4aaf46',
73
+ // foreground color
74
+ bg: '#f8ffe2',
75
+ // background color
76
+ size: 30
71
77
  };
72
-
73
- // Optional: default colors
74
- var styles = (0, _iconRoot.getStyles)('correct', '#4aaf46', '#f8ffe2');
75
- var StyledCorrect = (0, _styles.styled)(Correct)(styles);
76
- var _default = exports["default"] = StyledCorrect;
78
+ var _default = exports["default"] = Correct;
77
79
  //# sourceMappingURL=correct-icon.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"correct-icon.js","names":["_iconBase","_interopRequireDefault","require","_propTypes","_react","_styles","_iconRoot","Emoji","_ref","fill","createElement","transform","d","x","y","width","height","propTypes","PropTypes","string","isRequired","Check","_ref2","_ref2$x","_ref2$y","concat","points","number","Correct","exports","IconBase","iconSet","oneOf","shape","category","undefined","open","bool","defaultProps","styles","getStyles","StyledCorrect","styled","_default"],"sources":["../src/correct-icon.jsx"],"sourcesContent":["import IconBase from './icon-base';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\nimport { getStyles } from './icon-root';\n\n// Emoji SVG\nconst Emoji = ({ fill }) => (\n <g transform=\"translate(1, 0)\">\n <path\n 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\n c3.4,0,6.6-1.6,8.7-4.2L24.7,22.1z\"\n fill={fill}\n />\n <rect x=\"21.1\" y=\"13.1\" width=\"3.7\" height=\"4.7\" fill={fill} />\n <rect x=\"12.7\" y=\"13.1\" width=\"3.7\" height=\"4.7\" fill={fill} />\n </g>\n);\n\nEmoji.propTypes = { fill: PropTypes.string.isRequired };\n\n// Check SVG\nconst Check = ({ fill, x = 0, y = 0 }) => (\n <polygon\n transform={`translate(${x}, ${y})`}\n 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\"\n fill={fill}\n />\n);\n\nCheck.propTypes = { fill: PropTypes.string.isRequired, x: PropTypes.number, y: PropTypes.number };\n\n// IconBase wrapper\nexport const Correct = IconBase(Check, Emoji);\n\nCorrect.propTypes = {\n iconSet: PropTypes.oneOf(['emoji', 'check']),\n shape: PropTypes.oneOf(['round', 'square']),\n category: PropTypes.oneOf(['feedback', undefined]),\n open: PropTypes.bool,\n};\n\nCorrect.defaultProps = {\n iconSet: 'check',\n shape: 'round',\n category: undefined,\n open: false,\n};\n\n// Optional: default colors\nconst styles = getStyles('correct', '#4aaf46', '#f8ffe2');\nconst StyledCorrect = styled(Correct)(styles);\n\nexport default StyledCorrect;\n"],"mappings":";;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAEA;AACA,IAAMK,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA;EAAA,IAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EAAA,oBACnBL,MAAA,YAAAM,aAAA;IAAGC,SAAS,EAAC;EAAiB,gBAC5BP,MAAA,YAAAM,aAAA;IACEE,CAAC,EAAC,uHACmC;IACrCH,IAAI,EAAEA;EAAK,CACZ,CAAC,eACFL,MAAA,YAAAM,aAAA;IAAMG,CAAC,EAAC,MAAM;IAACC,CAAC,EAAC,MAAM;IAACC,KAAK,EAAC,KAAK;IAACC,MAAM,EAAC,KAAK;IAACP,IAAI,EAAEA;EAAK,CAAE,CAAC,eAC/DL,MAAA,YAAAM,aAAA;IAAMG,CAAC,EAAC,MAAM;IAACC,CAAC,EAAC,MAAM;IAACC,KAAK,EAAC,KAAK;IAACC,MAAM,EAAC,KAAK;IAACP,IAAI,EAAEA;EAAK,CAAE,CAC7D,CAAC;AAAA,CACL;AAEDF,KAAK,CAACU,SAAS,GAAG;EAAER,IAAI,EAAES,qBAAS,CAACC,MAAM,CAACC;AAAW,CAAC;;AAEvD;AACA,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAAAC,KAAA;EAAA,IAAMb,IAAI,GAAAa,KAAA,CAAJb,IAAI;IAAAc,OAAA,GAAAD,KAAA,CAAET,CAAC;IAADA,CAAC,GAAAU,OAAA,cAAG,CAAC,GAAAA,OAAA;IAAAC,OAAA,GAAAF,KAAA,CAAER,CAAC;IAADA,CAAC,GAAAU,OAAA,cAAG,CAAC,GAAAA,OAAA;EAAA,oBACjCpB,MAAA,YAAAM,aAAA;IACEC,SAAS,eAAAc,MAAA,CAAeZ,CAAC,QAAAY,MAAA,CAAKX,CAAC,MAAI;IACnCY,MAAM,EAAC,6DAA6D;IACpEjB,IAAI,EAAEA;EAAK,CACZ,CAAC;AAAA,CACH;AAEDY,KAAK,CAACJ,SAAS,GAAG;EAAER,IAAI,EAAES,qBAAS,CAACC,MAAM,CAACC,UAAU;EAAEP,CAAC,EAAEK,qBAAS,CAACS,MAAM;EAAEb,CAAC,EAAEI,qBAAS,CAACS;AAAO,CAAC;;AAEjG;AACO,IAAMC,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,IAAAE,oBAAQ,EAACT,KAAK,EAAEd,KAAK,CAAC;AAE7CqB,OAAO,CAACX,SAAS,GAAG;EAClBc,OAAO,EAAEb,qBAAS,CAACc,KAAK,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;EAC5CC,KAAK,EAAEf,qBAAS,CAACc,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;EAC3CE,QAAQ,EAAEhB,qBAAS,CAACc,KAAK,CAAC,CAAC,UAAU,EAAEG,SAAS,CAAC,CAAC;EAClDC,IAAI,EAAElB,qBAAS,CAACmB;AAClB,CAAC;AAEDT,OAAO,CAACU,YAAY,GAAG;EACrBP,OAAO,EAAE,OAAO;EAChBE,KAAK,EAAE,OAAO;EACdC,QAAQ,EAAEC,SAAS;EACnBC,IAAI,EAAE;AACR,CAAC;;AAED;AACA,IAAMG,MAAM,GAAG,IAAAC,mBAAS,EAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;AACzD,IAAMC,aAAa,GAAG,IAAAC,cAAM,EAACd,OAAO,CAAC,CAACW,MAAM,CAAC;AAAC,IAAAI,QAAA,GAAAd,OAAA,cAE/BY,aAAa","ignoreList":[]}
1
+ {"version":3,"file":"correct-icon.js","names":["_iconBase","_interopRequireDefault","require","_propTypes","_react","Emoji","_ref","fill","createElement","transform","d","x","y","width","height","propTypes","PropTypes","string","isRequired","Check","_ref2","_ref2$x","_ref2$y","concat","points","number","Correct","exports","IconBase","iconSet","oneOf","shape","category","undefined","open","bool","fg","bg","size","oneOfType","defaultProps","_default"],"sources":["../src/correct-icon.jsx"],"sourcesContent":["import IconBase from './icon-base';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\n// Emoji SVG\nconst Emoji = ({ fill }) => (\n <g transform=\"translate(1, 0)\">\n <path\n 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\n c3.4,0,6.6-1.6,8.7-4.2L24.7,22.1z\"\n fill={fill}\n />\n <rect x=\"21.1\" y=\"13.1\" width=\"3.7\" height=\"4.7\" fill={fill} />\n <rect x=\"12.7\" y=\"13.1\" width=\"3.7\" height=\"4.7\" fill={fill} />\n </g>\n);\n\nEmoji.propTypes = { fill: PropTypes.string.isRequired };\n\n// Check SVG\nconst Check = ({ fill, x = 0, y = 0 }) => (\n <polygon\n transform={`translate(${x}, ${y})`}\n 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\"\n fill={fill}\n />\n);\n\nCheck.propTypes = { fill: PropTypes.string.isRequired, x: PropTypes.number, y: PropTypes.number };\n\n// IconBase wrapper\nexport const Correct = IconBase(Check, Emoji);\n\nCorrect.propTypes = {\n iconSet: PropTypes.oneOf(['emoji', 'check']),\n shape: PropTypes.oneOf(['round', 'square']),\n category: PropTypes.oneOf(['feedback', undefined]),\n open: PropTypes.bool,\n fg: PropTypes.string,\n bg: PropTypes.string,\n size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nCorrect.defaultProps = {\n iconSet: 'check',\n shape: 'round',\n category: undefined,\n open: false,\n fg: '#4aaf46', // foreground color\n bg: '#f8ffe2', // background color\n size: 30,\n};\n\nexport default Correct;\n"],"mappings":";;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA;AACA,IAAMG,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA;EAAA,IAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EAAA,oBACnBH,MAAA,YAAAI,aAAA;IAAGC,SAAS,EAAC;EAAiB,gBAC5BL,MAAA,YAAAI,aAAA;IACEE,CAAC,EAAC,uHACmC;IACrCH,IAAI,EAAEA;EAAK,CACZ,CAAC,eACFH,MAAA,YAAAI,aAAA;IAAMG,CAAC,EAAC,MAAM;IAACC,CAAC,EAAC,MAAM;IAACC,KAAK,EAAC,KAAK;IAACC,MAAM,EAAC,KAAK;IAACP,IAAI,EAAEA;EAAK,CAAE,CAAC,eAC/DH,MAAA,YAAAI,aAAA;IAAMG,CAAC,EAAC,MAAM;IAACC,CAAC,EAAC,MAAM;IAACC,KAAK,EAAC,KAAK;IAACC,MAAM,EAAC,KAAK;IAACP,IAAI,EAAEA;EAAK,CAAE,CAC7D,CAAC;AAAA,CACL;AAEDF,KAAK,CAACU,SAAS,GAAG;EAAER,IAAI,EAAES,qBAAS,CAACC,MAAM,CAACC;AAAW,CAAC;;AAEvD;AACA,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAAAC,KAAA;EAAA,IAAMb,IAAI,GAAAa,KAAA,CAAJb,IAAI;IAAAc,OAAA,GAAAD,KAAA,CAAET,CAAC;IAADA,CAAC,GAAAU,OAAA,cAAG,CAAC,GAAAA,OAAA;IAAAC,OAAA,GAAAF,KAAA,CAAER,CAAC;IAADA,CAAC,GAAAU,OAAA,cAAG,CAAC,GAAAA,OAAA;EAAA,oBACjClB,MAAA,YAAAI,aAAA;IACEC,SAAS,eAAAc,MAAA,CAAeZ,CAAC,QAAAY,MAAA,CAAKX,CAAC,MAAI;IACnCY,MAAM,EAAC,6DAA6D;IACpEjB,IAAI,EAAEA;EAAK,CACZ,CAAC;AAAA,CACH;AAEDY,KAAK,CAACJ,SAAS,GAAG;EAAER,IAAI,EAAES,qBAAS,CAACC,MAAM,CAACC,UAAU;EAAEP,CAAC,EAAEK,qBAAS,CAACS,MAAM;EAAEb,CAAC,EAAEI,qBAAS,CAACS;AAAO,CAAC;;AAEjG;AACO,IAAMC,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,IAAAE,oBAAQ,EAACT,KAAK,EAAEd,KAAK,CAAC;AAE7CqB,OAAO,CAACX,SAAS,GAAG;EAClBc,OAAO,EAAEb,qBAAS,CAACc,KAAK,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;EAC5CC,KAAK,EAAEf,qBAAS,CAACc,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;EAC3CE,QAAQ,EAAEhB,qBAAS,CAACc,KAAK,CAAC,CAAC,UAAU,EAAEG,SAAS,CAAC,CAAC;EAClDC,IAAI,EAAElB,qBAAS,CAACmB,IAAI;EACpBC,EAAE,EAAEpB,qBAAS,CAACC,MAAM;EACpBoB,EAAE,EAAErB,qBAAS,CAACC,MAAM;EACpBqB,IAAI,EAAEtB,qBAAS,CAACuB,SAAS,CAAC,CAACvB,qBAAS,CAACC,MAAM,EAAED,qBAAS,CAACS,MAAM,CAAC;AAChE,CAAC;AAEDC,OAAO,CAACc,YAAY,GAAG;EACrBX,OAAO,EAAE,OAAO;EAChBE,KAAK,EAAE,OAAO;EACdC,QAAQ,EAAEC,SAAS;EACnBC,IAAI,EAAE,KAAK;EACXE,EAAE,EAAE,SAAS;EAAE;EACfC,EAAE,EAAE,SAAS;EAAE;EACfC,IAAI,EAAE;AACR,CAAC;AAAC,IAAAG,QAAA,GAAAd,OAAA,cAEaD,OAAO","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pie-lib/icons",
3
- "version": "2.31.1-mui-update.0",
3
+ "version": "2.33.0-mui-update.0",
4
4
  "description": "Some simple icons",
5
5
  "main": "lib/index.js",
6
6
  "module": "src/index.js",
@@ -28,5 +28,5 @@
28
28
  "publishConfig": {
29
29
  "access": "public"
30
30
  },
31
- "gitHead": "5483c45ebef918678f098167fecdde7190b291dd"
31
+ "gitHead": "23a7cb8864b947778ac7e6dffdc6fa4a74af5927"
32
32
  }
@@ -1,8 +1,6 @@
1
1
  import IconBase from './icon-base';
2
2
  import PropTypes from 'prop-types';
3
3
  import React from 'react';
4
- import { styled } from '@mui/material/styles';
5
- import { getStyles } from './icon-root';
6
4
 
7
5
  // Emoji SVG
8
6
  const Emoji = ({ fill }) => (
@@ -38,6 +36,9 @@ Correct.propTypes = {
38
36
  shape: PropTypes.oneOf(['round', 'square']),
39
37
  category: PropTypes.oneOf(['feedback', undefined]),
40
38
  open: PropTypes.bool,
39
+ fg: PropTypes.string,
40
+ bg: PropTypes.string,
41
+ size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
41
42
  };
42
43
 
43
44
  Correct.defaultProps = {
@@ -45,10 +46,9 @@ Correct.defaultProps = {
45
46
  shape: 'round',
46
47
  category: undefined,
47
48
  open: false,
49
+ fg: '#4aaf46', // foreground color
50
+ bg: '#f8ffe2', // background color
51
+ size: 30,
48
52
  };
49
53
 
50
- // Optional: default colors
51
- const styles = getStyles('correct', '#4aaf46', '#f8ffe2');
52
- const StyledCorrect = styled(Correct)(styles);
53
-
54
- export default StyledCorrect;
54
+ export default Correct;