@coinbase/ui-mobile-playground 4.5.12 → 4.7.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 (7) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dts/routes.d.ts.map +1 -1
  3. package/esm/__generated__/iconSvgMap.js +1 -1
  4. package/esm/routes.js +12 -0
  5. package/package.json +4 -4
  6. package/src/__generated__/iconSvgMap.ts +13 -7
  7. package/src/routes.ts +20 -0
package/esm/routes.js CHANGED
@@ -122,6 +122,9 @@ export const routes = [{
122
122
  }, {
123
123
  key: 'ControlGroup',
124
124
  getComponent: () => require('@coinbase/cds-mobile/controls/__stories__/ControlGroup.stories').default
125
+ }, {
126
+ key: 'DataCard',
127
+ getComponent: () => require('@coinbase/cds-mobile/alpha/data-card/__stories__/DataCard.stories').default
125
128
  }, {
126
129
  key: 'DateInput',
127
130
  getComponent: () => require('@coinbase/cds-mobile/dates/__stories__/DateInput.stories').default
@@ -218,9 +221,15 @@ export const routes = [{
218
221
  }, {
219
222
  key: 'LottieStatusAnimation',
220
223
  getComponent: () => require('@coinbase/cds-mobile/animation/__stories__/LottieStatusAnimation.stories').default
224
+ }, {
225
+ key: 'MediaCard',
226
+ getComponent: () => require('@coinbase/cds-mobile/cards/__stories__/MediaCard.stories').default
221
227
  }, {
222
228
  key: 'MediaChip',
223
229
  getComponent: () => require('@coinbase/cds-mobile/chips/__stories__/MediaChip.stories').default
230
+ }, {
231
+ key: 'MessagingCard',
232
+ getComponent: () => require('@coinbase/cds-mobile/cards/__stories__/MessagingCard.stories').default
224
233
  }, {
225
234
  key: 'ModalBackButton',
226
235
  getComponent: () => require('@coinbase/cds-mobile/overlays/__stories__/ModalBackButton.stories').default
@@ -326,6 +335,9 @@ export const routes = [{
326
335
  }, {
327
336
  key: 'RollingNumber',
328
337
  getComponent: () => require('@coinbase/cds-mobile/numbers/__stories__/RollingNumber.stories').default
338
+ }, {
339
+ key: 'Scrubber',
340
+ getComponent: () => require('@coinbase/cds-mobile-visualization/chart/scrubber/__stories__/Scrubber.stories').default
329
341
  }, {
330
342
  key: 'SearchInput',
331
343
  getComponent: () => require('@coinbase/cds-mobile/controls/__stories__/SearchInput.stories').default
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coinbase/ui-mobile-playground",
3
- "version": "4.5.12",
3
+ "version": "4.7.0",
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.38.6",
38
- "@coinbase/cds-mobile": "^8.38.6",
39
- "@coinbase/cds-mobile-visualization": "^3.4.0-beta.14",
37
+ "@coinbase/cds-common": "^8.42.0",
38
+ "@coinbase/cds-mobile": "^8.42.0",
39
+ "@coinbase/cds-mobile-visualization": "^3.4.0-beta.17",
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
@@ -379,6 +379,12 @@ export const svgMap: Record<string, SvgMapEntry> = {
379
379
  'bellPlus-16-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M8.789 4.69a3.4 3.4 0 0 0-4.2 3.305v3.4h10.4v1.6H10.57a2.667 2.667 0 0 1-5.165 0H.99v-1.6h2v-3.4a5 5 0 0 1 4.2-4.936V.995h1.6z\"/><path fill=\"#0A0B0D\" d=\"M11.506 6.512V4.495h1.6v2.017h1.883v1.6h-1.884v1.883h-1.6V8.112H9.49v-1.6z\"/></svg>" },
380
380
  'bellPlus-24-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M10.489 1.995v2.161a7 7 0 0 0-5.5 6.84v5.5h-2v3H8.41a3.81 3.81 0 0 0 7.156 0h5.422v-3h-13v-5.5a4 4 0 0 1 5.5-3.71v-5.29z\"/><path fill=\"#0A0B0D\" d=\"M18.489 6.995h-3v2.5h-2.5v3h2.5v2.5h3v-2.5h2.5v-3h-2.5z\"/></svg>" },
381
381
  'bellPlus-24-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M12.989 6.095a5 5 0 0 0-6 4.9v6h14v2h-5.277a3.81 3.81 0 0 1-7.446 0H2.989v-2h2v-6a7 7 0 0 1 6-6.929v-2.07h2z\"/><path fill=\"#0A0B0D\" d=\"M15.989 6.995h2v3h3v2h-3v3h-2v-3h-3v-2h3z\"/></svg>" },
382
+ 'birthcertificate-12-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M11 10H1V2h10zM3 8l1-.75L5 8V4H3z\"/></svg>" },
383
+ 'birthcertificate-12-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"m5 8-1-.75L3 8V4h2z\"/><path fill=\"#0A0B0D\" d=\"M11 10H1V2h10zM2.2 8.8h7.6V3.2H2.2z\"/></svg>" },
384
+ 'birthcertificate-16-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M14.667 13.333H1.333V2.667h13.334zM4 10.667l1.333-1 1.334 1V5.333H4zm4-2.67v1.6h2.5v-1.6zm0-1.05h3.99v-1.6H8z\"/></svg>" },
385
+ 'birthcertificate-16-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"m6.667 10.667-1.334-1-1.333 1V5.333h2.667zM10.5 9.6H8V8.002h2.5zm1.49-2.654H8v-1.6h3.99z\"/><path fill=\"#0A0B0D\" d=\"M14.666 13.333H1.333V2.666h13.333zm-11.733-1.6h10.133V4.267H2.933z\"/></svg>" },
386
+ 'birthcertificate-24-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M22 20H2V4h20zM6 16l2-1.5 2 1.5V8H6zm6-2v2h3v-2zm0-3v2h5.985v-2zm0-3v2h5.985V8z\"/></svg>" },
387
+ 'birthcertificate-24-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"m10 16-2-1.5L6 16V8h4zm5 0h-3v-2h3zm2.985-3H12v-2h5.985zm0-3H12V8h5.985z\"/><path fill=\"#0A0B0D\" d=\"M22 20H2V4h20zM4 18h16V6H4z\"/></svg>" },
382
388
  'block-12-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M6 1a5 5 0 1 1-2.925 9.055l-.01.01L3 10a5 5 0 0 1-1-1l-.065-.065.01-.011A5 5 0 0 1 6 1M4.228 8.902a3.4 3.4 0 0 0 4.675-4.675zM6 2.6a3.4 3.4 0 0 0-2.903 5.17L7.77 3.097A3.4 3.4 0 0 0 6 2.6\"/></svg>" },
383
389
  'block-12-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M6 1a5 5 0 1 1 0 10A5 5 0 0 1 6 1M3.77 9.076A3.8 3.8 0 0 0 9.077 3.77zM6 2.2a3.8 3.8 0 0 0-3.077 6.03l5.306-5.306A3.8 3.8 0 0 0 6 2.2\"/></svg>" },
384
390
  'block-16-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1M5.242 12.17a5 5 0 0 0 6.929-6.929zM8 3a5 5 0 0 0-4.172 7.757l6.929-6.929A5 5 0 0 0 8 3\"/></svg>" },
@@ -2161,12 +2167,12 @@ export const svgMap: Record<string, SvgMapEntry> = {
2161
2167
  'payProduct-16-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M6.739 15.495a7.5 7.5 0 0 0 0-15v1.6a5.9 5.9 0 1 1 0 11.8z\"/><path fill=\"#0A0B0D\" d=\"M7.493 7.24 6.74 5.329l-.754 1.913-1.913.754 1.913.754.754 1.913.754-1.913 1.912-.754z\"/><path fill=\"#0A0B0D\" d=\"M6.739 12.995a5 5 0 1 0 0-10 5 5 0 0 0 0 10m0-1.6a3.4 3.4 0 1 1 0-6.8 3.4 3.4 0 0 1 0 6.8\"/></svg>" },
2162
2168
  'payProduct-24-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"m11.62 10.864-1.13-2.869-1.132 2.869-2.868 1.131 2.868 1.132 1.132 2.868 1.131-2.868 2.869-1.132z\"/><path fill=\"#0A0B0D\" d=\"M21.489 11.995c0 6.075-4.925 11-11 11v-3a8 8 0 1 1 0-16v-3c6.075 0 11 4.925 11 11m-11 6a6 6 0 1 0 0-12 6 6 0 0 0 0 12\"/></svg>" },
2163
2169
  'payProduct-24-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M10.489 22.995c6.075 0 11-4.925 11-11s-4.925-11-11-11v2a9 9 0 0 1 0 18z\"/><path fill=\"#0A0B0D\" d=\"m11.62 10.864-1.13-2.869-1.132 2.869-2.868 1.131 2.868 1.132 1.132 2.868 1.131-2.868 2.869-1.132z\"/><path fill=\"#0A0B0D\" d=\"M10.489 19.995a8 8 0 1 0 0-16 8 8 0 0 0 0 16m0-2a6 6 0 1 1 0-12 6 6 0 0 1 0 12\"/></svg>" },
2164
- 'pencil-12-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M8.854.995 10.99 3.13l-7.33 7.33-2.67.534.534-2.669zM2.528 9.456l.535-.107 5.4-5.4-.427-.429-5.401 5.401z\"/></svg>" },
2165
- 'pencil-12-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M8.854.995 7.33 2.52l2.135 2.136 1.523-1.524zm-.243 4.513L6.476 3.373 1.523 8.326l-.534 2.67 2.67-.535z\"/></svg>" },
2166
- 'pencil-16-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"m11.857 1.245 2.882 2.883-9.897 9.897-3.603.72.72-3.603zM3.27 12.714l.787-.158 7.324-7.324-.629-.629-7.324 7.325z\"/></svg>" },
2167
- 'pencil-16-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"m8.75 4.352-6.79 6.79-.721 3.603 3.603-.72 6.79-6.79zm4.01 1.756 1.979-1.98-2.882-2.883-1.98 1.98z\"/></svg>" },
2168
- 'pencil-24-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"m17.72 1.994 4.269 4.272L7.328 20.928l-5.34 1.068 1.069-5.339zM4.912 17.65l-.545 1.968 1.968-.545 11.17-11.171-1.422-1.423z\"/></svg>" },
2169
- 'pencil-24-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"m17.719 1.995-2.36 2.36 4.27 4.27 2.36-2.36zm.487 8.053-4.27-4.27-10.88 10.88-1.067 5.337 5.337-1.067z\"/></svg>" },
2170
+ 'pencil-12-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M8.854.995 7.33 2.52l2.135 2.136 1.523-1.524zm-.243 4.513L6.476 3.373 1.523 8.326l-.534 2.67 2.67-.535z\"/></svg>" },
2171
+ 'pencil-12-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M8.854.995 10.99 3.13l-7.33 7.33-2.67.534.534-2.669zM2.528 9.456l.535-.107 5.4-5.4-.427-.429-5.401 5.401z\"/></svg>" },
2172
+ 'pencil-16-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"m8.75 4.352-6.79 6.79-.721 3.603 3.603-.72 6.79-6.79zm4.01 1.756 1.979-1.98-2.882-2.883-1.98 1.98z\"/></svg>" },
2173
+ 'pencil-16-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"m11.857 1.245 2.882 2.883-9.897 9.897-3.603.72.72-3.603zM3.27 12.714l.787-.158 7.324-7.324-.629-.629-7.324 7.325z\"/></svg>" },
2174
+ 'pencil-24-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"m17.719 1.995-2.36 2.36 4.27 4.27 2.36-2.36zm.487 8.053-4.27-4.27-10.88 10.88-1.067 5.337 5.337-1.067z\"/></svg>" },
2175
+ 'pencil-24-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"m17.72 1.994 4.269 4.272L7.328 20.928l-5.34 1.068 1.069-5.339zM4.912 17.65l-.545 1.968 1.968-.545 11.17-11.171-1.422-1.423z\"/></svg>" },
2170
2176
  'peopleGroup-12-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M5.989 4.995a2 2 0 1 0 0-4 2 2 0 0 0 0 4m3.685 4.054C9.067 7.254 7.646 5.995 5.99 5.995c-1.762 0-3.257 1.423-3.791 3.4l-.03.113c-.116.47-.18.97-.18 1.487h8a6.1 6.1 0 0 0-.314-1.946m1.814-4.054a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0m-7.5 0a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0\"/></svg>" },
2171
2177
  'peopleGroup-12-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 12\"><path fill=\"#0A0B0D\" d=\"M7.989 2.995a2 2 0 1 1-4 0 2 2 0 0 1 4 0m-1.2 0a.8.8 0 1 0-1.6 0 .8.8 0 0 0 1.6 0m-.8 3c1.878 0 3.454 1.618 3.884 3.8q.115.579.116 1.2h-8q.001-.621.116-1.2c.43-2.182 2.006-3.8 3.884-3.8m0 1.2c-1.071 0-2.261.96-2.661 2.6H8.65c-.4-1.64-1.59-2.6-2.661-2.6m3.75-1.65a.55.55 0 1 1 0-1.1.55.55 0 0 1 0 1.1m0 1.2a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5m-7.5-1.2a.55.55 0 1 1 0-1.1.55.55 0 0 1 0 1.1m0 1.2a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5\"/></svg>" },
2172
2178
  'peopleGroup-16-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 17 16\"><path fill=\"#0A0B0D\" d=\"M10.5 3.495a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0M8 6.995c3.314 0 6 3.582 6 8H2c0-4.418 2.686-8 6-8m8-1a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0\"/><path fill=\"#0A0B0D\" d=\"M5 5.995a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0\"/></svg>" },
@@ -2649,7 +2655,7 @@ export const svgMap: Record<string, SvgMapEntry> = {
2649
2655
  'singleNote-24-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M21 2v8h-8v7a5 5 0 1 1-2-4V2zM8 14a3 3 0 1 0 0 6 3 3 0 0 0 0-6m5-6h6V4h-6z\"/></svg>" },
2650
2656
  '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>" },
2651
2657
  '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>" },
2652
- '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>" },
2658
+ 'smartContract-16-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M1.989.995h12v14h-12zm7 5.6v-1.6h-4v1.6zm-4 3.4h6v-1.6h-6z\"/></svg>" },
2653
2659
  'smartContract-16-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"#0A0B0D\" d=\"M8.989 6.595h-4v-1.6h4zm-4 3.4h6v-1.6h-6z\"/><path fill=\"#0A0B0D\" d=\"M1.989.995v14h12v-14zm10.4 1.6v10.8h-8.8v-10.8z\"/></svg>" },
2654
2660
  'smartContract-24-active': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M20.989 1.995h-18v20h18zm-14 7v-2h5v2zm0 4v-2h10v2zm0 2h10v2h-10z\"/></svg>" },
2655
2661
  'smartContract-24-inactive': { content: "<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#0A0B0D\" d=\"M11.989 8.995h-5v-2h5zm-5 4v-2h10v2zm0 2v2h10v-2z\"/><path fill=\"#0A0B0D\" d=\"M2.989 21.995v-20h18v20zm2-18v16h14v-16z\"/></svg>" },
package/src/routes.ts CHANGED
@@ -200,6 +200,11 @@ export const routes = [
200
200
  getComponent: () =>
201
201
  require('@coinbase/cds-mobile/controls/__stories__/ControlGroup.stories').default,
202
202
  },
203
+ {
204
+ key: 'DataCard',
205
+ getComponent: () =>
206
+ require('@coinbase/cds-mobile/alpha/data-card/__stories__/DataCard.stories').default,
207
+ },
203
208
  {
204
209
  key: 'DateInput',
205
210
  getComponent: () => require('@coinbase/cds-mobile/dates/__stories__/DateInput.stories').default,
@@ -351,10 +356,19 @@ export const routes = [
351
356
  getComponent: () =>
352
357
  require('@coinbase/cds-mobile/animation/__stories__/LottieStatusAnimation.stories').default,
353
358
  },
359
+ {
360
+ key: 'MediaCard',
361
+ getComponent: () => require('@coinbase/cds-mobile/cards/__stories__/MediaCard.stories').default,
362
+ },
354
363
  {
355
364
  key: 'MediaChip',
356
365
  getComponent: () => require('@coinbase/cds-mobile/chips/__stories__/MediaChip.stories').default,
357
366
  },
367
+ {
368
+ key: 'MessagingCard',
369
+ getComponent: () =>
370
+ require('@coinbase/cds-mobile/cards/__stories__/MessagingCard.stories').default,
371
+ },
358
372
  {
359
373
  key: 'ModalBackButton',
360
374
  getComponent: () =>
@@ -532,6 +546,12 @@ export const routes = [
532
546
  getComponent: () =>
533
547
  require('@coinbase/cds-mobile/numbers/__stories__/RollingNumber.stories').default,
534
548
  },
549
+ {
550
+ key: 'Scrubber',
551
+ getComponent: () =>
552
+ require('@coinbase/cds-mobile-visualization/chart/scrubber/__stories__/Scrubber.stories')
553
+ .default,
554
+ },
535
555
  {
536
556
  key: 'SearchInput',
537
557
  getComponent: () =>