@codecademy/gamut-icons 8.0.2-alpha.e5e695.0 → 8.0.2-alpha.fa9cd1.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 (211) hide show
  1. package/dist/icons/mini/MiniAddIcon.js +3 -4
  2. package/dist/icons/mini/MiniArrowDownIcon.js +3 -4
  3. package/dist/icons/mini/MiniArrowLeftIcon.js +3 -4
  4. package/dist/icons/mini/MiniArrowRightIcon.js +3 -4
  5. package/dist/icons/mini/MiniArrowUpIcon.js +3 -4
  6. package/dist/icons/mini/MiniCheckCircleIcon.js +3 -4
  7. package/dist/icons/mini/MiniChevronDownIcon.js +2 -3
  8. package/dist/icons/mini/MiniChevronLeftIcon.js +2 -3
  9. package/dist/icons/mini/MiniChevronRightIcon.js +2 -3
  10. package/dist/icons/mini/MiniChevronUpIcon.js +2 -3
  11. package/dist/icons/mini/MiniDeleteIcon.js +5 -5
  12. package/dist/icons/mini/MiniInfoCircleIcon.js +3 -4
  13. package/dist/icons/mini/MiniInfoOutlineIcon.js +3 -4
  14. package/dist/icons/mini/MiniKebabMenuIcon.js +5 -5
  15. package/dist/icons/mini/MiniRemoveCircleIcon.js +3 -4
  16. package/dist/icons/mini/MiniRibbonIcon.js +4 -5
  17. package/dist/icons/mini/MiniStarIcon.js +3 -4
  18. package/dist/icons/mini/MiniWarningTriangleIcon.js +3 -4
  19. package/dist/icons/regular/AccountingCoinsIcon.js +5 -6
  20. package/dist/icons/regular/AddBoldIcon.js +3 -4
  21. package/dist/icons/regular/AddIcon.js +4 -5
  22. package/dist/icons/regular/AlarmClockIcon.js +5 -6
  23. package/dist/icons/regular/AlertIcon.js +6 -7
  24. package/dist/icons/regular/AmexIcon.js +5 -6
  25. package/dist/icons/regular/AnalyticsGraphIcon.js +3 -4
  26. package/dist/icons/regular/ArrowChevronDownFilledIcon.js +5 -5
  27. package/dist/icons/regular/ArrowChevronDownIcon.js +4 -5
  28. package/dist/icons/regular/ArrowChevronLeftIcon.js +4 -5
  29. package/dist/icons/regular/ArrowChevronRightIcon.js +4 -5
  30. package/dist/icons/regular/ArrowChevronUpIcon.js +4 -5
  31. package/dist/icons/regular/ArrowDownIcon.js +4 -5
  32. package/dist/icons/regular/ArrowLeftIcon.js +4 -5
  33. package/dist/icons/regular/ArrowRightIcon.js +4 -5
  34. package/dist/icons/regular/ArrowUpIcon.js +4 -5
  35. package/dist/icons/regular/ArticleIcon.js +5 -6
  36. package/dist/icons/regular/BadgeIcon.js +5 -6
  37. package/dist/icons/regular/BellIcon.js +4 -5
  38. package/dist/icons/regular/BookClosedBookmarkIcon.js +5 -6
  39. package/dist/icons/regular/BookFlipPageIcon.js +5 -6
  40. package/dist/icons/regular/BriefcaseIcon.js +5 -6
  41. package/dist/icons/regular/BrowserPageLayoutIcon.js +3 -4
  42. package/dist/icons/regular/BulbIcon.js +4 -5
  43. package/dist/icons/regular/CalendarIcon.js +5 -6
  44. package/dist/icons/regular/CallIcon.js +4 -5
  45. package/dist/icons/regular/CertificateIcon.js +6 -7
  46. package/dist/icons/regular/ChallengeProjectIcon.js +4 -5
  47. package/dist/icons/regular/ChatIcon.js +4 -5
  48. package/dist/icons/regular/CheckCircledIcon.js +5 -6
  49. package/dist/icons/regular/CheckFilledIcon.js +3 -4
  50. package/dist/icons/regular/CheckHeavyIcon.js +3 -4
  51. package/dist/icons/regular/CheckIcon.js +5 -5
  52. package/dist/icons/regular/ChecklistIcon.js +5 -6
  53. package/dist/icons/regular/ClockIcon.js +5 -6
  54. package/dist/icons/regular/CloseCircleIcon.js +5 -6
  55. package/dist/icons/regular/CloseIcon.js +4 -5
  56. package/dist/icons/regular/CloudCheckIcon.js +6 -6
  57. package/dist/icons/regular/CloudIcon.js +5 -5
  58. package/dist/icons/regular/CommentsIcon.js +4 -5
  59. package/dist/icons/regular/CommunityIcon.js +8 -9
  60. package/dist/icons/regular/ConversationChatIcon.js +4 -5
  61. package/dist/icons/regular/CopyIcon.js +7 -8
  62. package/dist/icons/regular/CreditCardIcon.js +4 -5
  63. package/dist/icons/regular/CubeIcon.js +4 -4
  64. package/dist/icons/regular/DataFileBarsShareIcon.js +7 -8
  65. package/dist/icons/regular/DataTransferVerticalIcon.js +4 -5
  66. package/dist/icons/regular/DeleteFilledIcon.js +3 -4
  67. package/dist/icons/regular/DeleteIcon.js +5 -6
  68. package/dist/icons/regular/DiamondIcon.js +5 -6
  69. package/dist/icons/regular/DiscountStarPremiumFilledIcon.js +6 -6
  70. package/dist/icons/regular/DownloadIcon.js +4 -5
  71. package/dist/icons/regular/EarthIcon.js +3 -4
  72. package/dist/icons/regular/EditIcon.js +5 -6
  73. package/dist/icons/regular/EditorIcon.js +5 -6
  74. package/dist/icons/regular/EmailIcon.js +5 -6
  75. package/dist/icons/regular/ExperienceIcon.js +4 -5
  76. package/dist/icons/regular/ExploreIcon.js +5 -6
  77. package/dist/icons/regular/FacebookIcon.js +3 -4
  78. package/dist/icons/regular/FaviconIcon.js +3 -4
  79. package/dist/icons/regular/FaviconSolidIcon.js +3 -4
  80. package/dist/icons/regular/FileAddIcon.js +5 -6
  81. package/dist/icons/regular/FileCodeAdd1Icon.js +3 -4
  82. package/dist/icons/regular/FileDownloadIcon.js +5 -6
  83. package/dist/icons/regular/FileEditIcon.js +4 -5
  84. package/dist/icons/regular/FileIcon.js +4 -5
  85. package/dist/icons/regular/FileLockIcon.js +4 -5
  86. package/dist/icons/regular/FilePyIcon.js +3 -4
  87. package/dist/icons/regular/FileSearchIcon.js +6 -7
  88. package/dist/icons/regular/FilterIcon.js +4 -5
  89. package/dist/icons/regular/FitNormalIcon.js +4 -5
  90. package/dist/icons/regular/FitShrinkIcon.js +4 -5
  91. package/dist/icons/regular/FitnessDumbbellIcon.js +7 -8
  92. package/dist/icons/regular/FolderAddIcon.js +6 -7
  93. package/dist/icons/regular/FolderIcon.js +4 -5
  94. package/dist/icons/regular/ForkIcon.js +6 -7
  95. package/dist/icons/regular/ForumsChatIcon.js +4 -5
  96. package/dist/icons/regular/FullscreenIcon.js +4 -5
  97. package/dist/icons/regular/GearIcon.js +5 -6
  98. package/dist/icons/regular/GithubIcon.js +3 -4
  99. package/dist/icons/regular/GithubOutlineIcon.js +3 -4
  100. package/dist/icons/regular/GlassesIcon.js +6 -7
  101. package/dist/icons/regular/GplusIcon.js +3 -4
  102. package/dist/icons/regular/GraphStatsAscendIcon.js +3 -4
  103. package/dist/icons/regular/GrowthIcon.js +6 -7
  104. package/dist/icons/regular/HalloweenBroomIcon.js +3 -4
  105. package/dist/icons/regular/HouseEntranceIcon.js +4 -5
  106. package/dist/icons/regular/HyperlinkIcon.js +3 -4
  107. package/dist/icons/regular/ImageIcon.js +6 -7
  108. package/dist/icons/regular/InProgressIcon.js +6 -7
  109. package/dist/icons/regular/InfoCircleIcon.js +5 -6
  110. package/dist/icons/regular/InformationalIcon.js +5 -6
  111. package/dist/icons/regular/InstagramIcon.js +3 -4
  112. package/dist/icons/regular/InstructionsIcon.js +5 -6
  113. package/dist/icons/regular/IntersectionIcon.js +6 -7
  114. package/dist/icons/regular/JavaIcon.js +4 -5
  115. package/dist/icons/regular/JavascriptIcon.js +3 -4
  116. package/dist/icons/regular/JiraIcon.js +3 -3
  117. package/dist/icons/regular/LearnIcon.js +5 -6
  118. package/dist/icons/regular/LessonIcon.js +5 -6
  119. package/dist/icons/regular/LevelIcon.js +3 -4
  120. package/dist/icons/regular/LifePreserverIcon.js +6 -7
  121. package/dist/icons/regular/LinkIcon.js +4 -5
  122. package/dist/icons/regular/LinkedinIcon.js +3 -4
  123. package/dist/icons/regular/LinkedinOutlineIcon.js +3 -4
  124. package/dist/icons/regular/ListIcon.js +7 -8
  125. package/dist/icons/regular/LocationPinIcon.js +2 -3
  126. package/dist/icons/regular/Lock1Icon.js +3 -4
  127. package/dist/icons/regular/LockHeavyIcon.js +3 -4
  128. package/dist/icons/regular/LockIcon.js +5 -6
  129. package/dist/icons/regular/MaintenanceIcon.js +6 -7
  130. package/dist/icons/regular/MapFingerIcon.js +4 -5
  131. package/dist/icons/regular/MapPinIcon.js +4 -5
  132. package/dist/icons/regular/MarkerIcon.js +4 -5
  133. package/dist/icons/regular/MastercardIcon.js +8 -9
  134. package/dist/icons/regular/MediumIcon.js +3 -4
  135. package/dist/icons/regular/MegaphoneIcon.js +4 -5
  136. package/dist/icons/regular/MenuIcon.js +4 -5
  137. package/dist/icons/regular/MinimizeIcon.js +4 -5
  138. package/dist/icons/regular/MonitorBookIcon.js +3 -4
  139. package/dist/icons/regular/MultipleActionsViewIcon.js +3 -4
  140. package/dist/icons/regular/MultipleUsersIcon.js +3 -4
  141. package/dist/icons/regular/NarrativeIcon.js +4 -5
  142. package/dist/icons/regular/NetworkUserIcon.js +3 -4
  143. package/dist/icons/regular/NotebookIcon.js +7 -8
  144. package/dist/icons/regular/ObjectiveIcon.js +4 -5
  145. package/dist/icons/regular/OpenIcon.js +4 -5
  146. package/dist/icons/regular/OverviewIcon.js +5 -6
  147. package/dist/icons/regular/PathChangeIcon.js +4 -5
  148. package/dist/icons/regular/PathCompleteIcon.js +4 -5
  149. package/dist/icons/regular/PathIcon.js +8 -9
  150. package/dist/icons/regular/PauseIcon.js +5 -6
  151. package/dist/icons/regular/PdfIcon.js +6 -7
  152. package/dist/icons/regular/PeopleIcon.js +6 -7
  153. package/dist/icons/regular/PersonChatIcon.js +5 -6
  154. package/dist/icons/regular/PersonIcon.js +5 -6
  155. package/dist/icons/regular/PhoneIcon.js +5 -6
  156. package/dist/icons/regular/PieLineGraphIcon.js +7 -8
  157. package/dist/icons/regular/PinIcon.js +4 -5
  158. package/dist/icons/regular/PlayCircledIcon.js +5 -6
  159. package/dist/icons/regular/PlayIcon.js +4 -5
  160. package/dist/icons/regular/PortfolioProjectIcon.js +4 -5
  161. package/dist/icons/regular/ProgrammingBrowserIcon.js +4 -5
  162. package/dist/icons/regular/ProjectsIcon.js +4 -5
  163. package/dist/icons/regular/PythonIcon.js +3 -4
  164. package/dist/icons/regular/QuizIcon.js +5 -6
  165. package/dist/icons/regular/RadarIcon.js +3 -4
  166. package/dist/icons/regular/RailsIcon.js +3 -4
  167. package/dist/icons/regular/RatingStarCircleIcon.js +5 -6
  168. package/dist/icons/regular/RatingStarGiveIcon.js +4 -5
  169. package/dist/icons/regular/ReactIcon.js +5 -6
  170. package/dist/icons/regular/RedditIcon.js +7 -8
  171. package/dist/icons/regular/RefreshIcon.js +4 -5
  172. package/dist/icons/regular/ResetIcon.js +4 -5
  173. package/dist/icons/regular/ResponsiveIcon.js +6 -7
  174. package/dist/icons/regular/RibbonDoubleFilledIcon.js +6 -7
  175. package/dist/icons/regular/RibbonDoubleIcon.js +5 -6
  176. package/dist/icons/regular/RibbonFilledIcon.js +5 -6
  177. package/dist/icons/regular/RibbonIcon.js +4 -5
  178. package/dist/icons/regular/RoadmapIcon.js +3 -4
  179. package/dist/icons/regular/RocketIcon.js +6 -7
  180. package/dist/icons/regular/RubyIcon.js +3 -4
  181. package/dist/icons/regular/SearchIcon.js +6 -7
  182. package/dist/icons/regular/SettingsSliderVerticalIcon.js +4 -5
  183. package/dist/icons/regular/ShareIcon.js +7 -8
  184. package/dist/icons/regular/SlackIcon.js +2 -3
  185. package/dist/icons/regular/SmallCheckIcon.js +4 -4
  186. package/dist/icons/regular/StackedSquaresIcon.js +3 -4
  187. package/dist/icons/regular/StarCircleIcon.js +4 -5
  188. package/dist/icons/regular/StarFilledCircleIcon.js +4 -4
  189. package/dist/icons/regular/StarFilledIcon.js +3 -4
  190. package/dist/icons/regular/StarIcon.js +4 -5
  191. package/dist/icons/regular/StreakIcon.js +4 -5
  192. package/dist/icons/regular/StudyBookIcon.js +3 -4
  193. package/dist/icons/regular/SupportFilledIcon.js +3 -4
  194. package/dist/icons/regular/SupportIcon.js +5 -6
  195. package/dist/icons/regular/TagIcon.js +5 -6
  196. package/dist/icons/regular/TerminalIcon.js +6 -7
  197. package/dist/icons/regular/TrackIcon.js +4 -5
  198. package/dist/icons/regular/TrashIcon.js +4 -5
  199. package/dist/icons/regular/TrophyFilledIcon.js +3 -4
  200. package/dist/icons/regular/TrophyIcon.js +5 -6
  201. package/dist/icons/regular/TwitterIcon.js +3 -4
  202. package/dist/icons/regular/TwitterOutlineIcon.js +3 -4
  203. package/dist/icons/regular/TypeIcon.js +5 -6
  204. package/dist/icons/regular/UploadIcon.js +4 -5
  205. package/dist/icons/regular/VideoPlayerMovieIcon.js +5 -6
  206. package/dist/icons/regular/ViewIcon.js +5 -6
  207. package/dist/icons/regular/ViewOffIcon.js +5 -6
  208. package/dist/icons/regular/VisaIcon.js +5 -6
  209. package/dist/icons/regular/YoutubeIcon.js +3 -4
  210. package/dist/icons/regular/ZoomIcon.js +4 -5
  211. package/package.json +4 -4
@@ -24,7 +24,6 @@ export var AlarmClockIcon = /*#__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 24 24",
27
- fill: "currentColor",
28
27
  role: "img",
29
28
  "aria-hidden": "true",
30
29
  width: width,
@@ -36,7 +35,7 @@ export var AlarmClockIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
36
35
  id: titleId,
37
36
  children: title
38
37
  }) : null, /*#__PURE__*/_jsxs("mask", {
39
- id: '',
38
+ id: 'alarm-clock',
40
39
  children: [/*#__PURE__*/_jsx("title", {
41
40
  children: 'alarm-clock'
42
41
  }), /*#__PURE__*/_jsx("circle", {
@@ -44,24 +43,24 @@ export var AlarmClockIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
44
43
  cy: 12.75,
45
44
  r: 9,
46
45
  fill: "none",
47
- stroke: "currentColor",
46
+ stroke: "#fff",
48
47
  strokeLinecap: "round",
49
48
  strokeLinejoin: "round",
50
49
  strokeWidth: 1.5
51
50
  }), /*#__PURE__*/_jsx("path", {
52
51
  fill: "none",
53
- stroke: "currentColor",
52
+ stroke: "#fff",
54
53
  strokeLinecap: "round",
55
54
  strokeLinejoin: "round",
56
55
  strokeWidth: 1.5,
57
56
  d: "M6 23.25l1.386-2.771M12 12.75H8.609M12 7.5v5.25m-10.5-9l3.75-3M18 23.25l-1.386-2.772M22.5 3.75l-3.75-3"
58
57
  })]
59
58
  }), /*#__PURE__*/_jsx("g", {
60
- mask: '',
59
+ mask: 'url(#alarm-clock)',
61
60
  children: /*#__PURE__*/_jsx("rect", {
62
61
  width: '24',
63
62
  height: '24',
64
- fill: 'currentColor'
63
+ fill: 'red'
65
64
  })
66
65
  })]
67
66
  }));
@@ -24,7 +24,6 @@ export var AlertIcon = /*#__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 24 24",
27
- fill: "currentColor",
28
27
  role: "img",
29
28
  "aria-hidden": "true",
30
29
  width: width,
@@ -36,7 +35,7 @@ export var AlertIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
36
35
  id: titleId,
37
36
  children: title
38
37
  }) : null, /*#__PURE__*/_jsxs("mask", {
39
- id: '',
38
+ id: 'alert-circle',
40
39
  children: [/*#__PURE__*/_jsx("title", {
41
40
  children: 'alert-circle'
42
41
  }), /*#__PURE__*/_jsx("path", {
@@ -44,13 +43,13 @@ export var AlertIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
44
43
  strokeLinejoin: "round",
45
44
  strokeLinecap: "round",
46
45
  fill: "none",
47
- stroke: "currentColor",
46
+ stroke: "#fff",
48
47
  strokeWidth: 1.5
49
48
  }), /*#__PURE__*/_jsx("path", {
50
49
  strokeMiterlimit: 10,
51
50
  strokeLinecap: "round",
52
51
  fill: "none",
53
- stroke: "currentColor",
52
+ stroke: "#fff",
54
53
  strokeWidth: 1.5,
55
54
  d: "M12 13.5V5.25"
56
55
  }), /*#__PURE__*/_jsx("circle", {
@@ -59,15 +58,15 @@ export var AlertIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
59
58
  r: 11.25,
60
59
  strokeMiterlimit: 10,
61
60
  fill: "none",
62
- stroke: "currentColor",
61
+ stroke: "#fff",
63
62
  strokeWidth: 1.5
64
63
  })]
65
64
  }), /*#__PURE__*/_jsx("g", {
66
- mask: '',
65
+ mask: 'url(#alert-circle)',
67
66
  children: /*#__PURE__*/_jsx("rect", {
68
67
  width: '24',
69
68
  height: '24',
70
- fill: 'currentColor'
69
+ fill: 'red'
71
70
  })
72
71
  })]
73
72
  }));
@@ -24,7 +24,6 @@ export var AmexIcon = /*#__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 24 24",
27
- fill: "currentColor",
28
27
  role: "img",
29
28
  "aria-hidden": "true",
30
29
  width: width,
@@ -36,28 +35,28 @@ export var AmexIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
36
35
  id: titleId,
37
36
  children: title
38
37
  }) : null, /*#__PURE__*/_jsxs("mask", {
39
- id: '',
38
+ id: 'amex',
40
39
  children: [/*#__PURE__*/_jsx("title", {
41
40
  children: 'amex'
42
41
  }), /*#__PURE__*/_jsx("path", {
43
42
  d: "M.504 3.5h23v17h-23z",
44
43
  fill: "none",
45
- stroke: "currentColor",
44
+ stroke: "#fff",
46
45
  strokeLinecap: "round",
47
46
  strokeLinejoin: "round"
48
47
  }), /*#__PURE__*/_jsx("path", {
49
48
  d: "M4.5 14.5v-4a1 1 0 012 0v4m-1.996-2h2m5 2v-5l-1.5 2.5-1.5-2.5v5m9-5l2 5m0-5l-2 5m-2.004 0h-1a1 1 0 01-1-1v-3a1 1 0 011-1h1m-1.996 3h2",
50
49
  fill: "none",
51
- stroke: "currentColor",
50
+ stroke: "#fff",
52
51
  strokeLinecap: "round",
53
52
  strokeLinejoin: "round"
54
53
  })]
55
54
  }), /*#__PURE__*/_jsx("g", {
56
- mask: '',
55
+ mask: 'url(#amex)',
57
56
  children: /*#__PURE__*/_jsx("rect", {
58
57
  width: '24',
59
58
  height: '24',
60
- fill: 'currentColor'
59
+ fill: 'red'
61
60
  })
62
61
  })]
63
62
  }));
@@ -24,7 +24,6 @@ export var AnalyticsGraphIcon = /*#__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: "currentColor",
28
27
  role: "img",
29
28
  "aria-hidden": "true",
30
29
  width: width,
@@ -41,16 +40,16 @@ export var AnalyticsGraphIcon = /*#__PURE__*/React.forwardRef(function (_ref, sv
41
40
  d: "M4.37 135.625h126.874m-115.208-26.25h16.047A2.917 2.917 0 0135 112.292v23.333h0-21.88 0v-23.333a2.917 2.917 0 012.916-2.917zm43.75-52.5h16.047a2.917 2.917 0 012.917 2.917v75.833h0-21.88 0V59.792a2.917 2.917 0 012.916-2.917zm43.75 26.25h16.047a2.917 2.917 0 012.917 2.917v49.583h0-21.875 0V86.042a2.917 2.917 0 012.91-2.917zM40.15 29.873L16.719 53.282M83.48 36.896l-27.264-7.292m62.737-12.752L98.064 33.186m-58.694-6.93a8.75 8.75 0 1017.5 0 8.75 8.75 0 10-17.5 0zm78.755-13.131a8.75 8.75 0 1017.5 0 8.75 8.75 0 10-17.5 0zm-35 26.25a8.75 8.75 0 1017.5 0 8.75 8.75 0 10-17.5 0zM4.37 61.256a8.75 8.75 0 1017.5 0 8.75 8.75 0 10-17.5 0z",
42
41
  strokeWidth: 8.75,
43
42
  fill: "none",
44
- stroke: "currentColor",
43
+ stroke: "#fff",
45
44
  strokeLinecap: "round",
46
45
  strokeLinejoin: "round"
47
46
  })
48
47
  }), /*#__PURE__*/_jsx("g", {
49
- mask: '',
48
+ mask: 'url(#)',
50
49
  children: /*#__PURE__*/_jsx("rect", {
51
50
  width: '24',
52
51
  height: '24',
53
- fill: 'currentColor'
52
+ fill: 'red'
54
53
  })
55
54
  })]
56
55
  }));
@@ -23,7 +23,7 @@ export var ArrowChevronDownFilledIcon = /*#__PURE__*/React.forwardRef(function (
23
23
  props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
24
24
  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
25
25
  viewBox: "0 0 8 8",
26
- fill: "currentColor",
26
+ fill: "none",
27
27
  xmlns: "http://www.w3.org/2000/svg",
28
28
  role: "img",
29
29
  "aria-hidden": "true",
@@ -36,19 +36,19 @@ export var ArrowChevronDownFilledIcon = /*#__PURE__*/React.forwardRef(function (
36
36
  id: titleId,
37
37
  children: title
38
38
  }) : null, /*#__PURE__*/_jsxs("mask", {
39
- id: '',
39
+ id: 'filled-arrow-down',
40
40
  children: [/*#__PURE__*/_jsx("title", {
41
41
  children: 'filled-arrow-down'
42
42
  }), /*#__PURE__*/_jsx("path", {
43
43
  d: "M7.066 1.5L4 6.099.934 1.5h6.132z",
44
- fill: "currentColor"
44
+ fill: "#fff"
45
45
  })]
46
46
  }), /*#__PURE__*/_jsx("g", {
47
- mask: '',
47
+ mask: 'url(#filled-arrow-down)',
48
48
  children: /*#__PURE__*/_jsx("rect", {
49
49
  width: '24',
50
50
  height: '24',
51
- fill: 'currentColor'
51
+ fill: 'red'
52
52
  })
53
53
  })]
54
54
  }));
@@ -24,7 +24,6 @@ export var ArrowChevronDownIcon = /*#__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 24 24",
27
- fill: "currentColor",
28
27
  role: "img",
29
28
  "aria-hidden": "true",
30
29
  width: width,
@@ -36,23 +35,23 @@ export var ArrowChevronDownIcon = /*#__PURE__*/React.forwardRef(function (_ref,
36
35
  id: titleId,
37
36
  children: title
38
37
  }) : null, /*#__PURE__*/_jsxs("mask", {
39
- id: '',
38
+ id: 'arrow-down-1',
40
39
  children: [/*#__PURE__*/_jsx("title", {
41
40
  children: 'arrow-down-1'
42
41
  }), /*#__PURE__*/_jsx("path", {
43
42
  d: "M23.25 7.311L12.53 18.03a.749.749 0 01-1.06 0L.75 7.311",
44
43
  fill: "none",
45
- stroke: "currentColor",
44
+ stroke: "#fff",
46
45
  strokeLinecap: "round",
47
46
  strokeLinejoin: "round",
48
47
  strokeWidth: 1.5
49
48
  })]
50
49
  }), /*#__PURE__*/_jsx("g", {
51
- mask: '',
50
+ mask: 'url(#arrow-down-1)',
52
51
  children: /*#__PURE__*/_jsx("rect", {
53
52
  width: '24',
54
53
  height: '24',
55
- fill: 'currentColor'
54
+ fill: 'red'
56
55
  })
57
56
  })]
58
57
  }));
@@ -24,7 +24,6 @@ export var ArrowChevronLeftIcon = /*#__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 24 24",
27
- fill: "currentColor",
28
27
  role: "img",
29
28
  "aria-hidden": "true",
30
29
  width: width,
@@ -36,23 +35,23 @@ export var ArrowChevronLeftIcon = /*#__PURE__*/React.forwardRef(function (_ref,
36
35
  id: titleId,
37
36
  children: title
38
37
  }) : null, /*#__PURE__*/_jsxs("mask", {
39
- id: '',
38
+ id: 'arrow-left-1',
40
39
  children: [/*#__PURE__*/_jsx("title", {
41
40
  children: 'arrow-left-1'
42
41
  }), /*#__PURE__*/_jsx("path", {
43
42
  d: "M16.25 23.25L5.53 12.53a.749.749 0 010-1.06L16.25.75",
44
43
  fill: "none",
45
- stroke: "currentColor",
44
+ stroke: "#fff",
46
45
  strokeLinecap: "round",
47
46
  strokeLinejoin: "round",
48
47
  strokeWidth: 1.5
49
48
  })]
50
49
  }), /*#__PURE__*/_jsx("g", {
51
- mask: '',
50
+ mask: 'url(#arrow-left-1)',
52
51
  children: /*#__PURE__*/_jsx("rect", {
53
52
  width: '24',
54
53
  height: '24',
55
- fill: 'currentColor'
54
+ fill: 'red'
56
55
  })
57
56
  })]
58
57
  }));
@@ -24,7 +24,6 @@ export var ArrowChevronRightIcon = /*#__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 24 24",
27
- fill: "currentColor",
28
27
  role: "img",
29
28
  "aria-hidden": "true",
30
29
  width: width,
@@ -36,23 +35,23 @@ export var ArrowChevronRightIcon = /*#__PURE__*/React.forwardRef(function (_ref,
36
35
  id: titleId,
37
36
  children: title
38
37
  }) : null, /*#__PURE__*/_jsxs("mask", {
39
- id: '',
38
+ id: 'arrow-right-1',
40
39
  children: [/*#__PURE__*/_jsx("title", {
41
40
  children: 'arrow-right-1'
42
41
  }), /*#__PURE__*/_jsx("path", {
43
42
  d: "M5.5.75l10.72 10.72a.749.749 0 010 1.06L5.5 23.25",
44
43
  fill: "none",
45
- stroke: "currentColor",
44
+ stroke: "#fff",
46
45
  strokeLinecap: "round",
47
46
  strokeLinejoin: "round",
48
47
  strokeWidth: 1.5
49
48
  })]
50
49
  }), /*#__PURE__*/_jsx("g", {
51
- mask: '',
50
+ mask: 'url(#arrow-right-1)',
52
51
  children: /*#__PURE__*/_jsx("rect", {
53
52
  width: '24',
54
53
  height: '24',
55
- fill: 'currentColor'
54
+ fill: 'red'
56
55
  })
57
56
  })]
58
57
  }));
@@ -24,7 +24,6 @@ export var ArrowChevronUpIcon = /*#__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 24 24",
27
- fill: "currentColor",
28
27
  role: "img",
29
28
  "aria-hidden": "true",
30
29
  width: width,
@@ -36,23 +35,23 @@ export var ArrowChevronUpIcon = /*#__PURE__*/React.forwardRef(function (_ref, sv
36
35
  id: titleId,
37
36
  children: title
38
37
  }) : null, /*#__PURE__*/_jsxs("mask", {
39
- id: '',
38
+ id: 'arrow-up-1',
40
39
  children: [/*#__PURE__*/_jsx("title", {
41
40
  children: 'arrow-up-1'
42
41
  }), /*#__PURE__*/_jsx("path", {
43
42
  d: "M.75 17.189L11.47 6.47a.749.749 0 011.06 0l10.72 10.719",
44
43
  fill: "none",
45
- stroke: "currentColor",
44
+ stroke: "#fff",
46
45
  strokeLinecap: "round",
47
46
  strokeLinejoin: "round",
48
47
  strokeWidth: 1.5
49
48
  })]
50
49
  }), /*#__PURE__*/_jsx("g", {
51
- mask: '',
50
+ mask: 'url(#arrow-up-1)',
52
51
  children: /*#__PURE__*/_jsx("rect", {
53
52
  width: '24',
54
53
  height: '24',
55
- fill: 'currentColor'
54
+ fill: 'red'
56
55
  })
57
56
  })]
58
57
  }));
@@ -24,7 +24,6 @@ export var ArrowDownIcon = /*#__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 24 24",
27
- fill: "currentColor",
28
27
  role: "img",
29
28
  "aria-hidden": "true",
30
29
  width: width,
@@ -36,23 +35,23 @@ export var ArrowDownIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
36
35
  id: titleId,
37
36
  children: title
38
37
  }) : null, /*#__PURE__*/_jsxs("mask", {
39
- id: '',
38
+ id: 'arrow-down',
40
39
  children: [/*#__PURE__*/_jsx("title", {
41
40
  children: 'arrow-down'
42
41
  }), /*#__PURE__*/_jsx("path", {
43
42
  fill: "none",
44
- stroke: "currentColor",
43
+ stroke: "#fff",
45
44
  strokeLinecap: "round",
46
45
  strokeLinejoin: "round",
47
46
  strokeWidth: 1.5,
48
47
  d: "M12 .75v22.5M1.5 12.75L12 23.25l10.5-10.5"
49
48
  })]
50
49
  }), /*#__PURE__*/_jsx("g", {
51
- mask: '',
50
+ mask: 'url(#arrow-down)',
52
51
  children: /*#__PURE__*/_jsx("rect", {
53
52
  width: '24',
54
53
  height: '24',
55
- fill: 'currentColor'
54
+ fill: 'red'
56
55
  })
57
56
  })]
58
57
  }));
@@ -24,7 +24,6 @@ export var ArrowLeftIcon = /*#__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 24 24",
27
- fill: "currentColor",
28
27
  role: "img",
29
28
  "aria-hidden": "true",
30
29
  width: width,
@@ -36,23 +35,23 @@ export var ArrowLeftIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
36
35
  id: titleId,
37
36
  children: title
38
37
  }) : null, /*#__PURE__*/_jsxs("mask", {
39
- id: '',
38
+ id: 'arrow-left',
40
39
  children: [/*#__PURE__*/_jsx("title", {
41
40
  children: 'arrow-left'
42
41
  }), /*#__PURE__*/_jsx("path", {
43
42
  fill: "none",
44
- stroke: "currentColor",
43
+ stroke: "#fff",
45
44
  strokeLinecap: "round",
46
45
  strokeLinejoin: "round",
47
46
  strokeWidth: 1.5,
48
47
  d: "M23.25 12H.75m10.5-10.5L.75 12l10.5 10.5"
49
48
  })]
50
49
  }), /*#__PURE__*/_jsx("g", {
51
- mask: '',
50
+ mask: 'url(#arrow-left)',
52
51
  children: /*#__PURE__*/_jsx("rect", {
53
52
  width: '24',
54
53
  height: '24',
55
- fill: 'currentColor'
54
+ fill: 'red'
56
55
  })
57
56
  })]
58
57
  }));
@@ -24,7 +24,6 @@ export var ArrowRightIcon = /*#__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 24 24",
27
- fill: "currentColor",
28
27
  role: "img",
29
28
  "aria-hidden": "true",
30
29
  width: width,
@@ -36,23 +35,23 @@ export var ArrowRightIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
36
35
  id: titleId,
37
36
  children: title
38
37
  }) : null, /*#__PURE__*/_jsxs("mask", {
39
- id: '',
38
+ id: 'arrow-right',
40
39
  children: [/*#__PURE__*/_jsx("title", {
41
40
  children: 'arrow-right'
42
41
  }), /*#__PURE__*/_jsx("path", {
43
42
  fill: "none",
44
- stroke: "currentColor",
43
+ stroke: "#fff",
45
44
  strokeLinecap: "round",
46
45
  strokeLinejoin: "round",
47
46
  strokeWidth: 1.5,
48
47
  d: "M.75 12h22.5m-10.5 10.5L23.25 12 12.75 1.5"
49
48
  })]
50
49
  }), /*#__PURE__*/_jsx("g", {
51
- mask: '',
50
+ mask: 'url(#arrow-right)',
52
51
  children: /*#__PURE__*/_jsx("rect", {
53
52
  width: '24',
54
53
  height: '24',
55
- fill: 'currentColor'
54
+ fill: 'red'
56
55
  })
57
56
  })]
58
57
  }));
@@ -24,7 +24,6 @@ export var ArrowUpIcon = /*#__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 24 24",
27
- fill: "currentColor",
28
27
  role: "img",
29
28
  "aria-hidden": "true",
30
29
  width: width,
@@ -36,23 +35,23 @@ export var ArrowUpIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
36
35
  id: titleId,
37
36
  children: title
38
37
  }) : null, /*#__PURE__*/_jsxs("mask", {
39
- id: '',
38
+ id: 'arrow-up',
40
39
  children: [/*#__PURE__*/_jsx("title", {
41
40
  children: 'arrow-up'
42
41
  }), /*#__PURE__*/_jsx("path", {
43
42
  fill: "none",
44
- stroke: "currentColor",
43
+ stroke: "#fff",
45
44
  strokeLinecap: "round",
46
45
  strokeLinejoin: "round",
47
46
  strokeWidth: 1.5,
48
47
  d: "M12 23.25V.75m10.5 10.5L12 .75 1.5 11.25"
49
48
  })]
50
49
  }), /*#__PURE__*/_jsx("g", {
51
- mask: '',
50
+ mask: 'url(#arrow-up)',
52
51
  children: /*#__PURE__*/_jsx("rect", {
53
52
  width: '24',
54
53
  height: '24',
55
- fill: 'currentColor'
54
+ fill: 'red'
56
55
  })
57
56
  })]
58
57
  }));
@@ -24,7 +24,6 @@ export var ArticleIcon = /*#__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 24 24",
27
- fill: "currentColor",
28
27
  role: "img",
29
28
  "aria-hidden": "true",
30
29
  width: width,
@@ -36,13 +35,13 @@ export var ArticleIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
36
35
  id: titleId,
37
36
  children: title
38
37
  }) : null, /*#__PURE__*/_jsxs("mask", {
39
- id: '',
38
+ id: 'newspaper-fold',
40
39
  children: [/*#__PURE__*/_jsx("title", {
41
40
  children: 'newspaper-fold'
42
41
  }), /*#__PURE__*/_jsx("path", {
43
42
  d: "M23.25 6v14.25a2.25 2.25 0 01-4.5 0V3a1.5 1.5 0 00-1.5-1.5h-15A1.5 1.5 0 00.75 3v17.25A2.25 2.25 0 003 22.5h18M4.5 15H15M4.5 18h6",
44
43
  fill: "none",
45
- stroke: "currentColor",
44
+ stroke: "#fff",
46
45
  strokeLinecap: "round",
47
46
  strokeLinejoin: "round",
48
47
  strokeWidth: 1.5
@@ -54,17 +53,17 @@ export var ArticleIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
54
53
  rx: 0.75,
55
54
  ry: 0.75,
56
55
  fill: "none",
57
- stroke: "currentColor",
56
+ stroke: "#fff",
58
57
  strokeLinecap: "round",
59
58
  strokeLinejoin: "round",
60
59
  strokeWidth: 1.5
61
60
  })]
62
61
  }), /*#__PURE__*/_jsx("g", {
63
- mask: '',
62
+ mask: 'url(#newspaper-fold)',
64
63
  children: /*#__PURE__*/_jsx("rect", {
65
64
  width: '24',
66
65
  height: '24',
67
- fill: 'currentColor'
66
+ fill: 'red'
68
67
  })
69
68
  })]
70
69
  }));
@@ -24,7 +24,6 @@ export var BadgeIcon = /*#__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 24 24",
27
- fill: "currentColor",
28
27
  role: "img",
29
28
  "aria-hidden": "true",
30
29
  width: width,
@@ -36,30 +35,30 @@ export var BadgeIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
36
35
  id: titleId,
37
36
  children: title
38
37
  }) : null, /*#__PURE__*/_jsxs("mask", {
39
- id: '',
38
+ id: 'rating-star-badge',
40
39
  children: [/*#__PURE__*/_jsx("title", {
41
40
  children: 'rating-star-badge'
42
41
  }), /*#__PURE__*/_jsx("path", {
43
42
  d: "M23.25 9.938A13.5 13.5 0 0112 23.25 13.5 13.5 0 01.75 9.938V.75h22.5zM.75 5.25h22.5",
44
43
  fill: "none",
45
- stroke: "currentColor",
44
+ stroke: "#fff",
46
45
  strokeLinecap: "round",
47
46
  strokeLinejoin: "round",
48
47
  strokeWidth: 1.5
49
48
  }), /*#__PURE__*/_jsx("path", {
50
49
  d: "M12.53 8.792l1.249 2.458h2.127a.582.582 0 01.419 1l-1.953 1.922 1.082 2.485a.589.589 0 01-.839.736L12 15.919l-2.615 1.47a.589.589 0 01-.839-.736l1.082-2.485-1.953-1.922a.582.582 0 01.419-1h2.127l1.249-2.454a.594.594 0 011.06 0z",
51
50
  fill: "none",
52
- stroke: "currentColor",
51
+ stroke: "#fff",
53
52
  strokeLinecap: "round",
54
53
  strokeLinejoin: "round",
55
54
  strokeWidth: 1.5
56
55
  })]
57
56
  }), /*#__PURE__*/_jsx("g", {
58
- mask: '',
57
+ mask: 'url(#rating-star-badge)',
59
58
  children: /*#__PURE__*/_jsx("rect", {
60
59
  width: '24',
61
60
  height: '24',
62
- fill: 'currentColor'
61
+ fill: 'red'
63
62
  })
64
63
  })]
65
64
  }));
@@ -24,7 +24,6 @@ export var BellIcon = /*#__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 24 24",
27
- fill: "currentColor",
28
27
  role: "img",
29
28
  "aria-hidden": "true",
30
29
  width: width,
@@ -36,23 +35,23 @@ export var BellIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
36
35
  id: titleId,
37
36
  children: title
38
37
  }) : null, /*#__PURE__*/_jsxs("mask", {
39
- id: '',
38
+ id: 'alarm-bell',
40
39
  children: [/*#__PURE__*/_jsx("title", {
41
40
  children: 'alarm-bell'
42
41
  }), /*#__PURE__*/_jsx("path", {
43
42
  d: "M10 21.75a2.087 2.087 0 004.005 0M12 3V.75M12 3a7.5 7.5 0 017.5 7.5c0 7.046 1.5 8.25 1.5 8.25H3s1.5-1.916 1.5-8.25A7.5 7.5 0 0112 3z",
44
43
  fill: "none",
45
- stroke: "currentColor",
44
+ stroke: "#fff",
46
45
  strokeLinecap: "round",
47
46
  strokeLinejoin: "round",
48
47
  strokeWidth: 1.5
49
48
  })]
50
49
  }), /*#__PURE__*/_jsx("g", {
51
- mask: '',
50
+ mask: 'url(#alarm-bell)',
52
51
  children: /*#__PURE__*/_jsx("rect", {
53
52
  width: '24',
54
53
  height: '24',
55
- fill: 'currentColor'
54
+ fill: 'red'
56
55
  })
57
56
  })]
58
57
  }));
@@ -24,7 +24,6 @@ export var BookClosedBookmarkIcon = /*#__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 24 24",
27
- fill: "currentColor",
28
27
  role: "img",
29
28
  "aria-hidden": "true",
30
29
  width: width,
@@ -36,30 +35,30 @@ export var BookClosedBookmarkIcon = /*#__PURE__*/React.forwardRef(function (_ref
36
35
  id: titleId,
37
36
  children: title
38
37
  }) : null, /*#__PURE__*/_jsxs("mask", {
39
- id: '',
38
+ id: 'book-close-bookmark',
40
39
  children: [/*#__PURE__*/_jsx("title", {
41
40
  children: 'book-close-bookmark'
42
41
  }), /*#__PURE__*/_jsx("path", {
43
42
  d: "M18 2.25h1.5a1.5 1.5 0 011.5 1.5v18a1.5 1.5 0 01-1.5 1.5h-15a1.5 1.5 0 01-1.5-1.5v-18a1.5 1.5 0 011.5-1.5H12m-4.5 0v21",
44
43
  fill: "none",
45
- stroke: "currentColor",
44
+ stroke: "#fff",
46
45
  strokeLinecap: "round",
47
46
  strokeLinejoin: "round",
48
47
  strokeWidth: 1.5
49
48
  }), /*#__PURE__*/_jsx("path", {
50
49
  d: "M18 12.75l-3-3-3 3V2.25a1.5 1.5 0 011.5-1.5h3a1.5 1.5 0 011.5 1.5z",
51
50
  fill: "none",
52
- stroke: "currentColor",
51
+ stroke: "#fff",
53
52
  strokeLinecap: "round",
54
53
  strokeLinejoin: "round",
55
54
  strokeWidth: 1.5
56
55
  })]
57
56
  }), /*#__PURE__*/_jsx("g", {
58
- mask: '',
57
+ mask: 'url(#book-close-bookmark)',
59
58
  children: /*#__PURE__*/_jsx("rect", {
60
59
  width: '24',
61
60
  height: '24',
62
- fill: 'currentColor'
61
+ fill: 'red'
63
62
  })
64
63
  })]
65
64
  }));