npm - @transferwise/components - Versions diffs - 0.0.0-experimental-550e14a → 0.0.0-experimental-3e45476 - Mend

@transferwise/components 0.0.0-experimental-550e14a → 0.0.0-experimental-3e45476

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 (4) hide show

package/build/test-utils/assets/wise-card.svg +1 -0
package/package.json +3 -3
package/src/table/Table.story.tsx +59 -1
package/src/test-utils/assets/wise-card.svg +1 -0

package/build/test-utils/assets/wise-card.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg width="64" height="42" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#business_green_wise_2023_active__a)"><g filter="url(#business_green_wise_2023_active__b)" clip-path="url(#business_green_wise_2023_active__c)"><g clip-path="url(#business_green_wise_2023_active__d)"><rect width="64" height="42" rx="5" fill="#163300"/><mask id="business_green_wise_2023_active__e" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="43" y="6" width="15" height="14"><path d="m43.917 15.059 3.65-4.294h-.002l-2.218-3.892h12.07l-4.672 12.916h-2.648l3.87-10.716h-4.991l1.11 1.922-.006.053-1.706 1.986h2.792l-.733 2.025h-6.516Z" fill="#F0F"/></mask><g mask="url(#business_green_wise_2023_active__e)"><path fill="#9FE870" d="M42.667 5.333h16v16h-16z"/></g><g style="mix-blend-mode:overlay" opacity=".2" filter="url(#business_green_wise_2023_active__f)"><path fill="#fff" d="m35.549-5.015 35.995-.628.907 51.992-35.994.628z"/></g><g style="mix-blend-mode:overlay" opacity=".14" filter="url(#business_green_wise_2023_active__g)"><path fill="#000" d="m-18.197-5.015 35.995-.628.907 51.992-35.994.628z"/></g></g></g></g><defs><filter id="business_green_wise_2023_active__a" x="0" y="-.6" width="64" height="42.6" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="-.6"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"/><feBlend in2="shape" result="effect1_innerShadow_957_18749"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0"/><feBlend in2="effect1_innerShadow_957_18749" result="effect2_innerShadow_957_18749"/></filter><filter id="business_green_wise_2023_active__b" x="0" y="-.6" width="64" height="42.6" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="-.6"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.3 0"/><feBlend in2="shape" result="effect1_innerShadow_957_18749"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0"/><feBlend in2="effect1_innerShadow_957_18749" result="effect2_innerShadow_957_18749"/></filter><filter id="business_green_wise_2023_active__f" x="24.549" y="-16.644" width="58.902" height="74.62" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="5.5" result="effect1_foregroundBlur_957_18749"/></filter><filter id="business_green_wise_2023_active__g" x="-36.197" y="-23.644" width="72.902" height="88.62" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="9" result="effect1_foregroundBlur_957_18749"/></filter><clipPath id="business_green_wise_2023_active__c"><rect width="64" height="42" rx="5" fill="#fff"/></clipPath><clipPath id="business_green_wise_2023_active__d"><rect width="64" height="42" rx="5" fill="#fff"/></clipPath></defs></svg>

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "0.0.0-experimental-550e14a",
+  "version": "0.0.0-experimental-3e45476",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {
@@ -91,13 +91,13 @@
     "rollup": "^4.18.1",
     "rollup-preserve-directives": "^1.1.1",
     "storybook": "^8.2.2",
-    "@transferwise/neptune-css": "0.0.0-experimental-550e14a",
     "@transferwise/less-config": "3.1.0",
+    "@transferwise/neptune-css": "0.0.0-experimental-3e45476",
     "@wise/components-theming": "1.6.1"
   },
   "peerDependencies": {
     "@transferwise/icons": "^3.13.1",
-    "@transferwise/neptune-css": "0.0.0-experimental-550e14a",
+    "@transferwise/neptune-css": "0.0.0-experimental-3e45476",
     "@wise/art": "^2.16",
     "@wise/components-theming": "^1.0.0",
     "react": ">=18",

package/src/table/Table.story.tsx CHANGED Viewed

@@ -21,7 +21,7 @@ const tableData = {
       header: 'Location',
     },
     {
-      header: 'Emplpyment Date',
+      header: 'Employment Date',
       className: 'np-table-header--custom-class',
     },
     {
@@ -32,6 +32,9 @@ const tableData = {
       header: 'Status',
       status: 'error',
     },
+    {
+      header: 'Card',
+    },
   ] satisfies TableHeaderType[],
   rows: [
     {
@@ -81,6 +84,17 @@ const tableData = {
             sentiment: 'negative',
           },
         },
+        {
+          cell: {
+            type: 'media',
+            media: {
+              src: '../wise-card.svg',
+              alt: 'Wise Card',
+              width: 48,
+            },
+            primaryText: '•••• 9204',
+          },
+        },
       ],
     },
     {
@@ -130,6 +144,17 @@ const tableData = {
             sentiment: 'neutral',
           },
         },
+        {
+          cell: {
+            type: 'media',
+            media: {
+              src: '../wise-card.svg',
+              alt: 'Wise Card',
+              width: 48,
+            },
+            primaryText: '•••• 9200',
+          },
+        },
       ],
     },
     {
@@ -179,6 +204,17 @@ const tableData = {
             sentiment: 'positive',
           },
         },
+        {
+          cell: {
+            type: 'media',
+            media: {
+              src: '../wise-card.svg',
+              alt: 'Wise Card',
+              width: 48,
+            },
+            primaryText: '•••• 9200',
+          },
+        },
       ],
     },
     {
@@ -231,6 +267,17 @@ const tableData = {
             sentiment: 'warning',
           },
         },
+        {
+          cell: {
+            type: 'media',
+            media: {
+              src: '../wise-card.svg',
+              alt: 'Wise Card',
+              width: 48,
+            },
+            primaryText: '•••• 9200',
+          },
+        },
       ],
     },
     {
@@ -283,6 +330,17 @@ const tableData = {
             sentiment: 'pending',
           },
         },
+        {
+          cell: {
+            type: 'media',
+            media: {
+              src: '../wise-card.svg',
+              alt: 'Wise Card',
+              width: 48,
+            },
+            primaryText: '•••• 9200',
+          },
+        },
       ],
     },
   ] satisfies TableRowType[] | TableRowClickableType[],

package/src/test-utils/assets/wise-card.svg ADDED Viewed

@@ -0,0 +1 @@