@coinbase/ui-mobile-playground 4.5.12 → 4.6.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 +6 -0
  2. package/dts/routes.d.ts.map +1 -1
  3. package/esm/__generated__/iconSvgMap.js +1 -1
  4. package/esm/routes.js +3 -0
  5. package/package.json +4 -4
  6. package/src/__generated__/iconSvgMap.ts +13 -7
  7. package/src/routes.ts +6 -0
package/esm/routes.js CHANGED
@@ -326,6 +326,9 @@ export const routes = [{
326
326
  }, {
327
327
  key: 'RollingNumber',
328
328
  getComponent: () => require('@coinbase/cds-mobile/numbers/__stories__/RollingNumber.stories').default
329
+ }, {
330
+ key: 'Scrubber',
331
+ getComponent: () => require('@coinbase/cds-mobile-visualization/chart/scrubber/__stories__/Scrubber.stories').default
329
332
  }, {
330
333
  key: 'SearchInput',
331
334
  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.6.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.41.0",
38
+ "@coinbase/cds-mobile": "^8.41.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
@@ -532,6 +532,12 @@ export const routes = [
532
532
  getComponent: () =>
533
533
  require('@coinbase/cds-mobile/numbers/__stories__/RollingNumber.stories').default,
534
534
  },
535
+ {
536
+ key: 'Scrubber',
537
+ getComponent: () =>
538
+ require('@coinbase/cds-mobile-visualization/chart/scrubber/__stories__/Scrubber.stories')
539
+ .default,
540
+ },
535
541
  {
536
542
  key: 'SearchInput',
537
543
  getComponent: () =>