@coinbase/ui-mobile-playground 4.5.6 → 4.5.8

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 (11) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dts/__generated__/iconSvgMap.d.ts.map +1 -1
  3. package/dts/components/ExamplesListScreen.d.ts.map +1 -1
  4. package/dts/components/useExampleNavigatorProps.d.ts.map +1 -1
  5. package/esm/__generated__/iconSvgMap.js +1 -1
  6. package/esm/components/ExamplesListScreen.js +2 -4
  7. package/esm/components/useExampleNavigatorProps.js +10 -29
  8. package/package.json +4 -4
  9. package/src/__generated__/iconSvgMap.ts +54 -0
  10. package/src/components/ExamplesListScreen.tsx +2 -4
  11. package/src/components/useExampleNavigatorProps.tsx +10 -23
package/esm/components/ExamplesListScreen.js CHANGED
@@ -4,7 +4,7 @@ import { ListCell } from '@coinbase/cds-mobile/cells/ListCell';
4
4
  import { Box } from '@coinbase/cds-mobile/layout/Box';
5
5
  import { useNavigation, useRoute } from '@react-navigation/native';
6
6
  import includes from 'lodash/includes';
7
- import { SearchFilterContext, SetSearchFilterContext } from './ExamplesSearchProvider';
7
+ import { SearchFilterContext } from './ExamplesSearchProvider';
8
8
  import { keyToRouteName } from './keyToRouteName';
9
9
  import { initialRouteKey, searchRouteKey } from './staticRoutes';
10
10
  import { jsx as _jsx } from "react/jsx-runtime";
@@ -14,7 +14,6 @@ const innerSpacingConfig = {
14
14
  export function ExamplesListScreen() {
15
15
  var _routeKeys, _useRoute$params;
16
16
  const searchFilter = useContext(SearchFilterContext);
17
- const setFilter = useContext(SetSearchFilterContext);
18
17
 
19
18
  // React Navigation Route Param typing is not clean because our routes are dynamic
20
19
  const routeKeys = (_routeKeys = (_useRoute$params = useRoute().params) === null || _useRoute$params === void 0 ? void 0 : _useRoute$params.routeKeys) !== null && _routeKeys !== void 0 ? _routeKeys : [];
@@ -26,7 +25,6 @@ export function ExamplesListScreen() {
26
25
  item
27
26
  } = _ref;
28
27
  const handlePress = () => {
29
- setFilter('');
30
28
  // typing not clean due to dynamic routes
31
29
  navigate(keyToRouteName(item));
32
30
  };
@@ -37,7 +35,7 @@ export function ExamplesListScreen() {
37
35
  onPress: handlePress,
38
36
  title: item
39
37
  });
40
- }, [navigate, setFilter]);
38
+ }, [navigate]);
41
39
  const data = [...routeKeys, 'IconSheet'].sort().filter(key => key !== initialRouteKey && key !== searchRouteKey).filter(key => {
42
40
  if (searchFilter !== '') {
43
41
  return includes(key.toLowerCase(), searchFilter.toLowerCase());
package/esm/components/useExampleNavigatorProps.js CHANGED
@@ -9,13 +9,9 @@ import { Box } from '@coinbase/cds-mobile/layout/Box';
9
9
  import { HStack } from '@coinbase/cds-mobile/layout/HStack';
10
10
  import { Spacer } from '@coinbase/cds-mobile/layout/Spacer';
11
11
  import { TextHeadline } from '@coinbase/cds-mobile/typography/TextHeadline';
12
- import { SetSearchFilterContext } from './ExamplesSearchProvider';
12
+ import { SearchFilterContext, SetSearchFilterContext } from './ExamplesSearchProvider';
13
13
  import { initialRouteName, searchRouteName } from './staticRoutes';
14
14
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
15
- const invisiblePressableStyle = {
16
- width: 40,
17
- height: 40
18
- };
19
15
  const iconButtonHeight = interactableHeight.regular;
20
16
  export function useExampleNavigatorProps(_ref) {
21
17
  let {
@@ -26,6 +22,7 @@ export function useExampleNavigatorProps(_ref) {
26
22
  top
27
23
  } = useSafeAreaInsets();
28
24
  const [headerSize, onLayout] = useLayout();
25
+ const searchFilter = useContext(SearchFilterContext);
29
26
  const setFilter = useContext(SetSearchFilterContext);
30
27
  const style = useMemo(() => ({
31
28
  marginTop: top
@@ -35,35 +32,21 @@ export function useExampleNavigatorProps(_ref) {
35
32
  let {
36
33
  navigation,
37
34
  route,
38
- options,
39
- progress,
40
- styleInterpolator
35
+ options
41
36
  } = _ref2;
42
37
  const isFocused = navigation.isFocused();
43
38
  const canGoBack = navigation.canGoBack();
44
39
  const goBack = () => {
45
40
  navigation.goBack();
41
+ };
42
+ const goBackFromSearch = () => {
46
43
  setFilter('');
44
+ navigation.goBack();
47
45
  };
48
46
  const goToSearch = () => navigation.navigate(searchRouteName);
49
47
  const routeName = route.name;
50
48
  const titleForScene = options.title;
51
49
  const isSearch = routeName === searchRouteName;
52
- const {
53
- titleStyle
54
- } = styleInterpolator({
55
- current: {
56
- progress: progress.current
57
- },
58
- next: progress.next && {
59
- progress: progress.next
60
- },
61
- layouts: {
62
- header: headerSize,
63
- title: headerSize,
64
- screen: headerSize
65
- }
66
- });
67
50
  const showBackButton = isFocused && canGoBack && !isSearch;
68
51
  const showSearch = routeName === initialRouteName;
69
52
  const iconButtonPlaceholder = /*#__PURE__*/_jsx(Box, {
@@ -118,25 +101,23 @@ export function useExampleNavigatorProps(_ref) {
118
101
  start: /*#__PURE__*/_jsx(IconButton, {
119
102
  transparent: true,
120
103
  name: "backArrow",
121
- onPress: goBack
122
- })
104
+ onPress: goBackFromSearch
105
+ }),
106
+ value: searchFilter
123
107
  }) : /*#__PURE__*/_jsx(TextHeadline, {
124
- animated: true,
125
108
  align: "center",
126
- style: titleStyle,
127
109
  children: titleForScene
128
110
  })
129
111
  }), /*#__PURE__*/_jsx(Spacer, {}), rightHeaderButton]
130
112
  })
131
113
  });
132
114
  };
133
- }, [headerSize, onLayout, setFilter, style, theme.activeColorScheme, setColorScheme]);
115
+ }, [onLayout, searchFilter, setFilter, style, theme.activeColorScheme, setColorScheme]);
134
116
  return useMemo(() => {
135
117
  const screenOptions = {
136
118
  headerBackAllowFontScaling: false,
137
119
  headerBackTitleVisible: false,
138
120
  headerTitleAllowFontScaling: false,
139
- headerMode: 'float',
140
121
  headerStyle: {
141
122
  backgroundColor: theme.color.bg,
142
123
  borderWidth: 0,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coinbase/ui-mobile-playground",
3
- "version": "4.5.6",
3
+ "version": "4.5.8",
4
4
  "description": "Mobile UI Components in a Playground",
5
5
  "repository": {
6
6
  "type": "git",
@@ -34,9 +34,9 @@
34
34
  "CHANGELOG"
35
35
  ],
36
36
  "peerDependencies": {
37
- "@coinbase/cds-common": "^8.19.1",
38
- "@coinbase/cds-mobile": "^8.19.1",
39
- "@coinbase/cds-mobile-visualization": "^3.4.0-beta.5",
37
+ "@coinbase/cds-common": "^8.25.1",
38
+ "@coinbase/cds-mobile": "^8.25.1",
39
+ "@coinbase/cds-mobile-visualization": "^3.4.0-beta.6",
40
40
  "@react-navigation/elements": "^1.3.17",
41
41
  "@react-navigation/native": "^6.1.6",
42
42
  "@react-navigation/stack": "^6.3.16",
package/src/__generated__/iconSvgMap.ts CHANGED
@@ -133,6 +133,12 @@ export const svgMap: Record<string, SvgMapEntry> = {
133
133
  'arrowsHorizontal-16-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"m1.357 4.995 3-3H6.62l-2.2 2.2h6.569v1.6H4.42l2.2 2.2H4.357zm8 9 2.2-2.2H4.99v-1.6h6.568l-2.2-2.2h2.263l3 3-3 3z\"/></svg>" },
134
134
  'arrowsHorizontal-24-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"m1.367 7.495 4.5-4.5h4.243l-3 3h8.879v3H7.11l3 3H5.867zm12.5 13.5 3-3H7.99v-3h8.878l-3-3h4.243l4.5 4.5-4.5 4.5z\"/></svg>" },
135
135
  'arrowsHorizontal-24-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M9.403 2.995H6.575l-4.5 4.5 4.5 4.5h2.828l-3.5-3.5h10.086v-2H5.903zm8.672 12.5H7.989v2h10.086l-3.5 3.5h2.828l4.5-4.5-4.5-4.5h-2.828z\"/></svg>" },
136
+ 'arrowsUpDown-12-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M1 6.5 4.75 11 8.5 6.5zm2.5-1H11L7.25 1z\"/></svg>" },
137
+ 'arrowsUpDown-12-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M4.75 11 8.5 6.5H1zm0-1.874L3.563 7.7h2.375zM3.5 5.5H11L7.25 1zm4.938-1.2H6.062L7.25 2.874z\" clip-rule=\"evenodd\"/></svg>" },
138
+ 'arrowsUpDown-16-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M4.976 7.007h10.055l-5.027-6.003zM11.086 9H1.03l5.027 6.004z\"/></svg>" },
139
+ 'arrowsUpDown-16-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M4.945 7.007H15L9.973 1.004zm6.62-1.6H8.38l1.593-1.903zM11.055 9H1l5.027 6.004zm-6.62 1.601H7.62l-1.593 1.902z\"/></svg>" },
140
+ 'arrowsUpDown-24-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"m2 13 7.5 9 7.5-9zm5-2h15l-7.5-9z\"/></svg>" },
141
+ 'arrowsUpDown-24-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"m9.5 22 7.5-9H2zm0-3.123L6.27 15h6.46zM7 11h15l-7.5-9zm10.73-2h-6.46l3.23-3.877z\" clip-rule=\"evenodd\"/></svg>" },
136
142
  'arrowsVertical-12-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"m3.489 11.306-2.5-2.5V6.685l1.6 1.6v-4.29h1.8v4.29l1.6-1.6v2.12zm2.5-6V3.185l2.5-2.5 2.5 2.5v2.12l-1.6-1.6v4.29h-1.8v-4.29z\"/></svg>" },
137
143
  'arrowsVertical-12-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"m3.489 11.094-2.5-2.5V6.897l1.9 1.9V3.995h1.2v4.802l1.9-1.9v1.697zm7.5-6-1.9-1.9v4.801h-1.2V3.194l-1.9 1.9V3.397l2.5-2.5 2.5 2.5z\"/></svg>" },
138
144
  'arrowsVertical-16-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"m4.989 15.05-3-3V8.94l1.8 1.8V4.995h2.4v5.745l1.8-1.8v3.11zm4.8-9.8-1.8 1.8V3.94l3-3 3 3v3.11l-1.8-1.8v5.745h-2.4z\"/></svg>" },
@@ -229,6 +235,12 @@ export const svgMap: Record<string, SvgMapEntry> = {
229
235
  'baseNotification-16-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M8.257 1.007A5 5 0 0 1 13 6v4.4h1.666V12H11l-.004.154A3 3 0 0 1 8 15l-.154-.004a3 3 0 0 1-2.842-2.842L5 12H1.333v-1.6H3V6a5 5 0 0 1 5-5zM6.6 12a1.4 1.4 0 0 0 2.8 0zM8 2.6A3.4 3.4 0 0 0 4.6 6v4.4h6.8V6A3.4 3.4 0 0 0 8 2.6\" clip-rule=\"evenodd\"/></svg>" },
230
236
  'baseNotification-24-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M15.712 19.49a4 4 0 0 1-7.424 0zM12 2a7 7 0 0 1 7 7v7h3v2H2v-2h3V9a7 7 0 0 1 7-7\"/></svg>" },
231
237
  'baseNotification-24-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M12 2a7 7 0 0 1 7 7v7h3v2h-6l-.005.206a4 4 0 0 1-7.99 0L8 18H2v-2h3V9a7 7 0 0 1 7-7m-2 16a2 2 0 0 0 3.99.204L14 18zm2-14a5 5 0 0 0-5 5v7h10V9a5 5 0 0 0-5-5\" clip-rule=\"evenodd\"/></svg>" },
238
+ 'baseQuickBuy-12-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M6.007 11a5 5 0 1 0 0-10 5 5 0 0 0 0 10M4.082 9.5a4.04 4.04 0 0 0-1.48-5.52A4.04 4.04 0 0 0 8.123 2.5a4.04 4.04 0 0 0 1.479 5.52 4.04 4.04 0 0 0-5.52 1.48\"/></svg>" },
239
+ 'baseQuickBuy-12-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M11.007 6a5 5 0 1 1-10 0 5 5 0 0 1 10 0M9.316 7.87a4.04 4.04 0 0 0-5.133 1.464A3.8 3.8 0 0 0 9.316 7.87m.012-.022a3.8 3.8 0 0 0-1.341-5.092 4.04 4.04 0 0 0 1.341 5.092M7.97 2.745a3.8 3.8 0 0 0-5.229 1.31 4.04 4.04 0 0 0 5.229-1.31M2.738 4.062A3.8 3.8 0 0 0 4.175 9.33a4.04 4.04 0 0 0-1.437-5.268\"/></svg>" },
240
+ 'baseQuickBuy-16-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M8.007 15a7 7 0 1 0 0-14 7 7 0 0 0 0 14m-2.886-2a5.773 5.773 0 0 0-2.114-7.887A5.774 5.774 0 0 0 10.895 3a5.774 5.774 0 0 0 2.112 7.887A5.773 5.773 0 0 0 5.121 13\"/></svg>" },
241
+ 'baseQuickBuy-16-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M15.007 8a7 7 0 1 1-14 0 7 7 0 0 1 14 0m-2.329 2.71a5.77 5.77 0 0 0-7.36 1.974 5.4 5.4 0 0 0 2.69.716 5.4 5.4 0 0 0 4.67-2.69m.012-.02a5.4 5.4 0 0 0-1.972-7.361 5.774 5.774 0 0 0 1.972 7.361m-1.992-7.373A5.4 5.4 0 0 0 3.336 5.29a5.775 5.775 0 0 0 7.362-1.972M3.324 5.31a5.4 5.4 0 0 0 1.973 7.362A5.77 5.77 0 0 0 3.324 5.31\"/></svg>" },
242
+ 'baseQuickBuy-24-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M11.818 22c5.522 0 10-4.477 10-10s-4.478-10-10-10-10 4.477-10 10 4.477 10 10 10m-3.851-3a8.08 8.08 0 0 0-2.96-11.041A8.083 8.083 0 0 0 16.05 5a8.083 8.083 0 0 0 2.957 11.042A8.08 8.08 0 0 0 7.967 19\"/></svg>" },
243
+ 'baseQuickBuy-24-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M21.818 12c0 5.523-4.478 10-10 10s-10-4.477-10-10 4.477-10 10-10 10 4.477 10 10m-3.026 3.922A8.08 8.08 0 0 0 7.967 19a8.08 8.08 0 0 0-2.96-11.041A8.083 8.083 0 0 0 15.96 5.154a8 8 0 1 0 2.833 10.768m.004-.007A7.96 7.96 0 0 0 19.818 12a8 8 0 0 0-3.856-6.844 8.083 8.083 0 0 0 2.834 10.76\"/></svg>" },
232
244
  'baseSquare-12-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M.989 1.995a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1z\"/></svg>" },
233
245
  'baseSquare-12-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M9.988.995a1 1 0 0 1 1.001 1v8a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1zm-7.8 1.2v7.6H9.79v-7.6z\" clip-rule=\"evenodd\"/></svg>" },
234
246
  'baseSquare-16-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M.989 2.995a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-10a2 2 0 0 1-2-2z\"/></svg>" },
@@ -349,6 +361,12 @@ export const svgMap: Record<string, SvgMapEntry> = {
349
361
  'calendar-16-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M9.858 6.83h1.867v1.867H9.858zm-.936 0H7.055v1.867h1.867zm-4.665 2.8h1.867v1.868H4.257z\"/><path fill=\"#0A0B0D\" d=\"M4.023.995H2.156V2.55H.99v12.445h14V2.55h-1.164V.995H11.96V2.55H8.922V.995H7.055V2.55H4.023zm9.099 4.666v7.467H2.856V5.661z\"/></svg>" },
350
362
  'calendar-24-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M4.211 1.995h2.222v2.222h2.222V1.995h2.223v2.222H13.1V1.995h2.222v2.222h2.222V1.995h2.223v2.222h2.222v17.778h-20V4.217H4.21zm8.889 8.89h-2.222v2.221H13.1zm-6.667 4.444v2.222h2.222v-2.222zm11.111-4.445h-2.222v2.222h2.222zm-6.666 4.445v2.222H13.1v-2.222z\"/></svg>" },
351
363
  'calendar-24-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M13.1 10.884h-2.222v2.222H13.1zm-6.667 4.445h2.222v2.222H6.433zm11.111-4.445h-2.222v2.222h2.222zm-6.666 4.445H13.1v2.222h-2.222z\"/><path fill=\"#0A0B0D\" d=\"M6.433 1.995H4.211v2.222H1.989v17.778h20V4.217h-2.222V1.995h-2.223v2.222h-2.222V1.995H13.1v2.222h-2.222V1.995H8.655v2.222H6.433zM4.211 8.662h15.556v11.111H4.21z\"/></svg>" },
364
+ 'calendarBlank-12-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M11 11H1V6.2h10zM3.075 2H4.25v-.996h1.2V2h1.175v-.996h1.2V2H9v-.996h1.2V2h.8v3H1V2h.875v-.996h1.2z\"/></svg>" },
365
+ 'calendarBlank-12-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M3.075 2H4.25v-.996h1.2V2h1.175v-.996h1.2V2H9v-.996h1.2V2h.8v9H1V2h.875v-.996h1.2zM2.2 6.2v3.6h7.6V6.2zm0-1.2h7.6V3.2H2.2z\" clip-rule=\"evenodd\"/></svg>" },
366
+ 'calendarBlank-16-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M15 15H1V7.6h14zM4.1 3h1.567V1h1.6v2h1.566V1h1.6v2H12V1h1.6v2H15v3H1V3h1.5V1h1.6z\"/></svg>" },
367
+ 'calendarBlank-16-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M4.1 3h1.567V1h1.6v2h1.566V1h1.6v2H12V1h1.6v2H15v12H1V3h1.5V1h1.6zM2.6 8.6v4.8h10.8V8.6zm0-1.6h10.8V4.6H2.6z\" clip-rule=\"evenodd\"/></svg>" },
368
+ 'calendarBlank-24-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M22 22H2V11h20zM6 5h2.668V2h2v3h2.668V2h2v3h2.668V2h2v3H22v4H2V5h2V2h2z\"/></svg>" },
369
+ 'calendarBlank-24-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M6 5h2.668V2h2v3h2.668V2h2v3h2.668V2h2v3H22v17H2V5h2V2h2zm-2 6v9h16v-9zm0-2h16V7H4z\" clip-rule=\"evenodd\"/></svg>" },
352
370
  'calendarEmpty-12-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M8.79.995h1.2v1.111h.999v8.89h-10v-8.89h1V.996h1.2v1.11h2.2V.996h1.2v1.11h2.2zm.999 2.311h-7.6v1.49h7.6z\"/></svg>" },
353
371
  'calendarEmpty-12-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M8.79.995h1.2v1.111h.999v8.89h-10v-8.89h1V.996h1.2v1.11h2.2V.996h1.2v1.11h2.2zm.865 4H2.322v4.666h7.333z\"/></svg>" },
354
372
  'calendarEmpty-16-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M4.023.995H2.156V2.55H.99v12.445h14V2.55h-1.164V.995H11.96V2.55H8.922V.995H7.055V2.55H4.023zM13 4H3v2h10z\" clip-rule=\"evenodd\"/></svg>" },
@@ -715,6 +733,12 @@ export const svgMap: Record<string, SvgMapEntry> = {
715
733
  'coinbaseRewards-16-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M6.503 8a1.501 1.501 0 0 0 2.983.25H11A3.003 3.003 0 0 1 8.006 11 3.004 3.004 0 0 1 5 8c0-1.656 1.346-3 3.006-3A3.003 3.003 0 0 1 11 7.75H9.486A1.502 1.502 0 0 0 6.503 8\"/><path fill=\"#0A0B0D\" d=\"M12.512 2.647a.52.52 0 0 0-.566-.397l-1.35.128a1.7 1.7 0 0 1-1.226-.382L8.35 1.13a.54.54 0 0 0-.7 0l-1.02.86c-.33.284-.778.426-1.226.381l-1.35-.127a.53.53 0 0 0-.566.396l-.29 1.264a1.57 1.57 0 0 1-.762.994l-1.17.658a.485.485 0 0 0-.22.636l.542 1.196c.18.396.18.845 0 1.234L1.046 9.81a.5.5 0 0 0 .22.636l1.17.658c.392.217.667.575.762.994l.29 1.264a.52.52 0 0 0 .566.396l1.35-.127a1.7 1.7 0 0 1 1.226.381l1.02.86a.54.54 0 0 0 .7 0l1.02-.86c.33-.284.778-.426 1.226-.381l1.35.127a.53.53 0 0 0 .566-.396l.29-1.264c.103-.418.377-.777.762-.994l1.17-.658a.485.485 0 0 0 .22-.636l-.542-1.188a1.47 1.47 0 0 1 0-1.234l.542-1.189a.5.5 0 0 0-.22-.635l-1.17-.658a1.52 1.52 0 0 1-.762-.995zm-4.91.485.395-.334.402.341.006.005a3.2 3.2 0 0 0 2.318.728l.52-.049.097.42a3.02 3.02 0 0 0 1.493 1.972l.37.208-.154.338a2.97 2.97 0 0 0-.002 2.482l.156.342-.375.211a3.07 3.07 0 0 0-1.483 1.946l-.002.01-.1.432-.503-.047a3.14 3.14 0 0 0-2.341.731L8 13.204l-.405-.34a3.2 3.2 0 0 0-2.318-.729l-.52.05-.097-.421a3.02 3.02 0 0 0-1.493-1.971l-.37-.208.154-.338c.365-.792.36-1.695.002-2.48v-.002l-.158-.349.377-.212a3.07 3.07 0 0 0 1.483-1.946l.002-.01.1-.432.503.047a3.14 3.14 0 0 0 2.341-.731\"/></svg>" },
716
734
  'coinbaseRewards-24-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"m13.958 3.423-1.459-1.239a.77.77 0 0 0-.998 0l-1.459 1.229a2.34 2.34 0 0 1-1.75.544l-1.93-.181c-.381-.032-.729.213-.807.566l-.416 1.805a2.25 2.25 0 0 1-1.088 1.42l-1.672.94a.693.693 0 0 0-.314.908l.774 1.71a2.1 2.1 0 0 1 0 1.761l-.774 1.699a.715.715 0 0 0 .314.908l1.672.94c.561.31.954.822 1.088 1.42l.416 1.805c.078.363.426.598.807.566l1.93-.181a2.42 2.42 0 0 1 1.75.544l1.459 1.229a.77.77 0 0 0 .998 0l1.459-1.229a2.34 2.34 0 0 1 1.75-.544l1.93.181c.381.032.729-.213.807-.566l.416-1.805a2.25 2.25 0 0 1 1.088-1.42l1.672-.94a.693.693 0 0 0 .314-.908l-.774-1.699a2.1 2.1 0 0 1 0-1.762l.774-1.698a.715.715 0 0 0-.314-.908l-1.672-.94a2.17 2.17 0 0 1-1.088-1.42l-.416-1.806c-.078-.363-.426-.598-.807-.566l-1.93.182a2.4 2.4 0 0 1-1.75-.545M9.255 12c0 1.52 1.233 2.75 2.755 2.75a2.75 2.75 0 0 0 2.714-2.292H17.5a5.506 5.506 0 0 1-5.49 5.042A5.507 5.507 0 0 1 6.5 12c0-3.036 2.468-5.5 5.51-5.5a5.506 5.506 0 0 1 5.49 5.042h-2.776A2.75 2.75 0 0 0 12.01 9.25 2.75 2.75 0 0 0 9.255 12\"/></svg>" },
717
735
  'coinbaseRewards-24-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M9.505 12c0 1.381 1.12 2.5 2.504 2.5 1.24 0 2.27-.902 2.467-2.083H17A5.005 5.005 0 0 1 12.01 17 5.006 5.006 0 0 1 7 12c0-2.76 2.244-5 5.01-5A5.005 5.005 0 0 1 17 11.583h-2.524A2.5 2.5 0 0 0 12.01 9.5 2.5 2.5 0 0 0 9.505 12\"/><path fill=\"#0A0B0D\" d=\"M18.446 4.352c-.079-.363-.427-.598-.808-.566l-1.93.182a2.4 2.4 0 0 1-1.75-.545l-1.459-1.239a.77.77 0 0 0-.998 0l-1.459 1.229a2.34 2.34 0 0 1-1.75.544l-1.93-.181c-.381-.032-.729.213-.807.566l-.416 1.805a2.25 2.25 0 0 1-1.088 1.42l-1.672.94a.693.693 0 0 0-.314.908l.774 1.71a2.1 2.1 0 0 1 0 1.761l-.774 1.699a.715.715 0 0 0 .314.908l1.672.94c.561.31.954.822 1.088 1.42l.416 1.805c.078.363.426.598.807.566l1.93-.181a2.42 2.42 0 0 1 1.75.544l1.459 1.229a.77.77 0 0 0 .998 0l1.459-1.229a2.34 2.34 0 0 1 1.75-.544l1.93.181c.381.032.729-.213.807-.566l.416-1.805a2.25 2.25 0 0 1 1.088-1.42l1.672-.94a.693.693 0 0 0 .314-.908l-.774-1.699a2.1 2.1 0 0 1 0-1.762l.774-1.698a.715.715 0 0 0-.314-.908l-1.672-.94a2.17 2.17 0 0 1-1.088-1.42zm-7.108.584.659-.555.666.567.007.006a4.4 4.4 0 0 0 3.207 1.007l.01-.001.857-.08.167.722a4.17 4.17 0 0 0 2.063 2.723l.644.361-.275.603a4.1 4.1 0 0 0-.002 3.427l.277.608-.65.366a4.25 4.25 0 0 0-2.05 2.69l-.004.012-.17.74-.843-.08a4.34 4.34 0 0 0-3.239 1.012l-.662.558-.67-.565a4.42 4.42 0 0 0-3.207-1.007h-.01l-.857.081-.165-.717-.002-.005a4.17 4.17 0 0 0-2.063-2.723l-.644-.362.275-.602a4.1 4.1 0 0 0 .003-3.425v-.002l-.28-.618.653-.367a4.25 4.25 0 0 0 2.05-2.69l.003-.012.17-.74.844.08a4.34 4.34 0 0 0 3.238-1.012\"/></svg>" },
736
+ 'coinsCrypto-12-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M11 9a2 2 0 1 1-4 0 2 2 0 0 1 4 0m-5.215 1a1 1 0 1 1-2 0 1 1 0 0 1 2 0M8 4.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0\"/></svg>" },
737
+ 'coinsCrypto-12-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M4.785 9a1 1 0 1 1 0 2 1 1 0 0 1 0-2\"/><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M9 7a2 2 0 1 1 0 4 2 2 0 0 1 0-4m0 1.2a.8.8 0 1 0 0 1.6.8.8 0 0 0 0-1.6M4.68 1.005A3.5 3.5 0 0 1 8 4.5l-.005.18A3.5 3.5 0 0 1 4.5 8l-.18-.005A3.5 3.5 0 0 1 1.005 4.68L1 4.5A3.5 3.5 0 0 1 4.5 1zM4.5 2.2a2.3 2.3 0 1 0 0 4.6 2.3 2.3 0 0 0 0-4.6\" clip-rule=\"evenodd\"/></svg>" },
738
+ 'coinsCrypto-16-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M12 9a3 3 0 1 1 0 6 3 3 0 0 1 0-6m-6 3a1.333 1.333 0 1 1 0 2.666A1.333 1.333 0 0 1 6 12M5.667 1a4.667 4.667 0 1 1-.001 9.333A4.667 4.667 0 0 1 5.667 1\"/></svg>" },
739
+ 'coinsCrypto-16-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M12 9a3 3 0 1 1 0 6 3 3 0 0 1 0-6m0 1.6a1.4 1.4 0 1 0 0 2.801 1.4 1.4 0 0 0 0-2.801\" clip-rule=\"evenodd\"/><path fill=\"#0A0B0D\" d=\"M6 12a1.333 1.333 0 1 1 0 2.666A1.333 1.333 0 0 1 6 12\"/><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M5.907 1.006a4.667 4.667 0 0 1 4.426 4.661l-.006.24a4.666 4.666 0 0 1-4.66 4.426l-.24-.006a4.667 4.667 0 0 1-4.421-4.42L1 5.667A4.667 4.667 0 0 1 5.667 1zM5.667 2.6a3.068 3.068 0 1 0 .001 6.135A3.068 3.068 0 0 0 5.667 2.6\" clip-rule=\"evenodd\"/></svg>" },
740
+ 'coinsCrypto-24-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M10 18a2 2 0 1 1 0 4 2 2 0 0 1 0-4m8-4a4 4 0 1 1 0 8 4 4 0 0 1 0-8\"/><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M9.002 2a7 7 0 1 1 0 14 7 7 0 0 1 0-14m-.92 6.055L5.527 9l2.555.945.945 2.555.946-2.555L12.527 9l-2.554-.945L9.027 5.5z\" clip-rule=\"evenodd\"/></svg>" },
741
+ 'coinsCrypto-24-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M10 18a2 2 0 1 1 0 4 2 2 0 0 1 0-4\"/><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M18 14a4 4 0 1 1 0 8 4 4 0 0 1 0-8m0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4\" clip-rule=\"evenodd\"/><path fill=\"#0A0B0D\" d=\"M9.973 8.055 12.527 9l-2.554.945-.946 2.555-.945-2.555L5.527 9l2.555-.945.945-2.555z\"/><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M9.362 2.009A7 7 0 0 1 9.002 16l-.36-.009A7 7 0 0 1 9.002 2zM9.002 4a5 5 0 1 0 0 10 5 5 0 0 0 0-10\" clip-rule=\"evenodd\"/></svg>" },
718
742
  'collapse-12-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M7.839 2.873V1.145l-1.5 1.5v3h3l1.5-1.5H9.112l1.877-1.877L9.716.995zm-3.7 6.245L2.26 10.995.99 9.722l1.877-1.877H1.139l1.5-1.5h3v3l-1.5 1.5z\"/></svg>" },
719
743
  'collapse-12-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"m8.437 4.395 2.552-2.551-.849-.849-2.55 2.552V.995h-.1l-1.1 1.1v3.5h3.5l1.1-1.1v-.1zM4.389 8.444l-2.552 2.551-.848-.848L3.54 7.595H.99v-.1l1.1-1.1h3.5v3.5l-1.1 1.1h-.1z\"/></svg>" },
720
744
  'collapse-16-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M8.489 7.495v-5l2.2-2.2v3.303L13.292.995l1.697 1.697-2.603 2.603h3.303l-2.2 2.2zm-4.897 3.2H.289l2.2-2.2h5v5l-2.2 2.2v-3.303l-2.603 2.603-1.697-1.697z\"/></svg>" },
@@ -841,6 +865,12 @@ export const svgMap: Record<string, SvgMapEntry> = {
841
865
  'crystalBall-16-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"m7.656 4.995.848 2.152 2.152.848-2.152.849-.848 2.151-.849-2.151-2.151-.849 2.151-.848zm3.31.023-.477-1.023-.478 1.023-1.022.477 1.022.477.478 1.023.477-1.023 1.023-.477z\"/><path fill=\"#0A0B0D\" d=\"M3.039 12.945a7 7 0 1 1 9.9 0l2.05 2.05h-14zm8.578-.95a5.4 5.4 0 1 0-7.255 0z\"/></svg>" },
842
866
  'crystalBall-24-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M19.06 19.066a9.97 9.97 0 0 0 2.929-7.07c0-5.524-4.477-10-10-10s-10 4.476-10 10a9.97 9.97 0 0 0 2.929 7.07l-2.93 2.93h20zm-7.571-11.07 1.273 3.226 3.227 1.273-3.227 1.273-1.273 3.227-1.273-3.227-3.227-1.273 3.227-1.273zm5.136-.637 1.364.636-1.364.637-.636 1.363-.637-1.363-1.363-.637 1.363-.636.637-1.364z\"/></svg>" },
843
867
  'crystalBall-24-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"m11.489 7.995 1.273 3.227 3.227 1.273-3.227 1.273-1.273 3.227-1.273-3.227-3.227-1.273 3.227-1.273zm4.636-.136-.636-1.364-.637 1.364-1.363.636 1.363.637.637 1.363.636-1.363 1.364-.637z\"/><path fill=\"#0A0B0D\" d=\"M4.918 19.066a9.97 9.97 0 0 1-2.93-7.07c0-5.524 4.478-10 10-10 5.524 0 10 4.476 10 10a9.97 9.97 0 0 1-2.928 7.07l2.929 2.93h-20zm10.947-.07a8 8 0 1 0-7.752 0z\"/></svg>" },
868
+ 'crystalBallInsight-12-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M9.972 9.8H11V11H1V9.8h1.028l.24-1.2h7.463z\"/><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M6 1a4.5 4.5 0 0 1 4.5 4.5c0 .68-.154 1.323-.425 1.9h-8.15A4.5 4.5 0 0 1 1.5 5.5 4.5 4.5 0 0 1 6 1m0 1.9a2.6 2.6 0 0 0-2.6 2.6h1.2A1.4 1.4 0 0 1 6 4.1z\" clip-rule=\"evenodd\"/></svg>" },
869
+ 'crystalBallInsight-12-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M6 4.1a1.4 1.4 0 0 0-1.4 1.4H3.4A2.6 2.6 0 0 1 6 2.9z\"/><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M6 1a4.5 4.5 0 0 1 3.64 7.144L9.972 9.8H11V11H1V9.8h1.028l.331-1.656A4.5 4.5 0 0 1 6 1M3.252 9.8h5.496l-.24-1.2H3.492zM6 2.2a3.3 3.3 0 0 0-3.3 3.3c0 .708.226 1.363.606 1.9h5.388A3.3 3.3 0 0 0 9.3 5.5 3.3 3.3 0 0 0 6 2.2\" clip-rule=\"evenodd\"/></svg>" },
870
+ 'crystalBallInsight-16-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M13.644 13.4H15V15H1v-1.6h1.356l.601-1.8h10.085z\"/><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M8 1a6 6 0 0 1 6 6 5.96 5.96 0 0 1-.808 3H2.807A6 6 0 0 1 8 1m0 2.867a3.467 3.467 0 0 0-3.467 3.467h1.6c0-1.03.836-1.867 1.867-1.867z\" clip-rule=\"evenodd\"/></svg>" },
871
+ 'crystalBallInsight-16-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M8 5.467c-1.03 0-1.867.836-1.867 1.867h-1.6A3.467 3.467 0 0 1 8 3.867z\"/><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M8 1a6 6 0 0 1 6 6 5.97 5.97 0 0 1-1.265 3.68l.909 2.72H15V15H1v-1.6h1.356l.908-2.72A6 6 0 0 1 8 1M4.11 13.2h7.78l-.466-1.4H4.576zM8 2.6A4.4 4.4 0 0 0 3.6 7c0 1.262.533 2.398 1.384 3.2h6.032A4.38 4.38 0 0 0 12.4 7 4.4 4.4 0 0 0 8 2.6\" clip-rule=\"evenodd\"/></svg>" },
872
+ 'crystalBallInsight-24-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M19.45 20H22v2H2v-2h2.55l.55-2h13.8z\"/><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M12 2a9 9 0 0 1 7.48 14H4.52A9 9 0 0 1 12 2m0 4a5 5 0 0 0-5 5h2a3 3 0 0 1 3-3z\" clip-rule=\"evenodd\"/></svg>" },
873
+ 'crystalBallInsight-24-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M12 8a3 3 0 0 0-3 3H7a5 5 0 0 1 5-5z\"/><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M12 2a9 9 0 0 1 9 9 8.96 8.96 0 0 1-2.168 5.854L19.75 20H22v2H2v-2h2.25l.917-3.146A8.96 8.96 0 0 1 3 11a9 9 0 0 1 9-9M6.333 20h11.334l-.584-2H6.917zM12 4a7 7 0 0 0-7 7c0 1.96.807 3.73 2.105 5h9.79A6.98 6.98 0 0 0 19 11a7 7 0 0 0-7-7\" clip-rule=\"evenodd\"/></svg>" },
844
874
  'currencies-12-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M10.989 5.924c0 .846-.3 1.622-.8 2.227a3.5 3.5 0 0 1-1.2.936v-1.42a2.3 2.3 0 0 0 .775-2.081A2.3 2.3 0 0 0 8.99 4.18V2.76a3.5 3.5 0 0 1 1.2.937c.5.605.8 1.38.8 2.227\"/><path fill=\"#0A0B0D\" d=\"M8.623 7.668A4.01 4.01 0 0 1 4.99 9.995a4 4 0 1 1 3.634-2.327M4.99 3.995l-.53 1.272-1.372.11 1.046.896-.32 1.34 1.176-.718 1.175.718-.32-1.34 1.047-.896-1.373-.11z\"/></svg>" },
845
875
  'currencies-12-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M10.989 5.924c0 .846-.3 1.622-.8 2.227a3.5 3.5 0 0 1-1.2.936v-1.42a2.296 2.296 0 0 0 0-3.487V2.76a3.5 3.5 0 0 1 1.2.937c.5.605.8 1.38.8 2.227m-6-1.929.529 1.272 1.373.11-1.046.896.32 1.34-1.176-.718-1.176.718.32-1.34-1.046-.896 1.373-.11z\"/><path fill=\"#0A0B0D\" d=\"M8.623 7.668A4.01 4.01 0 0 1 4.99 9.995a4 4 0 1 1 3.634-2.327M7.79 5.995a2.8 2.8 0 1 0-5.6 0 2.8 2.8 0 0 0 5.6 0\"/></svg>" },
846
876
  'currencies-16-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M10.93 7.995a5 5 0 1 1-10 0 5 5 0 0 1 10 0m-5-1.809-.556 1.272-1.444.11 1.1.896-.336 1.34 1.236-.718 1.236.718-.336-1.34 1.1-.896-1.444-.11zm9.118 1.809a5 5 0 0 1-3.53 4.78v-1.713a3.4 3.4 0 0 0 0-6.133V3.215a5 5 0 0 1 3.53 4.78\"/></svg>" },
@@ -1573,6 +1603,12 @@ export const svgMap: Record<string, SvgMapEntry> = {
1573
1603
  'logout-16-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M7.923 2.595h-5.4v10.8h5.4v1.6h-7v-14h7z\"/><path fill=\"#0A0B0D\" d=\"M11.055 3.995H8.792l3.2 3.2H3.923v1.6h8.069l-3.2 3.2h2.263l4-4z\"/></svg>" },
1574
1604
  'logout-24-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M12.178 4.995h-7.5v14h7.5v3h-10.5v-20h10.5z\"/><path fill=\"#0A0B0D\" d=\"M17.3 6.995h-4.243l3.5 3.5H6.678v3h9.879l-3.5 3.5h4.242l5-5z\"/></svg>" },
1575
1605
  'logout-24-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M12.782 3.995h-9v16h9v2h-11v-20h11z\"/><path fill=\"#0A0B0D\" d=\"M17.196 6.995h-2.829l4 4H5.782v2h12.585l-4 4h2.829l5-5z\"/></svg>" },
1606
+ 'loop-12-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M5.361 3.47C5.623 1.16 8.493.174 10.17 1.817c1.673 1.64.673 4.45-1.68 4.71-.87.097-1.75.193-2.49.274l-2.304.251c-1.005.11-1.436 1.312-.72 2.014.715.701 1.942.28 2.053-.706L5.07 8h1.625l-.06.534c-.262 2.307-3.127 3.292-4.8 1.652-1.674-1.641-.67-4.451 1.682-4.708l2.303-.251c.74-.081 1.619-.177 2.49-.274 1.005-.111 1.434-1.313.717-2.016s-1.946-.28-2.058.709L6.928 4H5.302z\"/></svg>" },
1607
+ 'loop-12-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M5.582 3.369c.252-2.217 3.01-3.163 4.62-1.586 1.606 1.574.646 4.271-1.614 4.521l-2.62.287-2.421.264c-1.27.139-1.812 1.655-.91 2.54.905.885 2.453.354 2.595-.89l.113-1.006H6.54l-.13 1.133c-.251 2.214-3.005 3.161-4.613 1.586s-.642-4.273 1.618-4.52l2.421-.263 2.618-.288c1.27-.14 1.812-1.657.907-2.543-.906-.887-2.458-.353-2.6.894L6.648 4.5H5.453z\"/></svg>" },
1608
+ 'loop-16-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M7.258 4.387c.36-3.168 4.3-4.523 6.6-2.269 2.297 2.251.924 6.108-2.305 6.465l-3.578.393-3.307.36c-1.593.174-2.273 2.076-1.14 3.187s3.074.443 3.251-1.118L6.94 10h1.976l-.184 1.617c-.359 3.165-4.294 4.517-6.591 2.266s-.918-6.107 2.311-6.46c1.15-.124 2.307-.25 3.308-.36 1.063-.115 2.323-.255 3.574-.393 1.593-.176 2.273-2.079 1.138-3.191-1.136-1.114-3.083-.445-3.261 1.12L9.05 6H7.076z\"/></svg>" },
1609
+ 'loop-16-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M7.438 4.307c.351-3.094 4.2-4.416 6.447-2.215 2.243 2.197.903 5.96-2.251 6.31-1.288.142-2.586.285-3.682.404l-3.403.37c-1.808.198-2.58 2.356-1.293 3.615 1.286 1.26 3.488.503 3.69-1.267l.172-1.526h1.625l-.192 1.7c-.35 3.089-4.193 4.41-6.437 2.212S1.217 7.947 4.37 7.604l3.403-.37c1.094-.12 2.391-.262 3.678-.405 1.808-.2 2.579-2.358 1.291-3.619-1.289-1.263-3.498-.503-3.7 1.272l-.171 1.514H7.247z\"/></svg>" },
1610
+ 'loop-24-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M10.85 6.601c.543-4.772 6.482-6.812 9.95-3.417 3.462 3.39 1.393 9.199-3.476 9.737l-5.35.587c-1.496.163-3.225.35-4.943.538-2.342.255-3.343 3.05-1.677 4.681s4.52.651 4.78-1.642L10.372 15h3.05l-.273 2.414c-.542 4.766-6.475 6.803-9.938 3.412s-1.382-9.199 3.485-9.73l4.945-.539c1.59-.173 3.474-.38 5.344-.587 2.342-.258 3.341-3.053 1.672-4.687s-4.531-.652-4.793 1.646L13.63 9h-3.05z\"/></svg>" },
1611
+ 'loop-24-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M11.354 6.655c.495-4.36 5.92-6.223 9.088-3.12 3.163 3.097 1.273 8.403-3.174 8.894l-5.349.587-4.944.539c-2.763.301-3.943 3.598-1.978 5.522s5.332.768 5.64-1.937l.243-2.136h2.033l-.267 2.355c-.494 4.354-5.915 6.216-9.079 3.118-3.163-3.098-1.262-8.406 3.185-8.89l4.943-.537c1.59-.173 3.476-.38 5.346-.587 2.763-.305 3.94-3.602 1.973-5.53-1.97-1.928-5.344-.77-5.653 1.941l-.24 2.122h-2.034z\"/></svg>" },
1576
1612
  'magnifyingGlass-12-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M7.109 8.388a4 4 0 1 1 1.273-1.273l2.607 2.607-1.273 1.273zm.08-3.393a2.2 2.2 0 1 0-4.4 0 2.2 2.2 0 0 0 4.4 0\"/></svg>" },
1577
1613
  'magnifyingGlass-12-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M7.361 8.216a4 4 0 1 1 .849-.849l2.779 2.78-.849.848zm.428-3.22a2.8 2.8 0 1 0-5.6 0 2.8 2.8 0 0 0 5.6 0\"/></svg>" },
1578
1614
  'magnifyingGlass-16-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M9.867 11.57a5.75 5.75 0 1 1 1.697-1.697l3.425 3.425-1.697 1.697zm.222-4.825a3.35 3.35 0 1 0-6.7 0 3.35 3.35 0 0 0 6.7 0\"/></svg>" },
@@ -1621,6 +1657,12 @@ export const svgMap: Record<string, SvgMapEntry> = {
1621
1657
  'minus-16-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 17 16\"><path fill=\"#0A0B0D\" d=\"M16 8.795v-1.6H0v1.6z\"/></svg>" },
1622
1658
  'minus-24-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M21.989 13.495h-20v-3h20z\"/></svg>" },
1623
1659
  'minus-24-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M21.989 12.995h-20v-2h20z\"/></svg>" },
1660
+ 'moneyCardCoin-12-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M8.5 5q.11.001.217.01l.064.007a2.5 2.5 0 0 1 .45.092l.04.013q.083.027.163.06l.061.025a3 3 0 0 1 .253.129l.06.036a2.5 2.5 0 0 1 .358.269l.058.051A2.5 2.5 0 1 1 8.5 5\"/><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M10.5 4.628a3.5 3.5 0 0 0-1.82-.623L8.5 4a3.5 3.5 0 0 0-3.464 4H1V1.5h9.5zM3 4.5h1.5v-1H3z\" clip-rule=\"evenodd\"/></svg>" },
1661
+ 'moneyCardCoin-12-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M4.5 4.5H3v-1h1.5z\"/><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M9.5 4.512A3.25 3.25 0 1 1 4.51 7.5H1v-6h8.5zM7.75 5.2a2.05 2.05 0 1 0 0 4.1 2.05 2.05 0 0 0 0-4.1M2.2 6.3h2.442A3.25 3.25 0 0 1 8.3 4.046V2.7H2.2z\" clip-rule=\"evenodd\"/></svg>" },
1662
+ 'moneyCardCoin-16-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M11.279 7.058a3.72 3.72 0 0 1 3.718 3.721 3.72 3.72 0 1 1-7.437 0 3.72 3.72 0 0 1 3.719-3.721\"/><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M14 6.62A4.96 4.96 0 0 0 6.342 11H.996V2H14zm-9.923-.04h1.83V5.054h-1.83z\" clip-rule=\"evenodd\"/></svg>" },
1663
+ 'moneyCardCoin-16-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M5.69 6.197H4.012V4.8H5.69z\"/><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M12.898 6.193a4.5 4.5 0 0 1 2.106 3.809l-.007.231a4.5 4.5 0 0 1-4.494 4.27l-.23-.007a4.5 4.5 0 0 1-4.252-4.1h-5.02V2h11.897zm-2.395.892a2.918 2.918 0 1 0 .002 5.836 2.918 2.918 0 0 0-.002-5.836m-7.9 1.712h3.565a4.5 4.5 0 0 1 5.13-3.223V3.6H2.603z\" clip-rule=\"evenodd\"/></svg>" },
1664
+ 'moneyCardCoin-24-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M15.5 10a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9\"/><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M19 9.024A6.5 6.5 0 0 0 9.021 15H2V3h17zM6 9h2V7H6z\" clip-rule=\"evenodd\"/></svg>" },
1665
+ 'moneyCardCoin-24-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M8 9H6V7h2z\"/><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M19 9.024A6.5 6.5 0 1 1 9.021 15H2V3h17zM15.5 10a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9M4 13h5.176a6.5 6.5 0 0 1 7.839-4.82L17 8.176V5H4z\" clip-rule=\"evenodd\"/></svg>" },
1624
1666
  'moon-12-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M3.239 6.495a3.25 3.25 0 0 0 2.36-5.485q.192-.015.39-.015a5 5 0 1 1-4.985 4.61c.582.552 1.369.89 2.235.89\"/></svg>" },
1625
1667
  'moon-12-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M7.689 3.245q0-.345-.051-.674a3.8 3.8 0 1 1-5.074 5.073q.33.051.675.051a4.45 4.45 0 0 0 4.45-4.45m-.533-2.113a5 5 0 0 0-1.558-.122 3.3 3.3 0 0 1 .722 1.2 3.25 3.25 0 0 1-5.316 3.395 5 5 0 0 0 .122 1.557 5.002 5.002 0 0 0 9.863-1.167 5 5 0 0 0-3.833-4.863\"/></svg>" },
1626
1668
  'moon-16-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M4.489 8.995a4.5 4.5 0 0 0 2.863-7.971 7 7 0 1 1-6.335 6.335A4.49 4.49 0 0 0 4.49 8.995\"/></svg>" },
@@ -1849,6 +1891,12 @@ export const svgMap: Record<string, SvgMapEntry> = {
1849
1891
  'phone-16-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M2.625 0v16h11V0zm9.4 1.6V3H5.222v-.007h-.997V1.6zm-7.8 9.802V4.59v.01h7.8v6.8h-7.8zm0 1.598h7.8v1.4h-7.8z\"/></svg>" },
1850
1892
  'phone-24-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 25\"><path fill=\"#0A0B0D\" d=\"M3.989 0h16v4h-16zm0 6v12h16V6zm0 14h16v4h-16z\"/></svg>" },
1851
1893
  'phone-24-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 25\"><path fill=\"#0A0B0D\" d=\"M3.989 0v24h16V0zm14 2v2h-12V2zm0 4v12h-12V6zm-12 16v-2h12v2z\"/></svg>" },
1894
+ 'pieChartData-12-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M5.484 2q.262 0 .516.03V6h4c0 2.762-2.004 5-4.476 5l-.024-.001-.016.001A4.493 4.493 0 0 1 1 6.5C1 4.015 3.008 2 5.484 2\" clip-rule=\"evenodd\"/><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M7 1c2.246.202 4 1.915 4 4H7z\" clip-rule=\"evenodd\"/></svg>" },
1895
+ 'pieChartData-12-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M5.484 2q.262 0 .516.03V6h4c0 2.762-2.004 5-4.476 5l-.024-.001-.016.001A4.493 4.493 0 0 1 1 6.5C1 4.015 3.008 2 5.484 2m-.097 7.804h-.005.008l.004-.001zM4.8 3.27a3.3 3.3 0 0 0-2.596 3.06L2.2 6.5a3.29 3.29 0 0 0 3.274 3.299h.062c1.36-.006 2.654-1.032 3.1-2.599H4.8z\" clip-rule=\"evenodd\"/><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M7 1c2.246.202 4 1.915 4 4H7zm1.2 2.8h1.285A3 3 0 0 0 8.2 2.57z\" clip-rule=\"evenodd\"/></svg>" },
1896
+ 'pieChartData-16-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M7.478 2Q7.74 2 8 2.021V8.5h6c0 3.495-2.743 6.345-6.183 6.493l-.003-.004a6 6 0 0 1-.336.012C3.9 15 1 12.09 1 8.5S3.9 2 7.478 2\"/><path fill=\"#0A0B0D\" d=\"M9 1.5c3.369.302 6 2.873 6 6H9z\"/></svg>" },
1897
+ 'pieChartData-16-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M7.478 2Q7.74 2 8 2.021V8.5h6c0 3.495-2.743 6.345-6.183 6.493l-.003-.004a6 6 0 0 1-.336.012C3.9 15 1 12.09 1 8.5S3.9 2 7.478 2M6.4 3.72a4.895 4.895 0 0 0-3.794 4.527L2.6 8.5c0 2.711 2.19 4.9 4.878 4.9.066 0 .142-.004.244-.01l.298-.017a4.88 4.88 0 0 0 4.114-3.274H6.4z\" clip-rule=\"evenodd\"/><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M9 1.5c3.369.302 6 2.873 6 6H9zm1.6 4.4h2.454c-.45-1.007-1.313-1.865-2.454-2.365z\" clip-rule=\"evenodd\"/></svg>" },
1898
+ 'pieChartData-24-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M11.09 4q.462 0 .91.045V13h8c0 4.648-3.504 8.468-8 8.945v.01q-.449.044-.91.045C6.07 22 2 17.97 2 13s4.07-9 9.09-9\"/><path fill=\"#0A0B0D\" d=\"M14 2c4.492.454 8 4.31 8 9h-8z\"/></svg>" },
1899
+ 'pieChartData-24-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M11.09 4q.462 0 .91.045V13h8c0 4.648-3.504 8.468-8 8.945v.01q-.449.044-.91.045C6.07 22 2 17.97 2 13s4.07-9 9.09-9M10 6.082C6.588 6.601 4 9.516 4 13c0 3.847 3.156 7 7.09 7l.355-.01.073-.006.271-.028c2.813-.299 5.134-2.292 5.922-4.956H10z\" clip-rule=\"evenodd\"/><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M14 2c4.492.454 8 4.31 8 9h-8zm2 7h3.719A7.02 7.02 0 0 0 16 4.604z\" clip-rule=\"evenodd\"/></svg>" },
1852
1900
  'pin-12-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"m10.138 6.102-.97-.97-2.08 2.6-.709 2.838-2.057-2.057-2.482 2.482-.851-.85L3.47 7.661 1.414 5.605l2.837-.71 2.6-2.08-.969-.969.852-.85 4.255 4.255z\"/></svg>" },
1853
1901
  'pin-12-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"m10.138 6.102-.97-.97-2.08 2.6-.709 2.838-2.057-2.057-2.482 2.482-.851-.85L3.47 7.661 1.414 5.605l2.837-.71 2.6-2.08-.969-.969.852-.85 4.255 4.255zM8.312 4.276l-.604-.604L4.798 6l-1.03.257 1.959 1.958.257-1.029z\"/></svg>" },
1854
1902
  'pin-16-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"m13.873 8.085-1.419-1.42-2.842 3.89-1.095 3.883-2.928-2.928-3.485 3.485L.99 13.88l3.485-3.485-2.927-2.927L5.43 6.372 9.319 3.53l-1.42-1.42L9.014.995 14.99 6.97z\"/></svg>" },
@@ -2137,6 +2185,12 @@ export const svgMap: Record<string, SvgMapEntry> = {
2137
2185
  'signinProduct-16-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"m12.912 7.995-6.923-7h9v14h-9z\"/><path fill=\"#0A0B0D\" d=\"M5.989 13.395V10.33h-5V5.662h5V2.595l5.6 5.4zm1.066-4.133v1.623l2.997-2.89-2.997-2.89V6.73h-5v2.533z\"/></svg>" },
2138
2186
  'signinProduct-24-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"m18.989 11.995-10-10h13v20h-13z\"/><path fill=\"#0A0B0D\" d=\"M8.989 19.995v-4.5h-7v-7h7v-4.5l8 8z\"/></svg>" },
2139
2187
  'signinProduct-24-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"m18.989 11.995-10-10h13v20h-13z\"/><path fill=\"#0A0B0D\" d=\"M8.989 19.995v-4.5h-7v-7h7v-4.5l8 8zm1.6-6.1v2.237l4.137-4.137-4.137-4.137v2.237h-7v3.8z\"/></svg>" },
2188
+ 'singleCoin-12-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><g clip-path=\"url(#a)\"><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M6 .75a5.25 5.25 0 1 1 0 10.5A5.25 5.25 0 0 1 6 .75m-.709 4.541L3.375 6l1.916.709L6 8.625l.709-1.916L8.625 6l-1.916-.709L6 3.375z\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"a\"><path fill=\"#fff\" d=\"M0 0h12v12H0z\"/></clipPath></defs></svg>" },
2189
+ 'singleCoin-12-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><g fill=\"#0A0B0D\" clip-path=\"url(#a)\"><path d=\"M6.709 5.291 8.625 6l-1.916.709L6 8.625l-.709-1.916L3.375 6l1.916-.709L6 3.375z\"/><path fill-rule=\"evenodd\" d=\"M6.27.757A5.25 5.25 0 0 1 11.25 6l-.007.27A5.25 5.25 0 0 1 6 11.25l-.27-.007A5.25 5.25 0 0 1 .756 6.271L.75 6C.75 3.1 3.1.75 6 .75zM6 1.95a4.05 4.05 0 1 0 0 8.1 4.05 4.05 0 0 0 0-8.1\" clip-rule=\"evenodd\"/></g><defs><clipPath id=\"a\"><path fill=\"#fff\" d=\"M0 0h12v12H0z\"/></clipPath></defs></svg>" },
2190
+ 'singleCoin-16-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1m-.945 6.055L4.5 8l2.555.945L8 11.5l.945-2.555L11.5 8l-2.555-.945L8 4.5z\" clip-rule=\"evenodd\"/></svg>" },
2191
+ 'singleCoin-16-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M8.945 7.055 11.5 8l-2.555.945L8 11.5l-.945-2.555L4.5 8l2.555-.945L8 4.5z\"/><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M8.36 1.009A7 7 0 0 1 15 8l-.009.36A7 7 0 0 1 8 15l-.36-.009a7 7 0 0 1-6.631-6.63L1 8a7 7 0 0 1 7-7zM8 2.599a5.4 5.4 0 1 0 0 10.802A5.4 5.4 0 0 0 8 2.6\" clip-rule=\"evenodd\"/></svg>" },
2192
+ 'singleCoin-24-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m-1.618 8.382L6.008 12l4.374 1.618L12 17.992l1.618-4.374L17.992 12l-4.374-1.618L12 6.008z\" clip-rule=\"evenodd\"/></svg>" },
2193
+ 'singleCoin-24-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M13.618 10.382 17.992 12l-4.374 1.618L12 17.992l-1.618-4.374L6.008 12l4.374-1.618L12 6.008z\"/><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16\" clip-rule=\"evenodd\"/></svg>" },
2140
2194
  'smartContract-12-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M1.489.995h9v10h-9zm5.5 4.2v-1.2h-3v1.2zm-3 2.8h4v-1.2h-4z\"/></svg>" },
2141
2195
  'smartContract-12-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M6.989 5.195h-3v-1.2h3zm-3 2.8h4v-1.2h-4z\"/><path fill=\"#0A0B0D\" d=\"M1.489.995v10h9v-10zm7.8 1.2v7.6h-6.6v-7.6z\"/></svg>" },
2142
2196
  'smartContract-16-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" fill-rule=\"evenodd\" d=\"M1.989.995h12v14h-12zm7 5.6h-4v-1.6h4zm-4 3.4h6v-1.6h-6z\" clip-rule=\"evenodd\"/></svg>" },
package/src/components/ExamplesListScreen.tsx CHANGED
@@ -7,7 +7,7 @@ import { Box } from '@coinbase/cds-mobile/layout/Box';
7
7
  import { useNavigation, useRoute } from '@react-navigation/native';
8
8
  import includes from 'lodash/includes';
9
9
 
10
- import { SearchFilterContext, SetSearchFilterContext } from './ExamplesSearchProvider';
10
+ import { SearchFilterContext } from './ExamplesSearchProvider';
11
11
  import { keyToRouteName } from './keyToRouteName';
12
12
  import { initialRouteKey, searchRouteKey } from './staticRoutes';
13
13
 
@@ -15,7 +15,6 @@ const innerSpacingConfig: CellSpacing = { paddingX: 1 };
15
15
 
16
16
  export function ExamplesListScreen() {
17
17
  const searchFilter = useContext(SearchFilterContext);
18
- const setFilter = useContext(SetSearchFilterContext);
19
18
 
20
19
  // React Navigation Route Param typing is not clean because our routes are dynamic
21
20
  const routeKeys = (useRoute().params as { routeKeys: string[] } | undefined)?.routeKeys ?? [];
@@ -24,7 +23,6 @@ export function ExamplesListScreen() {
24
23
  const renderItem: ListRenderItem<string> = useCallback(
25
24
  ({ item }) => {
26
25
  const handlePress = () => {
27
- setFilter('');
28
26
  // typing not clean due to dynamic routes
29
27
  navigate(keyToRouteName(item) as never);
30
28
  };
@@ -39,7 +37,7 @@ export function ExamplesListScreen() {
39
37
  />
40
38
  );
41
39
  },
42
- [navigate, setFilter],
40
+ [navigate],
43
41
  );
44
42
 
45
43
  const data = [...routeKeys, 'IconSheet']
package/src/components/useExampleNavigatorProps.tsx CHANGED
@@ -1,5 +1,4 @@
1
1
  import React, { useContext, useMemo } from 'react';
2
- import { Pressable } from 'react-native';
3
2
  import type { NativeSyntheticEvent, TextInputChangeEventData } from 'react-native';
4
3
  import { useSafeAreaInsets } from 'react-native-safe-area-context';
5
4
  import type { ColorScheme } from '@coinbase/cds-common/core/theme';
@@ -14,49 +13,39 @@ import { Spacer } from '@coinbase/cds-mobile/layout/Spacer';
14
13
  import { TextHeadline } from '@coinbase/cds-mobile/typography/TextHeadline';
15
14
  import type { StackHeaderProps, StackNavigationOptions } from '@react-navigation/stack';
16
15
 
17
- import { SetSearchFilterContext } from './ExamplesSearchProvider';
16
+ import { SearchFilterContext, SetSearchFilterContext } from './ExamplesSearchProvider';
18
17
  import { initialRouteName, searchRouteName } from './staticRoutes';
19
18
 
20
19
  type UseExampleNavigatorPropsOptions = {
21
20
  setColorScheme?: React.Dispatch<React.SetStateAction<ColorScheme>>;
22
21
  };
23
22
 
24
- const invisiblePressableStyle = {
25
- width: 40,
26
- height: 40,
27
- };
28
-
29
23
  const iconButtonHeight = interactableHeight.regular;
30
24
 
31
25
  export function useExampleNavigatorProps({ setColorScheme }: UseExampleNavigatorPropsOptions) {
32
26
  const theme = useTheme();
33
27
  const { top } = useSafeAreaInsets();
34
28
  const [headerSize, onLayout] = useLayout();
29
+ const searchFilter = useContext(SearchFilterContext);
35
30
  const setFilter = useContext(SetSearchFilterContext);
36
31
 
37
32
  const style = useMemo(() => ({ marginTop: top }), [top]);
38
33
 
39
34
  const header = useMemo(() => {
40
- return ({ navigation, route, options, progress, styleInterpolator }: StackHeaderProps) => {
35
+ return ({ navigation, route, options }: StackHeaderProps) => {
41
36
  const isFocused = navigation.isFocused();
42
37
  const canGoBack = navigation.canGoBack();
43
38
  const goBack = () => {
44
39
  navigation.goBack();
40
+ };
41
+ const goBackFromSearch = () => {
45
42
  setFilter('');
43
+ navigation.goBack();
46
44
  };
47
45
  const goToSearch = () => navigation.navigate(searchRouteName);
48
46
  const routeName = route.name;
49
47
  const titleForScene = options.title;
50
48
  const isSearch = routeName === searchRouteName;
51
- const { titleStyle } = styleInterpolator({
52
- current: { progress: progress.current },
53
- next: progress.next && { progress: progress.next },
54
- layouts: {
55
- header: headerSize,
56
- title: headerSize,
57
- screen: headerSize,
58
- },
59
- });
60
49
  const showBackButton = isFocused && canGoBack && !isSearch;
61
50
  const showSearch = routeName === initialRouteName;
62
51
 
@@ -109,12 +98,11 @@ export function useExampleNavigatorProps({ setColorScheme }: UseExampleNavigator
109
98
  label=""
110
99
  onChange={handleSearch}
111
100
  placeholder="Search"
112
- start={<IconButton transparent name="backArrow" onPress={goBack} />}
101
+ start={<IconButton transparent name="backArrow" onPress={goBackFromSearch} />}
102
+ value={searchFilter}
113
103
  />
114
104
  ) : (
115
- <TextHeadline animated align="center" style={titleStyle}>
116
- {titleForScene}
117
- </TextHeadline>
105
+ <TextHeadline align="center">{titleForScene}</TextHeadline>
118
106
  )}
119
107
  </Box>
120
108
  <Spacer />
@@ -123,14 +111,13 @@ export function useExampleNavigatorProps({ setColorScheme }: UseExampleNavigator
123
111
  </Box>
124
112
  );
125
113
  };
126
- }, [headerSize, onLayout, setFilter, style, theme.activeColorScheme, setColorScheme]);
114
+ }, [onLayout, searchFilter, setFilter, style, theme.activeColorScheme, setColorScheme]);
127
115
 
128
116
  return useMemo(() => {
129
117
  const screenOptions: StackNavigationOptions = {
130
118
  headerBackAllowFontScaling: false,
131
119
  headerBackTitleVisible: false,
132
120
  headerTitleAllowFontScaling: false,
133
- headerMode: 'float',
134
121
  headerStyle: {
135
122
  backgroundColor: theme.color.bg,
136
123
  borderWidth: 0,