feat: add state icons

src/components/icons/index.ts

@@ -91,6 +91,9 @@ import Copy from 'src/assets/svg/mp_act_lt_copy.svg?react'
 import MoreActions from 'src/assets/svg/mp_act_lt_more-actions.svg?react'
 import AbSplit from 'src/assets/svg/mp_info_lt_ab-split.svg?react'
 import BannerFreemium from 'src/assets/svg/mp_info_dt_sampled.svg?react'
+import StateEmpty from 'src/assets/svg/mp_info_lt_state-empty.svg?react'
+import StateError from 'src/assets/svg/mp_info_lt_state-error.svg?react'
+import StateNoResults from 'src/assets/svg/mp_info_lt_state-no-results.svg?react'
 
 export {
   AbSplit,
@@ -186,4 +189,7 @@ export {
   ZoomIn,
   ZoomOut,
   BannerFreemium,
+  StateEmpty,
+  StateError,
+  StateNoResults,
 }

src/constants/Icons.ts

@@ -94,6 +94,9 @@ import {
   MoreActions,
   AbSplit,
   BannerFreemium,
+  StateEmpty,
+  StateError,
+  StateNoResults,
 } from 'src/components/icons'
 
 export const Icons: Record<IconNames, IconOptions> = {
@@ -560,4 +563,16 @@ export const Icons: Record<IconNames, IconOptions> = {
     'duo-tone': BannerFreemium,
     default: 'duo-tone',
   },
+  stateEmpty: {
+    light: StateEmpty,
+    default: 'light',
+  },
+  stateError: {
+    light: StateError,
+    default: 'light',
+  },
+  stateNoResults: {
+    light: StateNoResults,
+    default: 'light',
+  },
 } as const

src/types/icons.ts

@@ -125,3 +125,6 @@ export type IconNames =
   | 'zoomIn'
   | 'zoomOut'
   | 'bannerFreemium'
+  | 'stateEmpty'
+  | 'stateError'
+  | 'stateNoResults'