@codecademy/gamut-icons 8.0.2-alpha.e0b3ae.0 → 8.0.2-alpha.f5e090.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (217) hide show
  1. package/dist/icons/mini/MiniAddIcon.js +7 -16
  2. package/dist/icons/mini/MiniArrowDownIcon.js +7 -16
  3. package/dist/icons/mini/MiniArrowLeftIcon.js +7 -16
  4. package/dist/icons/mini/MiniArrowRightIcon.js +7 -16
  5. package/dist/icons/mini/MiniArrowUpIcon.js +7 -16
  6. package/dist/icons/mini/MiniCheckCircleIcon.js +7 -16
  7. package/dist/icons/mini/MiniChevronDownIcon.js +3 -13
  8. package/dist/icons/mini/MiniChevronLeftIcon.js +3 -13
  9. package/dist/icons/mini/MiniChevronRightIcon.js +3 -13
  10. package/dist/icons/mini/MiniChevronUpIcon.js +3 -13
  11. package/dist/icons/mini/MiniDeleteIcon.js +8 -17
  12. package/dist/icons/mini/MiniInfoCircleIcon.js +7 -16
  13. package/dist/icons/mini/MiniInfoOutlineIcon.js +12 -22
  14. package/dist/icons/mini/MiniKebabMenuIcon.js +10 -19
  15. package/dist/icons/mini/MiniRemoveCircleIcon.js +7 -16
  16. package/dist/icons/mini/MiniRibbonIcon.js +12 -21
  17. package/dist/icons/mini/MiniStarIcon.js +7 -16
  18. package/dist/icons/mini/MiniWarningTriangleIcon.js +7 -16
  19. package/dist/icons/regular/AccountingCoinsIcon.js +21 -30
  20. package/dist/icons/regular/AddBoldIcon.js +7 -16
  21. package/dist/icons/regular/AddIcon.js +12 -21
  22. package/dist/icons/regular/AlarmClockIcon.js +21 -30
  23. package/dist/icons/regular/AlertIcon.js +27 -36
  24. package/dist/icons/regular/AmexIcon.js +17 -26
  25. package/dist/icons/regular/AnalyticsGraphIcon.js +8 -18
  26. package/dist/icons/regular/ArrowChevronDownFilledIcon.js +8 -17
  27. package/dist/icons/regular/ArrowChevronDownIcon.js +12 -21
  28. package/dist/icons/regular/ArrowChevronLeftIcon.js +12 -21
  29. package/dist/icons/regular/ArrowChevronRightIcon.js +12 -21
  30. package/dist/icons/regular/ArrowChevronUpIcon.js +12 -21
  31. package/dist/icons/regular/ArrowDownIcon.js +12 -21
  32. package/dist/icons/regular/ArrowLeftIcon.js +12 -21
  33. package/dist/icons/regular/ArrowRightIcon.js +12 -21
  34. package/dist/icons/regular/ArrowUpIcon.js +12 -21
  35. package/dist/icons/regular/ArticleIcon.js +24 -33
  36. package/dist/icons/regular/BadgeIcon.js +19 -28
  37. package/dist/icons/regular/BellIcon.js +12 -21
  38. package/dist/icons/regular/BookClosedBookmarkIcon.js +19 -28
  39. package/dist/icons/regular/BookFlipPageIcon.js +19 -28
  40. package/dist/icons/regular/BriefcaseIcon.js +24 -33
  41. package/dist/icons/regular/BrowserPageLayoutIcon.js +7 -16
  42. package/dist/icons/regular/BulbIcon.js +12 -21
  43. package/dist/icons/regular/CalendarIcon.js +24 -33
  44. package/dist/icons/regular/CallIcon.js +12 -21
  45. package/dist/icons/regular/CertificateIcon.js +28 -37
  46. package/dist/icons/regular/ChallengeProjectIcon.js +11 -20
  47. package/dist/icons/regular/ChatIcon.js +12 -21
  48. package/dist/icons/regular/CheckCircledIcon.js +21 -30
  49. package/dist/icons/regular/CheckFilledIcon.js +7 -16
  50. package/dist/icons/regular/CheckHeavyIcon.js +7 -16
  51. package/dist/icons/regular/CheckIcon.js +10 -19
  52. package/dist/icons/regular/ChecklistIcon.js +24 -33
  53. package/dist/icons/regular/ClockIcon.js +21 -30
  54. package/dist/icons/regular/CloseCircleIcon.js +21 -30
  55. package/dist/icons/regular/CloseIcon.js +12 -21
  56. package/dist/icons/regular/CloudCheckIcon.js +15 -24
  57. package/dist/icons/regular/CloudIcon.js +8 -17
  58. package/dist/icons/regular/CommentsIcon.js +12 -21
  59. package/dist/icons/regular/CommunityIcon.js +46 -55
  60. package/dist/icons/regular/ConversationChatIcon.js +15 -24
  61. package/dist/icons/regular/CopyIcon.js +38 -47
  62. package/dist/icons/regular/CreditCardIcon.js +11 -20
  63. package/dist/icons/regular/CubeIcon.js +5 -15
  64. package/dist/icons/regular/DataFileBarsShareIcon.js +39 -48
  65. package/dist/icons/regular/DataTransferVerticalIcon.js +12 -21
  66. package/dist/icons/regular/DeleteFilledIcon.js +7 -16
  67. package/dist/icons/regular/DeleteIcon.js +21 -30
  68. package/dist/icons/regular/DiamondIcon.js +17 -26
  69. package/dist/icons/regular/DiscountStarPremiumFilledIcon.js +11 -20
  70. package/dist/icons/regular/DownloadIcon.js +12 -21
  71. package/dist/icons/regular/EarthIcon.js +12 -22
  72. package/dist/icons/regular/EditIcon.js +19 -28
  73. package/dist/icons/regular/EditorIcon.js +19 -28
  74. package/dist/icons/regular/EmailIcon.js +24 -33
  75. package/dist/icons/regular/ExperienceIcon.js +15 -25
  76. package/dist/icons/regular/ExploreIcon.js +21 -30
  77. package/dist/icons/regular/FacebookIcon.js +4 -14
  78. package/dist/icons/regular/FaviconIcon.js +7 -16
  79. package/dist/icons/regular/FaviconSolidIcon.js +13 -22
  80. package/dist/icons/regular/FileAddIcon.js +21 -30
  81. package/dist/icons/regular/FileCodeAdd1Icon.js +11 -20
  82. package/dist/icons/regular/FileDownloadIcon.js +21 -30
  83. package/dist/icons/regular/FileEditIcon.js +12 -21
  84. package/dist/icons/regular/FileIcon.js +12 -21
  85. package/dist/icons/regular/FileLockIcon.js +15 -24
  86. package/dist/icons/regular/FilePyIcon.js +9 -18
  87. package/dist/icons/regular/FileSearchIcon.js +28 -37
  88. package/dist/icons/regular/FilterIcon.js +12 -21
  89. package/dist/icons/regular/FitNormalIcon.js +12 -21
  90. package/dist/icons/regular/FitShrinkIcon.js +12 -21
  91. package/dist/icons/regular/FitnessDumbbellIcon.js +33 -42
  92. package/dist/icons/regular/FolderAddIcon.js +28 -37
  93. package/dist/icons/regular/FolderIcon.js +12 -21
  94. package/dist/icons/regular/ForkIcon.js +26 -35
  95. package/dist/icons/regular/ForumsChatIcon.js +12 -21
  96. package/dist/icons/regular/FullscreenIcon.js +12 -21
  97. package/dist/icons/regular/GearIcon.js +21 -30
  98. package/dist/icons/regular/GithubIcon.js +4 -14
  99. package/dist/icons/regular/GithubOutlineIcon.js +7 -16
  100. package/dist/icons/regular/GlassesIcon.js +30 -39
  101. package/dist/icons/regular/GplusIcon.js +4 -14
  102. package/dist/icons/regular/GraphStatsAscendIcon.js +7 -16
  103. package/dist/icons/regular/GrowthIcon.js +26 -35
  104. package/dist/icons/regular/HalloweenBroomIcon.js +7 -16
  105. package/dist/icons/regular/HouseEntranceIcon.js +12 -21
  106. package/dist/icons/regular/HyperlinkIcon.js +9 -18
  107. package/dist/icons/regular/ImageIcon.js +28 -37
  108. package/dist/icons/regular/InProgressIcon.js +32 -41
  109. package/dist/icons/regular/InfoCircleIcon.js +21 -30
  110. package/dist/icons/regular/InformationalIcon.js +19 -28
  111. package/dist/icons/regular/InstagramIcon.js +4 -14
  112. package/dist/icons/regular/InstructionsIcon.js +24 -33
  113. package/dist/icons/regular/IntersectionIcon.js +32 -41
  114. package/dist/icons/regular/JavaIcon.js +12 -21
  115. package/dist/icons/regular/JavascriptIcon.js +9 -18
  116. package/dist/icons/regular/JiraIcon.js +7 -17
  117. package/dist/icons/regular/LearnIcon.js +19 -28
  118. package/dist/icons/regular/LessonIcon.js +19 -28
  119. package/dist/icons/regular/LevelIcon.js +8 -18
  120. package/dist/icons/regular/LifePreserverIcon.js +30 -39
  121. package/dist/icons/regular/LinkIcon.js +12 -21
  122. package/dist/icons/regular/LinkedinIcon.js +4 -14
  123. package/dist/icons/regular/LinkedinOutlineIcon.js +7 -16
  124. package/dist/icons/regular/ListIcon.js +39 -48
  125. package/dist/icons/regular/LocationPinIcon.js +5 -15
  126. package/dist/icons/regular/Lock1Icon.js +8 -18
  127. package/dist/icons/regular/LockHeavyIcon.js +7 -16
  128. package/dist/icons/regular/LockIcon.js +24 -33
  129. package/dist/icons/regular/MaintenanceIcon.js +28 -37
  130. package/dist/icons/regular/MapFingerIcon.js +12 -21
  131. package/dist/icons/regular/MapPinIcon.js +15 -24
  132. package/dist/icons/regular/MarkerIcon.js +12 -21
  133. package/dist/icons/regular/MastercardIcon.js +35 -44
  134. package/dist/icons/regular/MediumIcon.js +7 -16
  135. package/dist/icons/regular/MegaphoneIcon.js +15 -24
  136. package/dist/icons/regular/MenuIcon.js +12 -21
  137. package/dist/icons/regular/MinimizeIcon.js +12 -21
  138. package/dist/icons/regular/MonitorBookIcon.js +14 -24
  139. package/dist/icons/regular/MultipleActionsViewIcon.js +13 -22
  140. package/dist/icons/regular/MultipleUsersIcon.js +8 -18
  141. package/dist/icons/regular/NarrativeIcon.js +12 -21
  142. package/dist/icons/regular/NetworkUserIcon.js +12 -22
  143. package/dist/icons/regular/NotebookIcon.js +43 -52
  144. package/dist/icons/regular/ObjectiveIcon.js +12 -21
  145. package/dist/icons/regular/OneTimeIcon.d.ts +3 -0
  146. package/dist/icons/regular/OneTimeIcon.js +51 -0
  147. package/dist/icons/regular/OpenIcon.js +12 -21
  148. package/dist/icons/regular/OverviewIcon.js +24 -33
  149. package/dist/icons/regular/PathChangeIcon.js +12 -21
  150. package/dist/icons/regular/PathCompleteIcon.js +12 -21
  151. package/dist/icons/regular/PathIcon.js +48 -57
  152. package/dist/icons/regular/PauseIcon.js +29 -38
  153. package/dist/icons/regular/PdfIcon.js +26 -35
  154. package/dist/icons/regular/PeopleIcon.js +28 -37
  155. package/dist/icons/regular/PersonChatIcon.js +21 -30
  156. package/dist/icons/regular/PersonIcon.js +21 -30
  157. package/dist/icons/regular/PhoneIcon.js +24 -33
  158. package/dist/icons/regular/PieLineGraphIcon.js +40 -49
  159. package/dist/icons/regular/PinIcon.js +12 -21
  160. package/dist/icons/regular/PlayCircledIcon.js +21 -30
  161. package/dist/icons/regular/PlayIcon.js +12 -21
  162. package/dist/icons/regular/PortfolioProjectIcon.js +12 -21
  163. package/dist/icons/regular/ProgrammingBrowserIcon.js +15 -24
  164. package/dist/icons/regular/ProjectsIcon.js +12 -21
  165. package/dist/icons/regular/PythonIcon.js +9 -18
  166. package/dist/icons/regular/QuizIcon.js +19 -28
  167. package/dist/icons/regular/RadarIcon.js +9 -18
  168. package/dist/icons/regular/RailsIcon.js +7 -16
  169. package/dist/icons/regular/RatingStarCircleIcon.js +21 -30
  170. package/dist/icons/regular/RatingStarGiveIcon.js +12 -21
  171. package/dist/icons/regular/ReactIcon.js +34 -43
  172. package/dist/icons/regular/RedditIcon.js +38 -47
  173. package/dist/icons/regular/RefreshIcon.js +12 -21
  174. package/dist/icons/regular/ResetIcon.js +12 -21
  175. package/dist/icons/regular/ResponsiveIcon.js +31 -40
  176. package/dist/icons/regular/RibbonDoubleFilledIcon.js +19 -28
  177. package/dist/icons/regular/RibbonDoubleIcon.js +19 -28
  178. package/dist/icons/regular/RibbonFilledIcon.js +12 -21
  179. package/dist/icons/regular/RibbonIcon.js +12 -21
  180. package/dist/icons/regular/RoadmapIcon.js +8 -18
  181. package/dist/icons/regular/RocketIcon.js +26 -35
  182. package/dist/icons/regular/RubyIcon.js +13 -22
  183. package/dist/icons/regular/SearchIcon.js +22 -46
  184. package/dist/icons/regular/SettingsSliderVerticalIcon.js +12 -21
  185. package/dist/icons/regular/ShareIcon.js +39 -48
  186. package/dist/icons/regular/SlackIcon.js +4 -14
  187. package/dist/icons/regular/SmallCheckIcon.js +4 -14
  188. package/dist/icons/regular/StackedSquaresIcon.js +14 -24
  189. package/dist/icons/regular/StarCircleIcon.js +15 -24
  190. package/dist/icons/regular/StarFilledCircleIcon.js +6 -16
  191. package/dist/icons/regular/StarFilledIcon.js +7 -16
  192. package/dist/icons/regular/StarIcon.js +12 -21
  193. package/dist/icons/regular/StreakIcon.js +12 -21
  194. package/dist/icons/regular/StudyBookIcon.js +9 -18
  195. package/dist/icons/regular/SupportFilledIcon.js +7 -16
  196. package/dist/icons/regular/SupportIcon.js +20 -29
  197. package/dist/icons/regular/TagIcon.js +21 -30
  198. package/dist/icons/regular/TerminalIcon.js +26 -35
  199. package/dist/icons/regular/TrackIcon.js +12 -21
  200. package/dist/icons/regular/TrashIcon.js +12 -21
  201. package/dist/icons/regular/TrophyFilledIcon.js +7 -16
  202. package/dist/icons/regular/TrophyIcon.js +19 -28
  203. package/dist/icons/regular/TwitterIcon.js +4 -14
  204. package/dist/icons/regular/TwitterOutlineIcon.js +7 -16
  205. package/dist/icons/regular/TypeIcon.js +24 -33
  206. package/dist/icons/regular/UploadIcon.js +12 -21
  207. package/dist/icons/regular/VideoPlayerMovieIcon.js +19 -28
  208. package/dist/icons/regular/ViewIcon.js +19 -28
  209. package/dist/icons/regular/ViewOffIcon.js +19 -28
  210. package/dist/icons/regular/VisaIcon.js +17 -26
  211. package/dist/icons/regular/YoutubeIcon.js +9 -18
  212. package/dist/icons/regular/ZoomIcon.js +12 -21
  213. package/dist/icons/regular/index.d.ts +1 -0
  214. package/dist/icons/regular/index.js +1 -0
  215. package/dist/svg/regular/one-time-icon.svg +4 -0
  216. package/dist/svg/regular/search-icon.svg +1 -9
  217. package/package.json +4 -4
@@ -24,7 +24,7 @@ export var MiniAddIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
24
24
  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
25
25
  xmlns: "http://www.w3.org/2000/svg",
26
26
  viewBox: "0 0 12 12",
27
- fill: "#fff",
27
+ fill: "currentColor",
28
28
  role: "img",
29
29
  "aria-hidden": "true",
30
30
  width: width,
@@ -32,23 +32,14 @@ export var MiniAddIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
32
32
  ref: svgRef,
33
33
  "aria-labelledby": titleId
34
34
  }, props), {}, {
35
- children: [title ? /*#__PURE__*/_jsx("title", {
35
+ children: [title === undefined ? /*#__PURE__*/_jsx("title", {
36
+ id: titleId,
37
+ children: 'mini-add-icon'
38
+ }) : title ? /*#__PURE__*/_jsx("title", {
36
39
  id: titleId,
37
40
  children: title
38
- }) : null, /*#__PURE__*/_jsxs("mask", {
39
- id: 'mini-add-icon',
40
- children: [/*#__PURE__*/_jsx("title", {
41
- children: 'mini-add-icon'
42
- }), /*#__PURE__*/_jsx("path", {
43
- d: "M0 6a.75.75 0 00.75.75h4.375a.125.125 0 01.125.125v4.375a.75.75 0 001.5 0V6.875a.125.125 0 01.125-.125h4.375a.75.75 0 000-1.5H6.875a.125.125 0 01-.125-.125V.75a.75.75 0 00-1.5 0v4.375a.125.125 0 01-.125.125H.75A.75.75 0 000 6z"
44
- })]
45
- }), /*#__PURE__*/_jsx("g", {
46
- mask: 'url(#mini-add-icon)',
47
- children: /*#__PURE__*/_jsx("rect", {
48
- width: '24',
49
- height: '24',
50
- fill: 'red'
51
- })
41
+ }) : null, /*#__PURE__*/_jsx("path", {
42
+ d: "M0 6a.75.75 0 00.75.75h4.375a.125.125 0 01.125.125v4.375a.75.75 0 001.5 0V6.875a.125.125 0 01.125-.125h4.375a.75.75 0 000-1.5H6.875a.125.125 0 01-.125-.125V.75a.75.75 0 00-1.5 0v4.375a.125.125 0 01-.125.125H.75A.75.75 0 000 6z"
52
43
  })]
53
44
  }));
54
45
  });
@@ -24,7 +24,7 @@ export var MiniArrowDownIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
24
24
  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
25
25
  xmlns: "http://www.w3.org/2000/svg",
26
26
  viewBox: "0 0 140 140",
27
- fill: "#fff",
27
+ fill: "currentColor",
28
28
  role: "img",
29
29
  "aria-hidden": "true",
30
30
  width: width,
@@ -32,23 +32,14 @@ export var MiniArrowDownIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
32
32
  ref: svgRef,
33
33
  "aria-labelledby": titleId
34
34
  }, props), {}, {
35
- children: [title ? /*#__PURE__*/_jsx("title", {
35
+ children: [title === undefined ? /*#__PURE__*/_jsx("title", {
36
+ id: titleId,
37
+ children: 'Mini Bold Interface Arrows Down'
38
+ }) : title ? /*#__PURE__*/_jsx("title", {
36
39
  id: titleId,
37
40
  children: title
38
- }) : null, /*#__PURE__*/_jsxs("mask", {
39
- id: 'mini-bold-interface-arrows-down',
40
- children: [/*#__PURE__*/_jsx("title", {
41
- children: 'Mini Bold Interface Arrows Down'
42
- }), /*#__PURE__*/_jsx("path", {
43
- d: "M27.93 102.07l35 35a10 10 0 0014.14 0l35-35a10 10 0 00-14.14-14.14l-13.66 13.66A2.5 2.5 0 0180 99.82V10a10 10 0 00-20 0v89.82a2.5 2.5 0 01-4.27 1.77L42.07 87.93a10 10 0 00-14.14 14.14z"
44
- })]
45
- }), /*#__PURE__*/_jsx("g", {
46
- mask: 'url(#mini-bold-interface-arrows-down)',
47
- children: /*#__PURE__*/_jsx("rect", {
48
- width: '24',
49
- height: '24',
50
- fill: 'red'
51
- })
41
+ }) : null, /*#__PURE__*/_jsx("path", {
42
+ d: "M27.93 102.07l35 35a10 10 0 0014.14 0l35-35a10 10 0 00-14.14-14.14l-13.66 13.66A2.5 2.5 0 0180 99.82V10a10 10 0 00-20 0v89.82a2.5 2.5 0 01-4.27 1.77L42.07 87.93a10 10 0 00-14.14 14.14z"
52
43
  })]
53
44
  }));
54
45
  });
@@ -24,7 +24,7 @@ export var MiniArrowLeftIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
24
24
  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
25
25
  viewBox: "0 0 16 16",
26
26
  xmlns: "http://www.w3.org/2000/svg",
27
- fill: "#fff",
27
+ fill: "currentColor",
28
28
  role: "img",
29
29
  "aria-hidden": "true",
30
30
  width: width,
@@ -32,23 +32,14 @@ export var MiniArrowLeftIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
32
32
  ref: svgRef,
33
33
  "aria-labelledby": titleId
34
34
  }, props), {}, {
35
- children: [title ? /*#__PURE__*/_jsx("title", {
35
+ children: [title === undefined ? /*#__PURE__*/_jsx("title", {
36
+ id: titleId,
37
+ children: 'mini-bold-interface-arrow-left'
38
+ }) : title ? /*#__PURE__*/_jsx("title", {
36
39
  id: titleId,
37
40
  children: title
38
- }) : null, /*#__PURE__*/_jsxs("mask", {
39
- id: 'mini-bold-interface-arrow-left',
40
- children: [/*#__PURE__*/_jsx("title", {
41
- children: 'mini-bold-interface-arrow-left'
42
- }), /*#__PURE__*/_jsx("path", {
43
- d: "M14.8 6.8H4.098l1.95-1.952a1.2 1.2 0 00-1.696-1.696l-4 4a1.198 1.198 0 000 1.696l4 4a1.2 1.2 0 101.696-1.696L4.098 9.2H14.8a1.2 1.2 0 000-2.4z"
44
- })]
45
- }), /*#__PURE__*/_jsx("g", {
46
- mask: 'url(#mini-bold-interface-arrow-left)',
47
- children: /*#__PURE__*/_jsx("rect", {
48
- width: '24',
49
- height: '24',
50
- fill: 'red'
51
- })
41
+ }) : null, /*#__PURE__*/_jsx("path", {
42
+ d: "M14.8 6.8H4.098l1.95-1.952a1.2 1.2 0 00-1.696-1.696l-4 4a1.198 1.198 0 000 1.696l4 4a1.2 1.2 0 101.696-1.696L4.098 9.2H14.8a1.2 1.2 0 000-2.4z"
52
43
  })]
53
44
  }));
54
45
  });
@@ -24,7 +24,7 @@ export var MiniArrowRightIcon = /*#__PURE__*/React.forwardRef(function (_ref, sv
24
24
  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
25
25
  xmlns: "http://www.w3.org/2000/svg",
26
26
  viewBox: "0 0 16 16",
27
- fill: "#fff",
27
+ fill: "currentColor",
28
28
  role: "img",
29
29
  "aria-hidden": "true",
30
30
  width: width,
@@ -32,23 +32,14 @@ export var MiniArrowRightIcon = /*#__PURE__*/React.forwardRef(function (_ref, sv
32
32
  ref: svgRef,
33
33
  "aria-labelledby": titleId
34
34
  }, props), {}, {
35
- children: [title ? /*#__PURE__*/_jsx("title", {
35
+ children: [title === undefined ? /*#__PURE__*/_jsx("title", {
36
+ id: titleId,
37
+ children: 'mini-arrow-right'
38
+ }) : title ? /*#__PURE__*/_jsx("title", {
36
39
  id: titleId,
37
40
  children: title
38
- }) : null, /*#__PURE__*/_jsxs("mask", {
39
- id: 'mini-arrow-right',
40
- children: [/*#__PURE__*/_jsx("title", {
41
- children: 'mini-arrow-right'
42
- }), /*#__PURE__*/_jsx("path", {
43
- d: "M11.665 3.192l4 4a1.143 1.143 0 010 1.616l-4 4a1.143 1.143 0 01-1.616-1.616l1.561-1.561a.286.286 0 00-.202-.488H1.143a1.143 1.143 0 010-2.286h10.265a.286.286 0 00.202-.488l-1.56-1.561a1.143 1.143 0 011.615-1.616z"
44
- })]
45
- }), /*#__PURE__*/_jsx("g", {
46
- mask: 'url(#mini-arrow-right)',
47
- children: /*#__PURE__*/_jsx("rect", {
48
- width: '24',
49
- height: '24',
50
- fill: 'red'
51
- })
41
+ }) : null, /*#__PURE__*/_jsx("path", {
42
+ d: "M11.665 3.192l4 4a1.143 1.143 0 010 1.616l-4 4a1.143 1.143 0 01-1.616-1.616l1.561-1.561a.286.286 0 00-.202-.488H1.143a1.143 1.143 0 010-2.286h10.265a.286.286 0 00.202-.488l-1.56-1.561a1.143 1.143 0 011.615-1.616z"
52
43
  })]
53
44
  }));
54
45
  });
@@ -24,7 +24,7 @@ export var MiniArrowUpIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
24
24
  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
25
25
  viewBox: "0 0 16 16",
26
26
  xmlns: "http://www.w3.org/2000/svg",
27
- fill: "#fff",
27
+ fill: "currentColor",
28
28
  role: "img",
29
29
  "aria-hidden": "true",
30
30
  width: width,
@@ -32,23 +32,14 @@ export var MiniArrowUpIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
32
32
  ref: svgRef,
33
33
  "aria-labelledby": titleId
34
34
  }, props), {}, {
35
- children: [title ? /*#__PURE__*/_jsx("title", {
35
+ children: [title === undefined ? /*#__PURE__*/_jsx("title", {
36
+ id: titleId,
37
+ children: 'mini-bold-interface-arrow-up'
38
+ }) : title ? /*#__PURE__*/_jsx("title", {
36
39
  id: titleId,
37
40
  children: title
38
- }) : null, /*#__PURE__*/_jsxs("mask", {
39
- id: 'mini-bold-interface-arrow-up',
40
- children: [/*#__PURE__*/_jsx("title", {
41
- children: 'mini-bold-interface-arrow-up'
42
- }), /*#__PURE__*/_jsx("path", {
43
- d: "M12.848 4.352l-4-4a1.198 1.198 0 00-1.696 0l-4 4a1.2 1.2 0 001.696 1.696L6.8 4.098V14.8a1.2 1.2 0 002.4 0V4.098l1.952 1.95a1.2 1.2 0 101.696-1.696z"
44
- })]
45
- }), /*#__PURE__*/_jsx("g", {
46
- mask: 'url(#mini-bold-interface-arrow-up)',
47
- children: /*#__PURE__*/_jsx("rect", {
48
- width: '24',
49
- height: '24',
50
- fill: 'red'
51
- })
41
+ }) : null, /*#__PURE__*/_jsx("path", {
42
+ d: "M12.848 4.352l-4-4a1.198 1.198 0 00-1.696 0l-4 4a1.2 1.2 0 001.696 1.696L6.8 4.098V14.8a1.2 1.2 0 002.4 0V4.098l1.952 1.95a1.2 1.2 0 101.696-1.696z"
52
43
  })]
53
44
  }));
54
45
  });
@@ -24,7 +24,7 @@ export var MiniCheckCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref, s
24
24
  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
25
25
  xmlns: "http://www.w3.org/2000/svg",
26
26
  viewBox: "0 0 140 140",
27
- fill: "#fff",
27
+ fill: "currentColor",
28
28
  role: "img",
29
29
  "aria-hidden": "true",
30
30
  width: width,
@@ -32,23 +32,14 @@ export var MiniCheckCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref, s
32
32
  ref: svgRef,
33
33
  "aria-labelledby": titleId
34
34
  }, props), {}, {
35
- children: [title ? /*#__PURE__*/_jsx("title", {
35
+ children: [title === undefined ? /*#__PURE__*/_jsx("title", {
36
+ id: titleId,
37
+ children: 'interface-validation-check-circle'
38
+ }) : title ? /*#__PURE__*/_jsx("title", {
36
39
  id: titleId,
37
40
  children: title
38
- }) : null, /*#__PURE__*/_jsxs("mask", {
39
- id: 'interface-validation-check-circle',
40
- children: [/*#__PURE__*/_jsx("title", {
41
- children: 'interface-validation-check-circle'
42
- }), /*#__PURE__*/_jsx("path", {
43
- d: "M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zm36 59L66.24 98.74a10 10 0 01-14.15 0L34 80.68a10.013 10.013 0 0114.18-14.14l11 11 32.64-32.67A10.01 10.01 0 01106 59z"
44
- })]
45
- }), /*#__PURE__*/_jsx("g", {
46
- mask: 'url(#interface-validation-check-circle)',
47
- children: /*#__PURE__*/_jsx("rect", {
48
- width: '24',
49
- height: '24',
50
- fill: 'red'
51
- })
41
+ }) : null, /*#__PURE__*/_jsx("path", {
42
+ d: "M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zm36 59L66.24 98.74a10 10 0 01-14.15 0L34 80.68a10.013 10.013 0 0114.18-14.14l11 11 32.64-32.67A10.01 10.01 0 01106 59z"
52
43
  })]
53
44
  }));
54
45
  });
@@ -24,7 +24,7 @@ export var MiniChevronDownIcon = /*#__PURE__*/React.forwardRef(function (_ref, s
24
24
  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
25
25
  xmlns: "http://www.w3.org/2000/svg",
26
26
  viewBox: "0 0 140 140",
27
- fill: "#fff",
27
+ fill: "currentColor",
28
28
  role: "img",
29
29
  "aria-hidden": "true",
30
30
  width: width,
@@ -35,18 +35,8 @@ export var MiniChevronDownIcon = /*#__PURE__*/React.forwardRef(function (_ref, s
35
35
  children: [title ? /*#__PURE__*/_jsx("title", {
36
36
  id: titleId,
37
37
  children: title
38
- }) : null, /*#__PURE__*/_jsx("mask", {
39
- id: '',
40
- children: /*#__PURE__*/_jsx("path", {
41
- d: "M137.07 34a10 10 0 00-14.14 0L71.77 85.13a2.5 2.5 0 01-3.54 0L17.07 34A10 10 0 002.93 48.11l56.46 56.47a15 15 0 0021.22 0l56.46-56.47a10 10 0 000-14.11z"
42
- })
43
- }), /*#__PURE__*/_jsx("g", {
44
- mask: 'url(#)',
45
- children: /*#__PURE__*/_jsx("rect", {
46
- width: '24',
47
- height: '24',
48
- fill: 'red'
49
- })
38
+ }) : null, /*#__PURE__*/_jsx("path", {
39
+ d: "M137.07 34a10 10 0 00-14.14 0L71.77 85.13a2.5 2.5 0 01-3.54 0L17.07 34A10 10 0 002.93 48.11l56.46 56.47a15 15 0 0021.22 0l56.46-56.47a10 10 0 000-14.11z"
50
40
  })]
51
41
  }));
52
42
  });
@@ -24,7 +24,7 @@ export var MiniChevronLeftIcon = /*#__PURE__*/React.forwardRef(function (_ref, s
24
24
  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
25
25
  xmlns: "http://www.w3.org/2000/svg",
26
26
  viewBox: "0 0 140 140",
27
- fill: "#fff",
27
+ fill: "currentColor",
28
28
  role: "img",
29
29
  "aria-hidden": "true",
30
30
  width: width,
@@ -35,18 +35,8 @@ export var MiniChevronLeftIcon = /*#__PURE__*/React.forwardRef(function (_ref, s
35
35
  children: [title ? /*#__PURE__*/_jsx("title", {
36
36
  id: titleId,
37
37
  children: title
38
- }) : null, /*#__PURE__*/_jsx("mask", {
39
- id: '',
40
- children: /*#__PURE__*/_jsx("path", {
41
- d: "M54.87 71.77a2.5 2.5 0 010-3.54L106 17.07A10 10 0 1091.89 2.93L35.43 59.39a15 15 0 000 21.22l56.46 56.46A10 10 0 10106 122.93z"
42
- })
43
- }), /*#__PURE__*/_jsx("g", {
44
- mask: 'url(#)',
45
- children: /*#__PURE__*/_jsx("rect", {
46
- width: '24',
47
- height: '24',
48
- fill: 'red'
49
- })
38
+ }) : null, /*#__PURE__*/_jsx("path", {
39
+ d: "M54.87 71.77a2.5 2.5 0 010-3.54L106 17.07A10 10 0 1091.89 2.93L35.43 59.39a15 15 0 000 21.22l56.46 56.46A10 10 0 10106 122.93z"
50
40
  })]
51
41
  }));
52
42
  });
@@ -24,7 +24,7 @@ export var MiniChevronRightIcon = /*#__PURE__*/React.forwardRef(function (_ref,
24
24
  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
25
25
  xmlns: "http://www.w3.org/2000/svg",
26
26
  viewBox: "0 0 140 140",
27
- fill: "#fff",
27
+ fill: "currentColor",
28
28
  role: "img",
29
29
  "aria-hidden": "true",
30
30
  width: width,
@@ -35,18 +35,8 @@ export var MiniChevronRightIcon = /*#__PURE__*/React.forwardRef(function (_ref,
35
35
  children: [title ? /*#__PURE__*/_jsx("title", {
36
36
  id: titleId,
37
37
  children: title
38
- }) : null, /*#__PURE__*/_jsx("mask", {
39
- id: '',
40
- children: /*#__PURE__*/_jsx("path", {
41
- d: "M34 137.07a10 10 0 010-14.14l51.13-51.16a2.5 2.5 0 000-3.54L34 17.07A10 10 0 0148.11 2.93l56.46 56.46a15 15 0 010 21.22l-56.46 56.46a10 10 0 01-14.11 0z"
42
- })
43
- }), /*#__PURE__*/_jsx("g", {
44
- mask: 'url(#)',
45
- children: /*#__PURE__*/_jsx("rect", {
46
- width: '24',
47
- height: '24',
48
- fill: 'red'
49
- })
38
+ }) : null, /*#__PURE__*/_jsx("path", {
39
+ d: "M34 137.07a10 10 0 010-14.14l51.13-51.16a2.5 2.5 0 000-3.54L34 17.07A10 10 0 0148.11 2.93l56.46 56.46a15 15 0 010 21.22l-56.46 56.46a10 10 0 01-14.11 0z"
50
40
  })]
51
41
  }));
52
42
  });
@@ -24,7 +24,7 @@ export var MiniChevronUpIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
24
24
  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
25
25
  xmlns: "http://www.w3.org/2000/svg",
26
26
  viewBox: "0 0 140 140",
27
- fill: "#fff",
27
+ fill: "currentColor",
28
28
  role: "img",
29
29
  "aria-hidden": "true",
30
30
  width: width,
@@ -35,18 +35,8 @@ export var MiniChevronUpIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
35
35
  children: [title ? /*#__PURE__*/_jsx("title", {
36
36
  id: titleId,
37
37
  children: title
38
- }) : null, /*#__PURE__*/_jsx("mask", {
39
- id: '',
40
- children: /*#__PURE__*/_jsx("path", {
41
- d: "M122.93 106L71.77 54.87a2.5 2.5 0 00-3.54 0L17.07 106A10 10 0 112.93 91.89l56.46-56.46a15 15 0 0121.22 0l56.46 56.46A10 10 0 11122.93 106z"
42
- })
43
- }), /*#__PURE__*/_jsx("g", {
44
- mask: 'url(#)',
45
- children: /*#__PURE__*/_jsx("rect", {
46
- width: '24',
47
- height: '24',
48
- fill: 'red'
49
- })
38
+ }) : null, /*#__PURE__*/_jsx("path", {
39
+ d: "M122.93 106L71.77 54.87a2.5 2.5 0 00-3.54 0L17.07 106A10 10 0 112.93 91.89l56.46-56.46a15 15 0 0121.22 0l56.46 56.46A10 10 0 11122.93 106z"
50
40
  })]
51
41
  }));
52
42
  });
@@ -23,7 +23,7 @@ export var MiniDeleteIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
23
23
  props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
24
24
  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
25
25
  viewBox: "0 0 16 16",
26
- fill: "#fff",
26
+ fill: "currentColor",
27
27
  xmlns: "http://www.w3.org/2000/svg",
28
28
  role: "img",
29
29
  "aria-hidden": "true",
@@ -32,24 +32,15 @@ export var MiniDeleteIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
32
32
  ref: svgRef,
33
33
  "aria-labelledby": titleId
34
34
  }, props), {}, {
35
- children: [title ? /*#__PURE__*/_jsx("title", {
35
+ children: [title === undefined ? /*#__PURE__*/_jsx("title", {
36
+ id: titleId,
37
+ children: 'customized interface-delete'
38
+ }) : title ? /*#__PURE__*/_jsx("title", {
36
39
  id: titleId,
37
40
  children: title
38
- }) : null, /*#__PURE__*/_jsxs("mask", {
39
- id: 'customized-interface-delete',
40
- children: [/*#__PURE__*/_jsx("title", {
41
- children: 'customized interface-delete'
42
- }), /*#__PURE__*/_jsx("path", {
43
- d: "M9.457 8.175a.23.23 0 010-.327l4.261-4.261a.923.923 0 10-1.305-1.305l-4.261 4.26a.23.23 0 01-.327 0l-4.26-4.26a.923.923 0 00-1.306 1.305L6.52 7.848a.23.23 0 010 .327l-4.26 4.26a.923.923 0 001.304 1.306L7.825 9.48a.23.23 0 01.327 0l4.261 4.26a.923.923 0 001.305-1.304l-4.26-4.261z",
44
- fill: "#fff"
45
- })]
46
- }), /*#__PURE__*/_jsx("g", {
47
- mask: 'url(#customized-interface-delete)',
48
- children: /*#__PURE__*/_jsx("rect", {
49
- width: '24',
50
- height: '24',
51
- fill: 'red'
52
- })
41
+ }) : null, /*#__PURE__*/_jsx("path", {
42
+ d: "M9.457 8.175a.23.23 0 010-.327l4.261-4.261a.923.923 0 10-1.305-1.305l-4.261 4.26a.23.23 0 01-.327 0l-4.26-4.26a.923.923 0 00-1.306 1.305L6.52 7.848a.23.23 0 010 .327l-4.26 4.26a.923.923 0 001.304 1.306L7.825 9.48a.23.23 0 01.327 0l4.261 4.26a.923.923 0 001.305-1.304l-4.26-4.261z",
43
+ fill: "currentColor"
53
44
  })]
54
45
  }));
55
46
  });
@@ -24,7 +24,7 @@ export var MiniInfoCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref, sv
24
24
  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
25
25
  xmlns: "http://www.w3.org/2000/svg",
26
26
  viewBox: "0 0 140 140",
27
- fill: "#fff",
27
+ fill: "currentColor",
28
28
  role: "img",
29
29
  "aria-hidden": "true",
30
30
  width: width,
@@ -32,23 +32,14 @@ export var MiniInfoCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref, sv
32
32
  ref: svgRef,
33
33
  "aria-labelledby": titleId
34
34
  }, props), {}, {
35
- children: [title ? /*#__PURE__*/_jsx("title", {
35
+ children: [title === undefined ? /*#__PURE__*/_jsx("title", {
36
+ id: titleId,
37
+ children: 'interface-alert-information-circle'
38
+ }) : title ? /*#__PURE__*/_jsx("title", {
36
39
  id: titleId,
37
40
  children: title
38
- }) : null, /*#__PURE__*/_jsxs("mask", {
39
- id: 'interface-alert-information-circle',
40
- children: [/*#__PURE__*/_jsx("title", {
41
- children: 'interface-alert-information-circle'
42
- }), /*#__PURE__*/_jsx("path", {
43
- d: "M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zm7.5 105a7.5 7.5 0 01-15 0V70a7.5 7.5 0 0115 0zM70 50a10 10 0 1110-10 10 10 0 01-10 10z"
44
- })]
45
- }), /*#__PURE__*/_jsx("g", {
46
- mask: 'url(#interface-alert-information-circle)',
47
- children: /*#__PURE__*/_jsx("rect", {
48
- width: '24',
49
- height: '24',
50
- fill: 'red'
51
- })
41
+ }) : null, /*#__PURE__*/_jsx("path", {
42
+ d: "M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zm7.5 105a7.5 7.5 0 01-15 0V70a7.5 7.5 0 0115 0zM70 50a10 10 0 1110-10 10 10 0 01-10 10z"
52
43
  })]
53
44
  }));
54
45
  });
@@ -24,7 +24,7 @@ export var MiniInfoOutlineIcon = /*#__PURE__*/React.forwardRef(function (_ref, s
24
24
  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
25
25
  xmlns: "http://www.w3.org/2000/svg",
26
26
  viewBox: "0 0 140 140",
27
- fill: "#fff",
27
+ fill: "currentColor",
28
28
  role: "img",
29
29
  "aria-hidden": "true",
30
30
  width: width,
@@ -35,27 +35,17 @@ export var MiniInfoOutlineIcon = /*#__PURE__*/React.forwardRef(function (_ref, s
35
35
  children: [title ? /*#__PURE__*/_jsx("title", {
36
36
  id: titleId,
37
37
  children: title
38
- }) : null, /*#__PURE__*/_jsx("mask", {
39
- id: '',
40
- children: /*#__PURE__*/_jsxs("g", {
41
- fill: "none",
42
- stroke: "#fff",
43
- strokeLinecap: "round",
44
- strokeLinejoin: "round",
45
- strokeWidth: 10,
46
- children: [/*#__PURE__*/_jsx("path", {
47
- d: "M5 70a65 65 0 10130 0A65 65 0 105 70zm65 0v35"
48
- }), /*#__PURE__*/_jsx("path", {
49
- d: "M65 45a5 5 0 1010 0 5 5 0 10-10 0z"
50
- })]
51
- })
52
- }), /*#__PURE__*/_jsx("g", {
53
- mask: 'url(#)',
54
- children: /*#__PURE__*/_jsx("rect", {
55
- width: '24',
56
- height: '24',
57
- fill: 'red'
58
- })
38
+ }) : null, /*#__PURE__*/_jsxs("g", {
39
+ fill: "none",
40
+ stroke: "currentColor",
41
+ strokeLinecap: "round",
42
+ strokeLinejoin: "round",
43
+ strokeWidth: 10,
44
+ children: [/*#__PURE__*/_jsx("path", {
45
+ d: "M5 70a65 65 0 10130 0A65 65 0 105 70zm65 0v35"
46
+ }), /*#__PURE__*/_jsx("path", {
47
+ d: "M65 45a5 5 0 1010 0 5 5 0 10-10 0z"
48
+ })]
59
49
  })]
60
50
  }));
61
51
  });
@@ -23,7 +23,7 @@ export var MiniKebabMenuIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
23
23
  props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
24
24
  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
25
25
  viewBox: "0 0 16 16",
26
- fill: "#fff",
26
+ fill: "currentColor",
27
27
  xmlns: "http://www.w3.org/2000/svg",
28
28
  role: "img",
29
29
  "aria-hidden": "true",
@@ -32,26 +32,17 @@ export var MiniKebabMenuIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
32
32
  ref: svgRef,
33
33
  "aria-labelledby": titleId
34
34
  }, props), {}, {
35
- children: [title ? /*#__PURE__*/_jsx("title", {
35
+ children: [title === undefined ? /*#__PURE__*/_jsx("title", {
36
+ id: titleId,
37
+ children: 'kebab-menu'
38
+ }) : title ? /*#__PURE__*/_jsx("title", {
36
39
  id: titleId,
37
40
  children: title
38
- }) : null, /*#__PURE__*/_jsxs("mask", {
39
- id: 'kebab-menu',
40
- children: [/*#__PURE__*/_jsx("title", {
41
- children: 'kebab-menu'
42
- }), /*#__PURE__*/_jsx("g", {
43
- clipPath: "url(#mini-kebab-menu-icon_svg__mini-kebab-menu-icon_svg__clip0)",
44
- fill: "#fff",
45
- children: /*#__PURE__*/_jsx("path", {
46
- d: "M5.714 2.286a2.286 2.286 0 104.572 0 2.286 2.286 0 00-4.572 0zm0 5.714a2.286 2.286 0 104.572 0 2.286 2.286 0 00-4.572 0zm0 5.714a2.286 2.286 0 104.571 0 2.286 2.286 0 00-4.57 0z"
47
- })
48
- })]
49
- }), /*#__PURE__*/_jsx("g", {
50
- mask: 'url(#kebab-menu)',
51
- children: /*#__PURE__*/_jsx("rect", {
52
- width: '24',
53
- height: '24',
54
- fill: 'red'
41
+ }) : null, /*#__PURE__*/_jsx("g", {
42
+ clipPath: "url(#mini-kebab-menu-icon_svg__mini-kebab-menu-icon_svg__clip0)",
43
+ fill: "currentColor",
44
+ children: /*#__PURE__*/_jsx("path", {
45
+ d: "M5.714 2.286a2.286 2.286 0 104.572 0 2.286 2.286 0 00-4.572 0zm0 5.714a2.286 2.286 0 104.572 0 2.286 2.286 0 00-4.572 0zm0 5.714a2.286 2.286 0 104.571 0 2.286 2.286 0 00-4.57 0z"
55
46
  })
56
47
  })]
57
48
  }));
@@ -24,7 +24,7 @@ export var MiniRemoveCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref,
24
24
  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
25
25
  xmlns: "http://www.w3.org/2000/svg",
26
26
  viewBox: "0 0 140 140",
27
- fill: "#fff",
27
+ fill: "currentColor",
28
28
  role: "img",
29
29
  "aria-hidden": "true",
30
30
  width: width,
@@ -32,23 +32,14 @@ export var MiniRemoveCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref,
32
32
  ref: svgRef,
33
33
  "aria-labelledby": titleId
34
34
  }, props), {}, {
35
- children: [title ? /*#__PURE__*/_jsx("title", {
35
+ children: [title === undefined ? /*#__PURE__*/_jsx("title", {
36
+ id: titleId,
37
+ children: 'interface-remove-circle'
38
+ }) : title ? /*#__PURE__*/_jsx("title", {
36
39
  id: titleId,
37
40
  children: title
38
- }) : null, /*#__PURE__*/_jsxs("mask", {
39
- id: 'interface-remove-circle',
40
- children: [/*#__PURE__*/_jsx("title", {
41
- children: 'interface-remove-circle'
42
- }), /*#__PURE__*/_jsx("path", {
43
- d: "M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zm25 80H45a10 10 0 010-20h50a10 10 0 010 20z"
44
- })]
45
- }), /*#__PURE__*/_jsx("g", {
46
- mask: 'url(#interface-remove-circle)',
47
- children: /*#__PURE__*/_jsx("rect", {
48
- width: '24',
49
- height: '24',
50
- fill: 'red'
51
- })
41
+ }) : null, /*#__PURE__*/_jsx("path", {
42
+ d: "M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zm25 80H45a10 10 0 010-20h50a10 10 0 010 20z"
52
43
  })]
53
44
  }));
54
45
  });
@@ -24,7 +24,7 @@ export var MiniRibbonIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
24
24
  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
25
25
  xmlns: "http://www.w3.org/2000/svg",
26
26
  viewBox: "0 0 16 16",
27
- fill: "#fff",
27
+ fill: "currentColor",
28
28
  role: "img",
29
29
  "aria-hidden": "true",
30
30
  width: width,
@@ -32,28 +32,19 @@ export var MiniRibbonIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
32
32
  ref: svgRef,
33
33
  "aria-labelledby": titleId
34
34
  }, props), {}, {
35
- children: [title ? /*#__PURE__*/_jsx("title", {
35
+ children: [title === undefined ? /*#__PURE__*/_jsx("title", {
36
+ id: titleId,
37
+ children: 'mini-ribbon-icon'
38
+ }) : title ? /*#__PURE__*/_jsx("title", {
36
39
  id: titleId,
37
40
  children: title
38
- }) : null, /*#__PURE__*/_jsxs("mask", {
39
- id: 'mini-ribbon-icon',
40
- children: [/*#__PURE__*/_jsx("title", {
41
- children: 'mini-ribbon-icon'
42
- }), /*#__PURE__*/_jsx("path", {
43
- d: "M12.706 14.58l-4.118-2.662c-.17-.11-.377-.17-.588-.17-.211 0-.417.06-.588.17L3.294 14.58a.553.553 0 01-.52.037.483.483 0 01-.2-.163.409.409 0 01-.074-.232v-12c0-.236.105-.462.293-.629a1.07 1.07 0 01.707-.26h9c.265 0 .52.094.707.26a.842.842 0 01.293.629v12a.41.41 0 01-.074.232.483.483 0 01-.2.163.553.553 0 01-.52-.037v0z",
44
- fill: "none",
45
- stroke: "#fff",
46
- strokeWidth: 1.5,
47
- strokeLinecap: "round",
48
- strokeLinejoin: "round"
49
- })]
50
- }), /*#__PURE__*/_jsx("g", {
51
- mask: 'url(#mini-ribbon-icon)',
52
- children: /*#__PURE__*/_jsx("rect", {
53
- width: '24',
54
- height: '24',
55
- fill: 'red'
56
- })
41
+ }) : null, /*#__PURE__*/_jsx("path", {
42
+ d: "M12.706 14.58l-4.118-2.662c-.17-.11-.377-.17-.588-.17-.211 0-.417.06-.588.17L3.294 14.58a.553.553 0 01-.52.037.483.483 0 01-.2-.163.409.409 0 01-.074-.232v-12c0-.236.105-.462.293-.629a1.07 1.07 0 01.707-.26h9c.265 0 .52.094.707.26a.842.842 0 01.293.629v12a.41.41 0 01-.074.232.483.483 0 01-.2.163.553.553 0 01-.52-.037v0z",
43
+ fill: "none",
44
+ stroke: "currentColor",
45
+ strokeWidth: 1.5,
46
+ strokeLinecap: "round",
47
+ strokeLinejoin: "round"
57
48
  })]
58
49
  }));
59
50
  });