@tuwaio/sdk 0.7.1 → 0.8.0

package/README.md

@@ -41,7 +41,28 @@ Import the stylesheets once, for example in the global CSS file of the app:
 @import '@tuwaio/sdk/styles/all.css';
 ```
 
-`all.css` joins `nova-core.css` (the `--tuwa-*` theme variables), `nova-connect.css` and `nova-transactions.css`; import them one by one to leave one out.
+`all.css` joins `nova-core.css` (the `--tuwa-*` theme variables and the motions of the pixel icons), `nova-connect.css` and `nova-transactions.css`; import them one by one to leave one out.
+
+Nova draws the pixel icons of `@tuwaio/nova-icons` in its look of paper and ink. For its classic look with Heroicons, install `@heroicons/react` (an optional peer, needed only for this) and give the set to every Nova provider the app renders. A `NovaTransactionsProvider` outside `NovaConnectProvider` takes its own `icons`:
+
+```bash
+pnpm add @heroicons/react
+```
+
+```tsx
+import { NovaConnectProvider } from '@tuwaio/sdk/nova-connect';
+import { heroicons } from '@tuwaio/sdk/nova-core/heroicons';
+import { NovaTransactionsProvider } from '@tuwaio/sdk/nova-transactions/providers';
+import type { ComponentProps } from 'react';
+
+export function ClassicNovaConnect(props: ComponentProps<typeof NovaConnectProvider>) {
+  return <NovaConnectProvider {...props} icons={heroicons} />;
+}
+
+export function ClassicNovaTransactions(props: ComponentProps<typeof NovaTransactionsProvider>) {
+  return <NovaTransactionsProvider {...props} icons={heroicons} />;
+}
+```
 
 ---
 
@@ -58,6 +79,12 @@ Import the stylesheets once, for example in the global CSS file of the app:
 | `@tuwaio/sdk/siwx/server-next`            | `@tuwaio/siwx-server/next`                                                                                                                  | [siwx.docs.tuwa.io](https://siwx.docs.tuwa.io/packages/siwx-server/next)                                                                                   |
 | `@tuwaio/sdk/nova-core`                   | `@tuwaio/nova-core`                                                                                                                         | [Storybook](https://stories.tuwa.io/?path=/docs/packages-nova-core-overview--docs)                                                                         |
 | `@tuwaio/sdk/nova-core/utils`             | `@tuwaio/nova-core/utils`: only the helpers (`cn`, `deepMerge`, `getChainName`, `textCenterEllipsis`…), without React, components and icons | [Storybook](https://stories.tuwa.io/?path=/docs/packages-nova-core-overview--docs)                                                                         |
+| `@tuwaio/sdk/nova-core/heroicons`         | `@tuwaio/nova-core/heroicons`: the Heroicons set of the classic look (needs `@heroicons/react`)                                             | [Storybook](https://stories.tuwa.io/?path=/docs/packages-nova-core-overview--docs)                                                                         |
+| `@tuwaio/sdk/nova-icons`                  | `@tuwaio/nova-icons`: the pixel icons and the helpers that draw them                                                                        | [Storybook](https://stories.tuwa.io/?path=/docs/packages-nova-icons-overview--docs)                                                                        |
+| `@tuwaio/sdk/nova-icons/24/outline`       | `@tuwaio/nova-icons/24/outline`, the path of `@heroicons/react/24/outline`                                                                  | [Gallery](https://stories.tuwa.io/?path=/story/nova-icons-gallery--gallery)                                                                                |
+| `@tuwaio/sdk/nova-icons/24/solid`         | `@tuwaio/nova-icons/24/solid`, the path of `@heroicons/react/24/solid`                                                                      | [Gallery](https://stories.tuwa.io/?path=/story/nova-icons-gallery--gallery)                                                                                |
+| `@tuwaio/sdk/nova-icons/tuwa`             | `@tuwaio/nova-icons/tuwa`: the icons of TUWA's own                                                                                          | [Gallery](https://stories.tuwa.io/?path=/story/nova-icons-gallery--gallery)                                                                                |
+| `@tuwaio/sdk/nova-icons/brands`           | `@tuwaio/nova-icons/brands`: the pixel marks of brands                                                                                      | [Gallery](https://stories.tuwa.io/?path=/story/nova-icons-gallery--gallery)                                                                                |
 | `@tuwaio/sdk/nova-connect`                | `@tuwaio/nova-connect`                                                                                                                      | [Storybook](https://stories.tuwa.io/?path=/docs/packages-nova-connect-connect-overview--docs)                                                              |
 | `@tuwaio/sdk/nova-connect/components`     | `@tuwaio/nova-connect/components`                                                                                                           | [Storybook](https://stories.tuwa.io/?path=/docs/packages-nova-connect-components-overview--docs)                                                           |
 | `@tuwaio/sdk/nova-connect/hooks`          | `@tuwaio/nova-connect/hooks`                                                                                                                | [Storybook](https://stories.tuwa.io/?path=/docs/packages-nova-connect-hooks-overview--docs)                                                                |
@@ -121,7 +148,8 @@ The versions in this package go together: Nova UI Kit 0.11 shows a transaction s
 - `orbit-core:lastConnectedConnector`, `orbit-core:recentlyConnectedConnectorsListHelpers`: the last connection and the recent wallets, in `localStorage`, or in `sessionStorage` until the tab closes when `rememberWallet` of `SatelliteConnectProvider` is `false` or "Remember this wallet" of Nova Connect is unticked ([`@tuwaio/satellite-core`](https://satellite.docs.tuwa.io/packages/satellite-core), read by Nova Connect);
 - `satellite-connect:impersonatedAddress` in `localStorage`: the impersonated address ([`@tuwaio/satellite-core`](https://satellite.docs.tuwa.io/packages/satellite-core));
 - the `name` passed to `createPulsarStore` in `localStorage`: the tracked transactions ([`@tuwaio/pulsar-core`](https://pulsar.docs.tuwa.io/packages/pulsar-core));
-- `siwx-react:session` in `localStorage`: the SIWX session shown in the UI ([`@tuwaio/siwx-react`](https://siwx.docs.tuwa.io/packages/siwx-react)).
+- `siwx-react:session` in `localStorage`: the SIWX session shown in the UI ([`@tuwaio/siwx-react`](https://siwx.docs.tuwa.io/packages/siwx-react));
+- `nova-transactions:closedToasts` in `localStorage`: the keys of up to 50 pending transactions whose toast was closed, so it stays closed after a page load ([`@tuwaio/nova-transactions`](https://stories.tuwa.io/?path=/docs/packages-nova-transactions-transactions-overview--docs)).
 
 ## 🌐 External Services
 

package/dist/nova-connect-components.d.cts

@@ -5,8 +5,14 @@ import '@tuwaio/nova-connect/i18n';
 import '@tuwaio/nova-connect/satellite';
 import '@tuwaio/nova-connect/solana';
 import '@tuwaio/nova-connect';
+import '@tuwaio/nova-core/heroicons';
 import '@tuwaio/nova-core/utils';
 import '@tuwaio/nova-core';
+import '@tuwaio/nova-icons/brands';
+import '@tuwaio/nova-icons/24/outline';
+import '@tuwaio/nova-icons/24/solid';
+import '@tuwaio/nova-icons/tuwa';
+import '@tuwaio/nova-icons';
 import '@tuwaio/nova-transactions/i18n';
 import '@tuwaio/nova-transactions/providers';
 import '@tuwaio/nova-transactions';

package/dist/nova-connect-components.d.ts

@@ -5,8 +5,14 @@ import '@tuwaio/nova-connect/i18n';
 import '@tuwaio/nova-connect/satellite';
 import '@tuwaio/nova-connect/solana';
 import '@tuwaio/nova-connect';
+import '@tuwaio/nova-core/heroicons';
 import '@tuwaio/nova-core/utils';
 import '@tuwaio/nova-core';
+import '@tuwaio/nova-icons/brands';
+import '@tuwaio/nova-icons/24/outline';
+import '@tuwaio/nova-icons/24/solid';
+import '@tuwaio/nova-icons/tuwa';
+import '@tuwaio/nova-icons';
 import '@tuwaio/nova-transactions/i18n';
 import '@tuwaio/nova-transactions/providers';
 import '@tuwaio/nova-transactions';

package/dist/nova-core-heroicons.cjs

@@ -0,0 +1 @@
+'use strict';var heroicons=require('@tuwaio/nova-core/heroicons');Object.keys(heroicons).forEach(function(k){if(k!=='default'&&!Object.prototype.hasOwnProperty.call(exports,k))Object.defineProperty(exports,k,{enumerable:true,get:function(){return heroicons[k]}})});

package/dist/nova-core-heroicons.d.cts

@@ -0,0 +1 @@
+export * from '@tuwaio/nova-core/heroicons';

package/dist/nova-core-heroicons.d.ts

@@ -0,0 +1 @@
+export * from '@tuwaio/nova-core/heroicons';

package/dist/nova-core-heroicons.js

@@ -0,0 +1 @@
+export*from'@tuwaio/nova-core/heroicons';

package/dist/nova-icons-brands.cjs

@@ -0,0 +1 @@
+'use strict';var brands=require('@tuwaio/nova-icons/brands');Object.keys(brands).forEach(function(k){if(k!=='default'&&!Object.prototype.hasOwnProperty.call(exports,k))Object.defineProperty(exports,k,{enumerable:true,get:function(){return brands[k]}})});

package/dist/nova-icons-brands.d.cts

@@ -0,0 +1 @@
+export * from '@tuwaio/nova-icons/brands';

package/dist/nova-icons-brands.d.ts

@@ -0,0 +1 @@
+export * from '@tuwaio/nova-icons/brands';

package/dist/nova-icons-brands.js

@@ -0,0 +1 @@
+export*from'@tuwaio/nova-icons/brands';

package/dist/nova-icons-outline.cjs

@@ -0,0 +1 @@
+'use strict';var outline=require('@tuwaio/nova-icons/24/outline');Object.keys(outline).forEach(function(k){if(k!=='default'&&!Object.prototype.hasOwnProperty.call(exports,k))Object.defineProperty(exports,k,{enumerable:true,get:function(){return outline[k]}})});

package/dist/nova-icons-outline.d.cts

@@ -0,0 +1 @@
+export * from '@tuwaio/nova-icons/24/outline';

package/dist/nova-icons-outline.d.ts

@@ -0,0 +1 @@
+export * from '@tuwaio/nova-icons/24/outline';

package/dist/nova-icons-outline.js

@@ -0,0 +1 @@
+export*from'@tuwaio/nova-icons/24/outline';

package/dist/nova-icons-solid.cjs

@@ -0,0 +1 @@
+'use strict';var solid=require('@tuwaio/nova-icons/24/solid');Object.keys(solid).forEach(function(k){if(k!=='default'&&!Object.prototype.hasOwnProperty.call(exports,k))Object.defineProperty(exports,k,{enumerable:true,get:function(){return solid[k]}})});

package/dist/nova-icons-solid.d.cts

@@ -0,0 +1 @@
+export * from '@tuwaio/nova-icons/24/solid';

package/dist/nova-icons-solid.d.ts

@@ -0,0 +1 @@
+export * from '@tuwaio/nova-icons/24/solid';

package/dist/nova-icons-solid.js

@@ -0,0 +1 @@
+export*from'@tuwaio/nova-icons/24/solid';

package/dist/nova-icons-tuwa.cjs

@@ -0,0 +1 @@
+'use strict';var tuwa=require('@tuwaio/nova-icons/tuwa');Object.keys(tuwa).forEach(function(k){if(k!=='default'&&!Object.prototype.hasOwnProperty.call(exports,k))Object.defineProperty(exports,k,{enumerable:true,get:function(){return tuwa[k]}})});

package/dist/nova-icons-tuwa.d.cts

@@ -0,0 +1 @@
+export * from '@tuwaio/nova-icons/tuwa';

package/dist/nova-icons-tuwa.d.ts

@@ -0,0 +1 @@
+export * from '@tuwaio/nova-icons/tuwa';

package/dist/nova-icons-tuwa.js

@@ -0,0 +1 @@
+export*from'@tuwaio/nova-icons/tuwa';

package/dist/nova-icons.cjs

@@ -0,0 +1 @@
+'use strict';var novaIcons=require('@tuwaio/nova-icons');Object.keys(novaIcons).forEach(function(k){if(k!=='default'&&!Object.prototype.hasOwnProperty.call(exports,k))Object.defineProperty(exports,k,{enumerable:true,get:function(){return novaIcons[k]}})});

package/dist/nova-icons.d.cts

@@ -0,0 +1 @@
+export * from '@tuwaio/nova-icons';

package/dist/nova-icons.d.ts

@@ -0,0 +1 @@
+export * from '@tuwaio/nova-icons';

package/dist/nova-icons.js

@@ -0,0 +1 @@
+export*from'@tuwaio/nova-icons';