@transferwise/components 46.81.0 → 46.82.1

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 (93) hide show
  1. package/build/alert/Alert.js +2 -9
  2. package/build/alert/Alert.js.map +1 -1
  3. package/build/alert/Alert.mjs +2 -9
  4. package/build/alert/Alert.mjs.map +1 -1
  5. package/build/i18n/en.json +5 -0
  6. package/build/i18n/en.json.js +5 -0
  7. package/build/i18n/en.json.js.map +1 -1
  8. package/build/i18n/en.json.mjs +5 -0
  9. package/build/i18n/en.json.mjs.map +1 -1
  10. package/build/logo/Logo.js +11 -131
  11. package/build/logo/Logo.js.map +1 -1
  12. package/build/logo/Logo.mjs +1 -121
  13. package/build/logo/Logo.mjs.map +1 -1
  14. package/build/logo/logo-assets.js +134 -0
  15. package/build/logo/logo-assets.js.map +1 -0
  16. package/build/logo/logo-assets.mjs +125 -0
  17. package/build/logo/logo-assets.mjs.map +1 -0
  18. package/build/main.css +274 -0
  19. package/build/money/Money.js +5 -2
  20. package/build/money/Money.js.map +1 -1
  21. package/build/money/Money.mjs +5 -2
  22. package/build/money/Money.mjs.map +1 -1
  23. package/build/styles/main.css +274 -0
  24. package/build/styles/table/Table.css +274 -0
  25. package/build/types/alert/Alert.d.ts +1 -5
  26. package/build/types/alert/Alert.d.ts.map +1 -1
  27. package/build/types/logo/Logo.d.ts.map +1 -1
  28. package/build/types/logo/logo-assets.d.ts +10 -0
  29. package/build/types/logo/logo-assets.d.ts.map +1 -0
  30. package/build/types/money/Money.d.ts +2 -1
  31. package/build/types/money/Money.d.ts.map +1 -1
  32. package/build/types/table/Table.d.ts +23 -0
  33. package/build/types/table/Table.d.ts.map +1 -0
  34. package/build/types/table/Table.messages.d.ts +24 -0
  35. package/build/types/table/Table.messages.d.ts.map +1 -0
  36. package/build/types/table/TableCell.d.ts +40 -0
  37. package/build/types/table/TableCell.d.ts.map +1 -0
  38. package/build/types/table/TableHeader.d.ts +13 -0
  39. package/build/types/table/TableHeader.d.ts.map +1 -0
  40. package/build/types/table/TableRow.d.ts +17 -0
  41. package/build/types/table/TableRow.d.ts.map +1 -0
  42. package/build/types/table/TableStatusText.d.ts +10 -0
  43. package/build/types/table/TableStatusText.d.ts.map +1 -0
  44. package/build/types/table/index.d.ts +6 -0
  45. package/build/types/table/index.d.ts.map +1 -0
  46. package/build/types/test-utils/index.d.ts +10 -0
  47. package/build/types/test-utils/index.d.ts.map +1 -1
  48. package/package.json +3 -4
  49. package/src/alert/Alert.spec.story.tsx +0 -82
  50. package/src/alert/Alert.spec.tsx +0 -30
  51. package/src/alert/Alert.tsx +51 -67
  52. package/src/i18n/en.json +5 -0
  53. package/src/logo/Logo.tsx +10 -8
  54. package/src/logo/__snapshots__/Logo.spec.tsx.snap +16 -16
  55. package/src/logo/logo-assets.tsx +137 -0
  56. package/src/main.css +274 -0
  57. package/src/main.less +1 -0
  58. package/src/money/Money.tsx +9 -2
  59. package/src/table/Table.css +274 -0
  60. package/src/table/Table.less +334 -0
  61. package/src/table/Table.messages.ts +24 -0
  62. package/src/table/Table.spec.tsx +82 -0
  63. package/src/table/Table.story.tsx +356 -0
  64. package/src/table/Table.tsx +167 -0
  65. package/src/table/TableCell.spec.tsx +298 -0
  66. package/src/table/TableCell.tsx +149 -0
  67. package/src/table/TableHeader.spec.tsx +50 -0
  68. package/src/table/TableHeader.tsx +74 -0
  69. package/src/table/TableRow.spec.tsx +112 -0
  70. package/src/table/TableRow.tsx +70 -0
  71. package/src/table/TableStatusText.spec.tsx +53 -0
  72. package/src/table/TableStatusText.tsx +40 -0
  73. package/src/table/index.ts +11 -0
  74. package/build/logo/svg/flag-inverse.svg +0 -1
  75. package/build/logo/svg/flag-platform-white.svg +0 -1
  76. package/build/logo/svg/flag-platform.svg +0 -1
  77. package/build/logo/svg/flag.svg +0 -1
  78. package/build/logo/svg/logo-business-inverse.svg +0 -1
  79. package/build/logo/svg/logo-business.svg +0 -1
  80. package/build/logo/svg/logo-inverse.svg +0 -1
  81. package/build/logo/svg/logo-platform-white.svg +0 -1
  82. package/build/logo/svg/logo-platform.svg +0 -1
  83. package/build/logo/svg/logo.svg +0 -1
  84. package/src/logo/svg/flag-inverse.svg +0 -1
  85. package/src/logo/svg/flag-platform-white.svg +0 -1
  86. package/src/logo/svg/flag-platform.svg +0 -1
  87. package/src/logo/svg/flag.svg +0 -1
  88. package/src/logo/svg/logo-business-inverse.svg +0 -1
  89. package/src/logo/svg/logo-business.svg +0 -1
  90. package/src/logo/svg/logo-inverse.svg +0 -1
  91. package/src/logo/svg/logo-platform-white.svg +0 -1
  92. package/src/logo/svg/logo-platform.svg +0 -1
  93. package/src/logo/svg/logo.svg +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"logo-assets.mjs","sources":["../../src/logo/logo-assets.tsx"],"sourcesContent":["import { CommonProps } from '../common';\n\nexport function LogoFlagInverse({ className }: CommonProps) {\n return (\n <svg\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"26\"\n height=\"24\"\n fill=\"none\"\n >\n <path\n fill=\"#9FE870\"\n d=\"M6.82603 7.23227 0 15.2096h12.1882l1.3696-3.7616H8.33504l3.19126-3.68968.0102-.09787-2.07504-3.57192h9.33564L11.5604 24h4.9522l8.7385-24H2.6758l4.15023 7.23227Z\"\n />\n </svg>\n );\n}\n\nexport function LogoFlagPlatformInverse({ className }: CommonProps) {\n return (\n <svg\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"111\"\n height=\"18\"\n fill=\"none\"\n >\n <path\n fill=\"#fff\"\n d=\"M4.887 5.918 0 11.523h8.726l.98-2.642H5.969l2.284-2.593.008-.068-1.486-2.508h6.683L8.276 17.699h3.546L18.079.838H1.916l2.97 5.08ZM22.001 17.717V.791h6.15c1.341 0 2.454.24 3.334.719.882.48 1.541 1.134 1.979 1.963.438.83.657 1.762.657 2.798s-.22 1.976-.662 2.806c-.44.83-1.104 1.485-1.988 1.967-.885.482-1.995.723-3.331.723h-4.23V9.6h3.994c.848 0 1.536-.144 2.064-.434.528-.29.914-.684 1.162-1.186.248-.501.37-1.07.37-1.71 0-.639-.122-1.206-.37-1.702-.248-.497-.636-.885-1.166-1.165-.531-.282-1.228-.422-2.093-.422h-3.268v14.735H22h.001ZM38.823.791v16.926h-2.518V.791h2.518ZM45.712 17.998c-.82 0-1.561-.15-2.224-.45a3.665 3.665 0 0 1-1.572-1.31c-.385-.573-.576-1.275-.576-2.107 0-.716.14-1.307.42-1.768.281-.462.661-.83 1.138-1.1a6.036 6.036 0 0 1 1.6-.612c.59-.139 1.19-.243 1.802-.313.775-.09 1.404-.161 1.887-.22.482-.057.834-.152 1.052-.285.22-.132.33-.347.33-.644v-.058c0-.72-.208-1.28-.62-1.678-.412-.396-1.025-.595-1.84-.595-.813 0-1.514.183-2 .55-.486.366-.822.772-1.007 1.218l-2.366-.528c.28-.772.692-1.395 1.234-1.872a5.034 5.034 0 0 1 1.874-1.042 7.562 7.562 0 0 1 2.232-.327c.516 0 1.065.06 1.647.178a4.949 4.949 0 0 1 1.634.65c.509.313.925.76 1.25 1.342.325.58.49 1.334.49 2.26v8.43h-2.46V15.98h-.101c-.163.32-.408.634-.733.942-.326.309-.744.565-1.255.77-.512.204-1.123.305-1.836.305Zm.547-1.984c.696 0 1.294-.135 1.79-.405.497-.27.876-.623 1.138-1.062a2.71 2.71 0 0 0 .392-1.409v-1.637c-.09.089-.262.17-.518.245a7.313 7.313 0 0 1-.871.19c-.327.053-.644.099-.952.14l-.774.103c-.489.06-.933.162-1.336.306-.4.144-.722.348-.96.616-.239.267-.358.62-.358 1.062 0 .612.23 1.073.69 1.385.46.31 1.048.466 1.76.466ZM60.833 5.023v1.984h-7.067V5.023h7.067Zm-5.172-3.04h2.518V13.99c0 .48.074.838.22 1.078.145.24.335.403.568.488.233.086.487.128.763.128.201 0 .378-.014.53-.04l.354-.066.455 2.041a4.518 4.518 0 0 1-.624.17c-.27.058-.607.09-1.01.095a4.509 4.509 0 0 1-1.853-.347 3.165 3.165 0 0 1-1.39-1.124c-.355-.506-.531-1.143-.531-1.91V1.983ZM69.507 5.024v1.984h-7.312V5.024h7.312ZM64.2 17.718V3.553c0-.794.177-1.453.531-1.98.354-.525.823-.92 1.406-1.18A4.615 4.615 0 0 1 68.041 0a6.072 6.072 0 0 1 2.098.338l-.59 2c-.117-.034-.27-.074-.454-.12a2.81 2.81 0 0 0-.674-.07c-.612 0-1.048.148-1.309.445-.26.297-.392.728-.392 1.29v13.835H64.2ZM76.382 17.975c-1.213 0-2.27-.273-3.175-.818-.904-.545-1.606-1.31-2.106-2.289-.5-.981-.75-2.127-.75-3.438 0-1.312.25-2.469.75-3.455.5-.986 1.202-1.753 2.106-2.298.904-.545 1.963-.818 3.175-.818 1.213 0 2.271.273 3.176.818.904.545 1.605 1.312 2.106 2.298.499.986.75 2.138.75 3.455 0 1.316-.251 2.457-.75 3.438-.5.981-1.202 1.744-2.106 2.289-.905.545-1.963.818-3.176.818Zm.008-2.074c.787 0 1.438-.204 1.954-.612.517-.41.9-.95 1.15-1.628.25-.678.374-1.425.374-2.24 0-.815-.124-1.555-.374-2.236-.25-.68-.633-1.227-1.15-1.64-.516-.415-1.167-.62-1.954-.62-.786 0-1.448.206-1.967.62-.519.412-.904.96-1.153 1.64a6.43 6.43 0 0 0-.375 2.236c0 .81.125 1.562.375 2.24.25.677.634 1.22 1.153 1.628.52.407 1.176.612 1.967.612ZM84.434 17.718V5.024h2.434V7.04h.135a3.098 3.098 0 0 1 1.25-1.617 3.619 3.619 0 0 1 2.034-.591 10.666 10.666 0 0 1 1.071.058v2.363c-.1-.027-.28-.059-.538-.095a5.6 5.6 0 0 0-.775-.054c-.595 0-1.124.122-1.588.368-.464.245-.83.584-1.1 1.017-.27.432-.405.924-.405 1.475v7.752h-2.518v.002ZM93.023 17.718V5.023h2.418V7.09h.16c.27-.7.71-1.246 1.322-1.641.612-.394 1.345-.592 2.2-.592.854 0 1.59.198 2.177.596.587.396 1.021.942 1.302 1.637h.135c.309-.678.8-1.22 1.474-1.624.674-.405 1.477-.607 2.409-.607 1.174 0 2.132.361 2.876 1.082.744.722 1.117 1.81 1.117 3.265v8.512h-2.519v-8.28c0-.86-.239-1.483-.716-1.869-.477-.386-1.047-.578-1.71-.578-.82 0-1.457.246-1.912.739-.455.492-.683 1.125-.683 1.896v8.092h-2.509V9.281c0-.69-.219-1.242-.657-1.662-.437-.419-1.007-.627-1.71-.627-.477 0-.917.122-1.318.368a2.74 2.74 0 0 0-.969 1.02c-.243.435-.365.94-.365 1.513v7.826H93.023Z\"\n />\n </svg>\n );\n}\n\nexport function LogoFlagPlatform({ className }: CommonProps) {\n return (\n <svg\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"111\"\n height=\"18\"\n fill=\"none\"\n >\n <path\n fill=\"#163300\"\n d=\"M4.887 5.92 0 11.525h8.726l.98-2.642H5.969L8.252 6.29l.008-.068-1.486-2.508h6.683L8.276 17.7h3.546L18.079.84H1.916l2.97 5.08ZM22.001 17.72V.792h6.15c1.341 0 2.454.24 3.334.719.882.48 1.541 1.134 1.979 1.963.438.83.657 1.762.657 2.798s-.22 1.976-.662 2.806c-.44.829-1.104 1.485-1.988 1.967-.885.482-1.995.723-3.331.723h-4.23V9.603h3.994c.848 0 1.536-.144 2.064-.434.528-.29.914-.684 1.162-1.186.248-.501.37-1.07.37-1.71 0-.639-.122-1.206-.37-1.702-.248-.497-.636-.885-1.166-1.165-.531-.282-1.228-.422-2.093-.422h-3.268v14.735H22h.001ZM38.823.793v16.926h-2.518V.793h2.518ZM45.712 18c-.82 0-1.561-.15-2.224-.45a3.665 3.665 0 0 1-1.572-1.31c-.385-.573-.576-1.275-.576-2.107 0-.717.14-1.307.42-1.768.281-.462.661-.83 1.138-1.1a6.036 6.036 0 0 1 1.6-.612c.59-.139 1.19-.243 1.802-.314.775-.088 1.404-.16 1.887-.218.482-.058.834-.153 1.052-.286.22-.132.33-.347.33-.644v-.058c0-.72-.208-1.28-.62-1.678-.412-.396-1.025-.595-1.84-.595-.813 0-1.514.183-2 .55-.486.366-.822.772-1.007 1.218L41.736 8.1c.28-.772.692-1.395 1.234-1.873a5.034 5.034 0 0 1 1.874-1.041 7.562 7.562 0 0 1 2.232-.327c.516 0 1.065.06 1.647.178a4.949 4.949 0 0 1 1.634.65c.509.313.925.76 1.25 1.342.325.58.49 1.334.49 2.26v8.43h-2.46v-1.736h-.101c-.163.32-.408.634-.733.942-.326.309-.744.565-1.255.77-.512.204-1.123.305-1.836.305Zm.547-1.984c.696 0 1.294-.135 1.79-.405.497-.27.876-.623 1.138-1.062a2.71 2.71 0 0 0 .392-1.409v-1.637c-.09.089-.262.17-.518.244a7.313 7.313 0 0 1-.871.19c-.327.054-.644.1-.952.14l-.774.104c-.489.06-.933.162-1.336.306-.4.144-.722.348-.96.616-.239.267-.358.62-.358 1.062 0 .612.23 1.073.69 1.385.46.31 1.048.466 1.76.466ZM60.833 5.025V7.01h-7.067V5.025h7.067Zm-5.172-3.04h2.518v12.008c0 .48.074.838.22 1.078.145.24.335.403.568.488.233.086.487.128.763.128.201 0 .378-.014.53-.04l.354-.066.455 2.041a4.53 4.53 0 0 1-.624.17c-.27.058-.607.09-1.01.095a4.509 4.509 0 0 1-1.853-.347 3.166 3.166 0 0 1-1.39-1.124c-.355-.506-.531-1.143-.531-1.91V1.985ZM69.507 5.026V7.01h-7.312V5.026h7.312ZM64.2 17.72V3.555c0-.794.177-1.453.531-1.98.354-.525.823-.92 1.406-1.18a4.615 4.615 0 0 1 1.904-.393A6.072 6.072 0 0 1 70.14.34l-.59 2c-.117-.034-.27-.074-.454-.12a2.81 2.81 0 0 0-.674-.07c-.612 0-1.048.148-1.309.445-.26.297-.392.728-.392 1.29V17.72H64.2ZM76.382 17.977c-1.213 0-2.27-.273-3.175-.818-.904-.545-1.606-1.31-2.106-2.289-.5-.981-.75-2.127-.75-3.438 0-1.312.25-2.469.75-3.455.5-.986 1.202-1.753 2.106-2.298.904-.545 1.963-.818 3.175-.818 1.213 0 2.271.273 3.176.818.904.545 1.605 1.312 2.106 2.298.499.986.75 2.138.75 3.455 0 1.316-.251 2.457-.75 3.438-.5.981-1.202 1.744-2.106 2.289-.905.545-1.963.818-3.176.818Zm.008-2.075c.787 0 1.438-.203 1.954-.611.517-.41.9-.95 1.15-1.628.25-.678.374-1.425.374-2.24 0-.815-.124-1.555-.374-2.236-.25-.68-.633-1.227-1.15-1.64-.516-.415-1.167-.62-1.954-.62-.786 0-1.448.206-1.967.62-.519.412-.904.96-1.153 1.64a6.43 6.43 0 0 0-.375 2.236c0 .81.125 1.562.375 2.24.25.677.634 1.22 1.153 1.627.52.408 1.176.613 1.967.613ZM84.434 17.72V5.026h2.434v2.016h.135a3.098 3.098 0 0 1 1.25-1.617 3.618 3.618 0 0 1 2.034-.591 10.677 10.677 0 0 1 1.071.058v2.363c-.1-.027-.28-.059-.538-.095a5.6 5.6 0 0 0-.775-.054c-.595 0-1.124.122-1.588.368-.464.245-.83.583-1.1 1.017-.27.432-.405.924-.405 1.475v7.752h-2.518v.002ZM93.023 17.72V5.025h2.418v2.067h.16c.27-.7.71-1.246 1.322-1.641.612-.394 1.345-.592 2.2-.592.854 0 1.59.198 2.177.596.587.396 1.021.942 1.302 1.637h.135c.309-.678.8-1.22 1.474-1.624.674-.405 1.477-.607 2.409-.607 1.174 0 2.132.361 2.876 1.082.744.722 1.117 1.81 1.117 3.265v8.512h-2.519V9.44c0-.86-.239-1.483-.716-1.869-.477-.386-1.047-.578-1.71-.578-.82 0-1.457.246-1.912.739-.455.492-.683 1.125-.683 1.896v8.092h-2.509V9.283c0-.69-.219-1.243-.657-1.662-.437-.419-1.007-.627-1.71-.627-.477 0-.917.122-1.318.368a2.74 2.74 0 0 0-.969 1.02c-.243.435-.365.94-.365 1.513v7.826h-2.519l-.003-.001Z\"\n />\n </svg>\n );\n}\n\nexport function LogoFlag({ className }: CommonProps) {\n return (\n <svg\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"26\"\n height=\"24\"\n fill=\"none\"\n >\n <path\n fill=\"#163300\"\n d=\"M6.82603 7.23227 0 15.2096h12.1882l1.3696-3.7616H8.33504l3.19126-3.68968.0102-.09787-2.07504-3.57192h9.33564L11.5604 24h4.9522l8.7385-24H2.6758l4.15023 7.23227Z\"\n />\n </svg>\n );\n}\n\nexport function LogoWiseInverse({ className }: CommonProps) {\n return (\n <svg\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"106\"\n height=\"24\"\n fill=\"none\"\n >\n <path\n fill=\"#9FE870\"\n d=\"M58.7377.358803h6.4982L61.9668 23.681h-6.4983L58.7377.358803Zm-8.1922 0L46.1602 13.794 44.2465.358803h-4.5448L33.9608 13.7541 33.2433.358803h-6.2991L29.1369 23.681h5.2226L40.818 8.93022 43.0904 23.681h5.1428L56.7249.358803h-6.1794ZM105.103 13.9136H89.6744c.0798 3.0299 1.8937 5.0233 4.5648 5.0233 2.0133 0 3.608-1.0765 4.8439-3.1296l5.2079 2.3674C102.501 21.7017 98.729 24 94.0798 24 87.741 24 83.535 19.7342 83.535 12.8771 83.535 5.34221 88.4784 0 95.4552 0c6.1398 0 10.0068 4.14618 10.0068 10.6046 0 1.0765-.12 2.1528-.359 3.309Zm-5.7807-4.46512c0-2.71095-1.515-4.42525-3.9468-4.42525-2.5117 0-4.5848 1.79402-5.143 4.42525h9.0898ZM6.63326 7.38685 0 15.1389h11.844l1.3309-3.6553H8.09965l3.10105-3.58555.01-.09511L9.19424 4.3319h9.07196l-7.0323 19.3492h4.8124L24.538.358823H2.60021L6.63326 7.38685Zm69.16744-2.3636c2.2923 0 4.301 1.23273 6.0551 3.34565l.9216-6.57488C81.1429.687707 78.9303 0 76 0c-5.8205 0-9.0896 3.40865-9.0896 7.73421 0 2.99999 1.6744 4.83389 4.4252 6.01989l1.3156.598c2.4518 1.0466 3.1097 1.5649 3.1097 2.6712 0 1.1461-1.1064 1.8737-2.7907 1.8737-2.7808.01-5.0332-1.4153-6.7276-3.8472l-.939 6.699C67.2332 23.2201 69.7067 24 72.9702 24c5.5315 0 8.9302-3.1894 8.9302-7.6147 0-3.0099-1.3355-4.9434-4.7044-6.4584l-1.4351-.67772c-1.9934-.88708-2.6711-1.37543-2.6711-2.35216 0-1.05647.9269-1.87377 2.7109-1.87377Z\"\n />\n </svg>\n );\n}\n\nexport function LogoWisePlatformInverse({ className }: CommonProps) {\n return (\n <svg\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"172\"\n height=\"18\"\n fill=\"none\"\n >\n <path\n fill=\"#fff\"\n d=\"M43.276.841h4.787l-2.409 16.86h-4.787L43.276.84Zm-6.036 0-3.232 9.712L32.598.84H29.25l-4.23 9.684L24.49.84h-4.64l1.616 16.86h3.848l4.758-10.664 1.675 10.664h3.788L41.794.84H37.24Zm40.196 9.8H66.069c.059 2.189 1.396 3.63 3.363 3.63 1.483 0 2.657-.778 3.568-2.261l3.837 1.711c-1.32 2.55-4.098 4.211-7.523 4.211-4.67 0-7.769-3.083-7.769-8.04 0-5.447 3.642-9.31 8.783-9.31 4.524 0 7.373 2.998 7.373 7.667 0 .778-.088 1.555-.265 2.391Zm-4.259-3.228c0-1.96-1.117-3.2-2.908-3.2s-3.378 1.298-3.789 3.2h6.697ZM4.887 5.92 0 11.526h8.726l.98-2.642H5.969l2.284-2.592.008-.069-1.486-2.508h6.683L8.276 17.702h3.546L18.079.842H1.916l2.97 5.08Zm50.96-1.709c1.69 0 3.169.892 4.461 2.42l.679-4.755C59.783 1.077 58.152.58 55.994.58c-4.288 0-6.697 2.464-6.697 5.59 0 2.17 1.234 3.496 3.26 4.353l.97.432c1.806.756 2.291 1.132 2.291 1.931 0 .8-.815 1.355-2.056 1.355-2.048.007-3.708-1.024-4.956-2.782l-.692 4.843c1.422 1.063 3.245 1.628 5.648 1.628 4.076 0 6.58-2.306 6.58-5.505 0-2.176-.984-3.573-3.466-4.669l-1.058-.49c-1.469-.641-1.968-.994-1.968-1.7 0-.763.683-1.354 1.997-1.354ZM83.392 17.72V.792h6.149c1.342 0 2.454.24 3.335.719.882.48 1.541 1.134 1.979 1.963.437.83.656 1.762.656 2.798s-.22 1.976-.662 2.806c-.44.829-1.103 1.485-1.988 1.967-.884.482-1.994.723-3.33.723H85.3V9.603h3.993c.848 0 1.536-.144 2.064-.434.528-.29.915-.684 1.163-1.186.247-.501.37-1.07.37-1.71 0-.639-.123-1.206-.37-1.702-.248-.497-.636-.885-1.167-1.165-.53-.282-1.228-.422-2.092-.422h-3.269v14.735h-2.602ZM100.21.793v16.926h-2.519V.793h2.519ZM107.102 18c-.82 0-1.561-.15-2.224-.45a3.664 3.664 0 0 1-1.571-1.31c-.385-.573-.577-1.275-.577-2.107 0-.717.141-1.307.421-1.768.281-.462.661-.83 1.138-1.1a6.031 6.031 0 0 1 1.6-.612c.589-.139 1.19-.243 1.802-.314.774-.088 1.403-.16 1.887-.218.482-.058.833-.153 1.052-.286.219-.132.329-.347.329-.644v-.058c0-.72-.207-1.28-.619-1.678-.412-.396-1.026-.595-1.84-.595-.813 0-1.514.183-2.001.55-.486.366-.821.772-1.006 1.218l-2.367-.528c.281-.772.692-1.395 1.235-1.873a5.03 5.03 0 0 1 1.874-1.041 7.558 7.558 0 0 1 2.231-.327c.517 0 1.066.06 1.648.178a4.952 4.952 0 0 1 1.634.65c.508.313.925.76 1.25 1.342.325.58.489 1.334.489 2.26v8.43h-2.46v-1.736h-.101c-.162.32-.407.634-.732.942-.327.309-.745.565-1.256.77-.511.204-1.123.305-1.836.305Zm.548-1.984c.696 0 1.293-.135 1.79-.405.497-.27.876-.623 1.138-1.062.26-.438.391-.908.391-1.409v-1.637c-.09.089-.262.17-.517.244a7.34 7.34 0 0 1-.872.19c-.326.054-.643.1-.951.14l-.775.104a6.22 6.22 0 0 0-1.335.306c-.401.144-.722.348-.961.616-.238.267-.357.62-.357 1.062 0 .612.23 1.073.69 1.385.46.31 1.047.466 1.76.466h-.001ZM122.224 5.025V7.01h-7.068V5.025h7.068Zm-5.173-3.04h2.519v12.008c0 .48.073.838.219 1.078a1.1 1.1 0 0 0 .569.488c.233.086.487.128.762.128.202 0 .379-.014.531-.04l.354-.066.455 2.041a4.555 4.555 0 0 1-.624.17c-.27.058-.607.09-1.011.095a4.51 4.51 0 0 1-1.853-.347 3.17 3.17 0 0 1-1.39-1.124c-.354-.506-.531-1.143-.531-1.91V1.985ZM130.897 5.026V7.01h-7.311V5.026h7.311Zm-5.306 12.694V3.555c0-.794.177-1.453.531-1.98.354-.525.823-.92 1.406-1.18a4.614 4.614 0 0 1 1.904-.393 6.067 6.067 0 0 1 2.098.338l-.59 2c-.118-.034-.27-.074-.454-.12a2.818 2.818 0 0 0-.674-.07c-.612 0-1.048.148-1.309.445-.261.297-.392.728-.392 1.29V17.72h-2.52ZM137.773 17.975c-1.214 0-2.271-.273-3.175-.818-.905-.545-1.607-1.31-2.106-2.289-.5-.981-.75-2.127-.75-3.438 0-1.312.25-2.469.75-3.455.499-.986 1.201-1.753 2.106-2.298.904-.545 1.963-.818 3.175-.818 1.212 0 2.271.273 3.175.818.905.545 1.606 1.312 2.106 2.298.5.986.75 2.138.75 3.455 0 1.316-.25 2.457-.75 3.438-.499.981-1.201 1.744-2.106 2.289-.904.545-1.963.818-3.175.818Zm.008-2.074c.786 0 1.437-.204 1.954-.612.516-.41.9-.95 1.149-1.628.25-.678.375-1.425.375-2.24 0-.815-.125-1.555-.375-2.236-.25-.68-.633-1.227-1.149-1.64-.517-.415-1.168-.62-1.954-.62s-1.448.206-1.967.62c-.519.412-.904.96-1.153 1.64a6.414 6.414 0 0 0-.375 2.236c0 .81.124 1.562.375 2.24.25.677.634 1.22 1.153 1.628.519.407 1.175.612 1.967.612ZM145.82 17.72V5.026h2.435v2.016h.135a3.1 3.1 0 0 1 1.25-1.617 3.62 3.62 0 0 1 2.034-.591 10.671 10.671 0 0 1 1.071.058v2.363a5.174 5.174 0 0 0-.539-.095 5.594 5.594 0 0 0-.774-.054c-.595 0-1.125.122-1.589.368a2.83 2.83 0 0 0-1.099 1.017c-.27.432-.405.924-.405 1.475v7.752h-2.519v.002ZM154.41 17.72V5.025h2.418v2.067h.16c.27-.7.71-1.246 1.322-1.641.612-.394 1.345-.592 2.199-.592.855 0 1.591.198 2.178.596a3.5 3.5 0 0 1 1.301 1.637h.135c.31-.678.801-1.22 1.475-1.624.673-.405 1.477-.607 2.408-.607 1.175 0 2.132.361 2.877 1.082.744.722 1.116 1.81 1.116 3.265v8.512h-2.518V9.44c0-.86-.239-1.483-.716-1.869-.477-.386-1.047-.578-1.71-.578-.82 0-1.457.246-1.912.739-.455.492-.683 1.125-.683 1.896v8.092h-2.509V9.283c0-.69-.219-1.243-.657-1.662-.438-.419-1.008-.627-1.71-.627-.477 0-.917.122-1.318.368a2.742 2.742 0 0 0-.969 1.02c-.244.435-.365.94-.365 1.513v7.826h-2.519l-.003-.001Z\"\n />\n </svg>\n );\n}\n\nexport function LogoWisePlatform({ className }: CommonProps) {\n return (\n <svg\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"172\"\n height=\"18\"\n fill=\"none\"\n >\n <path\n fill=\"#163300\"\n d=\"M43.276.841h4.787l-2.409 16.86h-4.787L43.276.84Zm-6.036 0-3.232 9.712L32.598.84H29.25l-4.23 9.684L24.49.84h-4.64l1.616 16.86h3.848l4.758-10.664 1.675 10.664h3.788L41.794.84H37.24Zm40.196 9.8H66.069c.059 2.189 1.396 3.63 3.363 3.63 1.483 0 2.657-.778 3.568-2.261l3.837 1.711c-1.32 2.55-4.098 4.211-7.523 4.211-4.67 0-7.769-3.083-7.769-8.04 0-5.447 3.642-9.31 8.783-9.31 4.524 0 7.373 2.998 7.373 7.667 0 .778-.088 1.555-.265 2.391Zm-4.259-3.228c0-1.96-1.117-3.2-2.908-3.2s-3.378 1.298-3.789 3.2h6.697ZM4.887 5.92 0 11.526h8.726l.98-2.642H5.969l2.284-2.592.008-.069-1.486-2.508h6.683L8.276 17.702h3.546L18.079.842H1.916l2.97 5.08Zm50.96-1.709c1.69 0 3.169.892 4.461 2.42l.679-4.755C59.783 1.077 58.152.58 55.994.58c-4.288 0-6.697 2.464-6.697 5.59 0 2.17 1.234 3.496 3.26 4.353l.97.432c1.806.756 2.291 1.132 2.291 1.931 0 .8-.815 1.355-2.056 1.355-2.048.007-3.708-1.024-4.956-2.782l-.692 4.843c1.422 1.063 3.245 1.628 5.648 1.628 4.076 0 6.58-2.306 6.58-5.505 0-2.176-.984-3.573-3.466-4.669l-1.058-.49c-1.469-.641-1.968-.994-1.968-1.7 0-.763.683-1.354 1.997-1.354ZM83.392 17.72V.792h6.149c1.342 0 2.454.24 3.335.719.882.48 1.541 1.134 1.979 1.963.437.83.656 1.762.656 2.798s-.22 1.976-.662 2.806c-.44.829-1.103 1.485-1.988 1.967-.884.482-1.994.723-3.33.723H85.3V9.603h3.993c.848 0 1.536-.144 2.064-.434.528-.29.915-.684 1.163-1.186.247-.501.37-1.07.37-1.71 0-.639-.123-1.206-.37-1.702-.248-.497-.636-.885-1.167-1.165-.53-.282-1.228-.422-2.092-.422h-3.269v14.735h-2.602ZM100.21.793v16.926h-2.519V.793h2.519ZM107.102 18c-.82 0-1.561-.15-2.224-.45a3.664 3.664 0 0 1-1.571-1.31c-.385-.573-.577-1.275-.577-2.107 0-.717.141-1.307.421-1.768.281-.462.661-.83 1.138-1.1a6.031 6.031 0 0 1 1.6-.612c.589-.139 1.19-.243 1.802-.314.774-.088 1.403-.16 1.887-.218.482-.058.833-.153 1.052-.286.219-.132.329-.347.329-.644v-.058c0-.72-.207-1.28-.619-1.678-.412-.396-1.026-.595-1.84-.595-.813 0-1.514.183-2.001.55-.486.366-.821.772-1.006 1.218l-2.367-.528c.281-.772.692-1.395 1.235-1.873a5.03 5.03 0 0 1 1.874-1.041 7.558 7.558 0 0 1 2.231-.327c.517 0 1.066.06 1.648.178a4.952 4.952 0 0 1 1.634.65c.508.313.925.76 1.25 1.342.325.58.489 1.334.489 2.26v8.43h-2.46v-1.736h-.101c-.162.32-.407.634-.732.942-.327.309-.745.565-1.256.77-.511.204-1.123.305-1.836.305Zm.548-1.984c.696 0 1.293-.135 1.79-.405.497-.27.876-.623 1.138-1.062.26-.438.391-.908.391-1.409v-1.637c-.09.089-.262.17-.517.244a7.34 7.34 0 0 1-.872.19c-.326.054-.643.1-.951.14l-.775.104a6.22 6.22 0 0 0-1.335.306c-.401.144-.722.348-.961.616-.238.267-.357.62-.357 1.062 0 .612.23 1.073.69 1.385.46.31 1.047.466 1.76.466h-.001ZM122.224 5.025V7.01h-7.068V5.025h7.068Zm-5.173-3.04h2.519v12.008c0 .48.073.838.219 1.078a1.1 1.1 0 0 0 .569.488c.233.086.487.128.762.128.202 0 .379-.014.531-.04l.354-.066.455 2.041a4.555 4.555 0 0 1-.624.17c-.27.058-.607.09-1.011.095a4.51 4.51 0 0 1-1.853-.347 3.17 3.17 0 0 1-1.39-1.124c-.354-.506-.531-1.143-.531-1.91V1.985ZM130.897 5.026V7.01h-7.311V5.026h7.311Zm-5.306 12.694V3.555c0-.794.177-1.453.531-1.98.354-.525.823-.92 1.406-1.18a4.614 4.614 0 0 1 1.904-.393 6.067 6.067 0 0 1 2.098.338l-.59 2c-.118-.034-.27-.074-.454-.12a2.818 2.818 0 0 0-.674-.07c-.612 0-1.048.148-1.309.445-.261.297-.392.728-.392 1.29V17.72h-2.52ZM137.773 17.975c-1.214 0-2.271-.273-3.175-.818-.905-.545-1.607-1.31-2.106-2.289-.5-.981-.75-2.127-.75-3.438 0-1.312.25-2.469.75-3.455.499-.986 1.201-1.753 2.106-2.298.904-.545 1.963-.818 3.175-.818 1.212 0 2.271.273 3.175.818.905.545 1.606 1.312 2.106 2.298.5.986.75 2.138.75 3.455 0 1.316-.25 2.457-.75 3.438-.499.981-1.201 1.744-2.106 2.289-.904.545-1.963.818-3.175.818Zm.008-2.074c.786 0 1.437-.204 1.954-.612.516-.41.9-.95 1.149-1.628.25-.678.375-1.425.375-2.24 0-.815-.125-1.555-.375-2.236-.25-.68-.633-1.227-1.149-1.64-.517-.415-1.168-.62-1.954-.62s-1.448.206-1.967.62c-.519.412-.904.96-1.153 1.64a6.414 6.414 0 0 0-.375 2.236c0 .81.124 1.562.375 2.24.25.677.634 1.22 1.153 1.628.519.407 1.175.612 1.967.612ZM145.82 17.72V5.026h2.435v2.016h.135a3.1 3.1 0 0 1 1.25-1.617 3.62 3.62 0 0 1 2.034-.591 10.671 10.671 0 0 1 1.071.058v2.363a5.174 5.174 0 0 0-.539-.095 5.594 5.594 0 0 0-.774-.054c-.595 0-1.125.122-1.589.368a2.83 2.83 0 0 0-1.099 1.017c-.27.432-.405.924-.405 1.475v7.752h-2.519v.002ZM154.41 17.72V5.025h2.418v2.067h.16c.27-.7.71-1.246 1.322-1.641.612-.394 1.345-.592 2.199-.592.855 0 1.591.198 2.178.596a3.5 3.5 0 0 1 1.301 1.637h.135c.31-.678.801-1.22 1.475-1.624.673-.405 1.477-.607 2.408-.607 1.175 0 2.132.361 2.877 1.082.744.722 1.116 1.81 1.116 3.265v8.512h-2.518V9.44c0-.86-.239-1.483-.716-1.869-.477-.386-1.047-.578-1.71-.578-.82 0-1.457.246-1.912.739-.455.492-.683 1.125-.683 1.896v8.092h-2.509V9.283c0-.69-.219-1.243-.657-1.662-.438-.419-1.008-.627-1.71-.627-.477 0-.917.122-1.318.368a2.742 2.742 0 0 0-.969 1.02c-.244.435-.365.94-.365 1.513v7.826h-2.519l-.003-.001Z\"\n />\n </svg>\n );\n}\n\nexport function LogoWise({ className }: CommonProps) {\n return (\n <svg\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"106\"\n height=\"24\"\n fill=\"none\"\n >\n <path\n fill=\"#163300\"\n d=\"M58.7377.358803h6.4982L61.9668 23.681h-6.4983L58.7377.358803Zm-8.1922 0L46.1602 13.794 44.2465.358803h-4.5448L33.9608 13.7541 33.2433.358803h-6.2991L29.1369 23.681h5.2226L40.818 8.93022 43.0904 23.681h5.1428L56.7249.358803h-6.1794ZM105.103 13.9136H89.6744c.0798 3.0299 1.8937 5.0233 4.5648 5.0233 2.0133 0 3.608-1.0765 4.8439-3.1296l5.2079 2.3674C102.501 21.7017 98.729 24 94.0798 24 87.741 24 83.535 19.7342 83.535 12.8771 83.535 5.34221 88.4784 0 95.4552 0c6.1398 0 10.0068 4.14618 10.0068 10.6046 0 1.0765-.12 2.1528-.359 3.309Zm-5.7807-4.46512c0-2.71095-1.515-4.42525-3.9468-4.42525-2.5117 0-4.5848 1.79402-5.143 4.42525h9.0898ZM6.63326 7.38685 0 15.1389h11.844l1.3309-3.6553H8.09965l3.10105-3.58555.01-.09511L9.19424 4.3319h9.07196l-7.0323 19.3492h4.8124L24.538.358823H2.60021L6.63326 7.38685Zm69.16744-2.3636c2.2923 0 4.301 1.23273 6.0551 3.34565l.9216-6.57488C81.1429.687707 78.9303 0 76 0c-5.8205 0-9.0896 3.40865-9.0896 7.73421 0 2.99999 1.6744 4.83389 4.4252 6.01989l1.3156.598c2.4518 1.0466 3.1097 1.5649 3.1097 2.6712 0 1.1461-1.1064 1.8737-2.7907 1.8737-2.7808.01-5.0332-1.4153-6.7276-3.8472l-.939 6.699C67.2332 23.2201 69.7067 24 72.9702 24c5.5315 0 8.9302-3.1894 8.9302-7.6147 0-3.0099-1.3355-4.9434-4.7044-6.4584l-1.4351-.67772c-1.9934-.88708-2.6711-1.37543-2.6711-2.35216 0-1.05647.9269-1.87377 2.7109-1.87377Z\"\n />\n </svg>\n );\n}\n"],"names":["LogoFlagInverse","className","_jsx","xmlns","width","height","fill","children","d","LogoFlagPlatformInverse","LogoFlagPlatform","LogoFlag","LogoWiseInverse","LogoWisePlatformInverse","LogoWisePlatform","LogoWise"],"mappings":"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"}
package/build/main.css CHANGED
@@ -5121,6 +5121,280 @@ html:not([dir="rtl"]) .np-navigation-option {
5121
5121
  padding: 0 var(--size-24);
5122
5122
  }
5123
5123
  }
5124
+ .np-table {
5125
+ width: 100%;
5126
+ background-color: transparent;
5127
+ }
5128
+ .np-table-outer-container {
5129
+ border-radius: 16px;
5130
+ border-radius: var(--radius-medium);
5131
+ }
5132
+ .np-table-outer-container:focus {
5133
+ outline: none;
5134
+ }
5135
+ .np-table-outer-container:focus-visible {
5136
+ outline: var(--ring-outline-color) solid var(--ring-outline-width);
5137
+ outline-offset: var(--ring-outline-offset);
5138
+ }
5139
+ .np-table-outer-container:focus-visible {
5140
+ outline-offset: 0;
5141
+ }
5142
+ .np-table-outer-container--center {
5143
+ margin-right: auto;
5144
+ margin-left: auto;
5145
+ }
5146
+ @media (max-width: 767px) {
5147
+ .np-table-outer-container--center {
5148
+ width: 100%;
5149
+ }
5150
+ }
5151
+ .np-table-outer-container--full-width {
5152
+ width: 100%;
5153
+ }
5154
+ .np-table-container {
5155
+ padding: 8px;
5156
+ padding: var(--size-8);
5157
+ background-color: rgba(134,167,189,0.10196);
5158
+ background-color: var(--color-background-neutral);
5159
+ border-radius: inherit;
5160
+ }
5161
+ .np-table-container--loading .np-table-inner-container {
5162
+ background-image: none;
5163
+ }
5164
+ .np-table-inner-container {
5165
+ background-image: linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));
5166
+ background-position: left center, right center, left center, right center;
5167
+ background-repeat: no-repeat;
5168
+ background-color: var(--color-contrast-overlay);
5169
+ background-size: 15px 100%, 15px 100%, 15px 100%, 15px 100%;
5170
+ background-attachment: local, local, scroll, scroll;
5171
+ overflow-x: auto;
5172
+ border-radius: 10px;
5173
+ }
5174
+ .np-theme-personal--dark .np-table-inner-container {
5175
+ background-image: linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, #000000, rgba(0, 0, 0, 0)), linear-gradient(to left, #000000, rgba(0, 0, 0, 0));
5176
+ }
5177
+ .np-table-row:last-child .np-table-cell:first-child {
5178
+ border-bottom-left-radius: 10px;
5179
+ }
5180
+ .np-table-row:last-child .np-table-cell:last-child {
5181
+ border-bottom-right-radius: 10px;
5182
+ }
5183
+ .np-table-row:focus {
5184
+ outline: none;
5185
+ }
5186
+ .np-table-row:focus-visible {
5187
+ outline: var(--ring-outline-color) solid var(--ring-outline-width);
5188
+ outline-offset: var(--ring-outline-offset);
5189
+ }
5190
+ .np-table-row:focus-visible {
5191
+ outline-offset: -2px;
5192
+ border-radius: 6px;
5193
+ }
5194
+ .np-table-row--clickable .np-table-cell {
5195
+ position: relative;
5196
+ }
5197
+ .np-table-row--clickable .np-table-cell:before {
5198
+ display: none;
5199
+ content: "";
5200
+ position: absolute;
5201
+ height: 100%;
5202
+ width: 100%;
5203
+ top: 0;
5204
+ left: 0;
5205
+ background-color: var(--color-background-screen-hover);
5206
+ }
5207
+ .np-table-row--clickable .np-table-cell:first-child:before,
5208
+ .np-table-row--clickable .np-table-cell:last-child:before {
5209
+ width: calc(100% - 8px);
5210
+ width: calc(100% - var(--size-8));
5211
+ }
5212
+ .np-table-row--clickable .np-table-cell:first-child:before {
5213
+ left: 8px;
5214
+ left: var(--size-8);
5215
+ border-top-left-radius: 6px;
5216
+ border-bottom-left-radius: 6px;
5217
+ }
5218
+ .np-table-row--clickable .np-table-cell:last-child:before {
5219
+ border-top-right-radius: 6px;
5220
+ border-bottom-right-radius: 6px;
5221
+ }
5222
+ .np-table-row--clickable:hover .np-table-cell:before {
5223
+ display: block;
5224
+ }
5225
+ .np-table-row--clickable:hover:focus-visible .np-table-cell:first-child:before,
5226
+ .np-table-row--clickable:hover:focus-visible .np-table-cell:last-child:before {
5227
+ width: 100%;
5228
+ }
5229
+ .np-table-row--clickable:hover:focus-visible .np-table-cell:first-child:before {
5230
+ left: 0;
5231
+ }
5232
+ .np-table-row--cosmetic .np-table-cell {
5233
+ height: 8px;
5234
+ height: var(--size-8);
5235
+ padding: 0;
5236
+ }
5237
+ .np-table-header,
5238
+ .np-table-cell {
5239
+ padding: 0;
5240
+ }
5241
+ .np-table-header:first-child,
5242
+ .np-table-cell:first-child {
5243
+ padding-left: 16px;
5244
+ padding-left: var(--size-16);
5245
+ }
5246
+ .np-table-header:first-child .np-table-header-content,
5247
+ .np-table-cell:first-child .np-table-header-content,
5248
+ .np-table-header:first-child .np-table-cell-content,
5249
+ .np-table-cell:first-child .np-table-cell-content {
5250
+ padding-left: 0;
5251
+ }
5252
+ .np-table-header:last-child,
5253
+ .np-table-cell:last-child {
5254
+ padding-right: 16px;
5255
+ padding-right: var(--size-16);
5256
+ }
5257
+ .np-table-header:last-child .np-table-header-content,
5258
+ .np-table-cell:last-child .np-table-header-content,
5259
+ .np-table-header:last-child .np-table-cell-content,
5260
+ .np-table-cell:last-child .np-table-cell-content {
5261
+ padding-right: 0;
5262
+ }
5263
+ .np-table-header.np-table-header--right > .np-text-body-default,
5264
+ .np-table-cell.np-table-cell--right > .np-text-body-default {
5265
+ text-align: right;
5266
+ }
5267
+ .np-table-header.np-table-header--right + .np-table-header:not(.np-table-header--right),
5268
+ .np-table-cell.np-table-cell--right + .np-table-cell:not(.np-table-cell--right) {
5269
+ padding-left: calc(8px + 12px);
5270
+ padding-left: calc(var(--size-8) + var(--size-12));
5271
+ }
5272
+ .np-table-header.np-table-header--right .np-table-header-content,
5273
+ .np-table-cell.np-table-cell--right .np-table-content {
5274
+ justify-content: end;
5275
+ }
5276
+ .np-table-header-content,
5277
+ .np-table-content {
5278
+ display: flex;
5279
+ align-items: center;
5280
+ justify-content: start;
5281
+ }
5282
+ .np-table-header {
5283
+ min-width: 160px;
5284
+ padding-right: 8px;
5285
+ padding-right: var(--size-8);
5286
+ padding-bottom: 8px;
5287
+ padding-bottom: var(--size-8);
5288
+ padding-left: 8px;
5289
+ padding-left: var(--size-8);
5290
+ background-color: rgba(134,167,189,0.10196);
5291
+ background-color: var(--color-background-neutral);
5292
+ color: var(--color-interactive-primary);
5293
+ }
5294
+ .np-table-header-content {
5295
+ padding-top: 5px;
5296
+ padding-bottom: 5px;
5297
+ white-space: nowrap;
5298
+ line-height: 1.375rem;
5299
+ line-height: var(--line-height-22);
5300
+ letter-spacing: 0.0125em;
5301
+ letter-spacing: var(--letter-spacing-sm);
5302
+ }
5303
+ .np-table-header--error {
5304
+ color: var(--color-sentiment-negative);
5305
+ }
5306
+ .np-table-header--action {
5307
+ min-width: 0;
5308
+ padding: 0;
5309
+ }
5310
+ .np-table-cell {
5311
+ padding: 16px 8px;
5312
+ padding: var(--size-16) var(--size-8);
5313
+ position: relative;
5314
+ }
5315
+ .np-table-cell--cosmetic {
5316
+ padding: 0;
5317
+ }
5318
+ .np-table-cell--primary {
5319
+ min-width: 200px;
5320
+ }
5321
+ .np-table-cell--currency .np-text-body-default {
5322
+ white-space: nowrap;
5323
+ }
5324
+ .np-table-cell .tw-chevron {
5325
+ margin-left: 8px;
5326
+ margin-left: var(--size-8);
5327
+ }
5328
+ .np-table-cell-separator {
5329
+ margin-top: 4px;
5330
+ margin-top: var(--size-4);
5331
+ margin-bottom: 4px;
5332
+ margin-bottom: var(--size-4);
5333
+ height: 1px;
5334
+ background-color: rgba(134,167,189,0.10196);
5335
+ background-color: var(--color-background-neutral);
5336
+ padding: 0;
5337
+ }
5338
+ .np-table-cell .np-text-body-default-bold {
5339
+ display: flex;
5340
+ align-items: center;
5341
+ color: #37517e;
5342
+ color: var(--color-content-primary);
5343
+ white-space: nowrap;
5344
+ }
5345
+ .np-table-cell .np-table-content--success {
5346
+ color: var(--color-sentiment-positive);
5347
+ }
5348
+ .np-table-cell .np-table-content--error {
5349
+ color: var(--color-sentiment-negative);
5350
+ }
5351
+ .np-table-cell .tw-loader {
5352
+ margin: 150px auto;
5353
+ }
5354
+ @media (max-width: 320px) {
5355
+ .np-table-cell .tw-loader {
5356
+ margin-top: 70px;
5357
+ margin-bottom: 70px;
5358
+ }
5359
+ }
5360
+ .np-table-content {
5361
+ gap: 12px;
5362
+ gap: var(--size-12);
5363
+ }
5364
+ .np-table-content--success,
5365
+ .np-table-content--error {
5366
+ gap: 4px;
5367
+ gap: var(--size-4);
5368
+ }
5369
+ .np-table-content--success .np-table-content-text,
5370
+ .np-table-content--error .np-table-content-text {
5371
+ line-height: 155%;
5372
+ }
5373
+ .np-table-content-media {
5374
+ flex-shrink: 0;
5375
+ }
5376
+ .np-table-content-body {
5377
+ display: flex;
5378
+ flex-direction: column;
5379
+ font-size: 0.75rem;
5380
+ font-size: var(--font-size-12);
5381
+ color: #768e9c;
5382
+ color: var(--color-content-tertiary);
5383
+ }
5384
+ .np-table-content--reversed {
5385
+ flex-direction: row-reverse;
5386
+ }
5387
+ .np-table-content--reversed .np-table-content-body {
5388
+ align-items: end;
5389
+ }
5390
+ .np-table-empty-data {
5391
+ display: flex;
5392
+ align-items: center;
5393
+ }
5394
+ .np-table-empty-data .status-circle {
5395
+ margin-right: 12px;
5396
+ margin-right: var(--size-12);
5397
+ }
5124
5398
  .np-tile {
5125
5399
  min-width: 120px;
5126
5400
  border-radius: 10px;
@@ -6,13 +6,16 @@ var jsxRuntime = require('react/jsx-runtime');
6
6
 
7
7
  const Money = ({
8
8
  amount,
9
- currency
9
+ currency,
10
+ alwaysShowDecimals = false
10
11
  }) => {
11
12
  const {
12
13
  locale
13
14
  } = reactIntl.useIntl();
14
15
  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
15
- children: formatting.formatMoney(amount, currency, locale)
16
+ children: formatting.formatMoney(amount, currency, locale, {
17
+ alwaysShowDecimals
18
+ })
16
19
  });
17
20
  };
18
21
 
@@ -1 +1 @@
1
- {"version":3,"file":"Money.js","sources":["../../src/money/Money.tsx"],"sourcesContent":["import { formatMoney } from '@transferwise/formatting';\nimport { useIntl } from 'react-intl';\n\nexport interface MoneyProps {\n amount: number;\n currency: string;\n}\n\nconst Money = ({ amount, currency }: MoneyProps) => {\n const { locale } = useIntl();\n return <>{formatMoney(amount, currency, locale)}</>;\n};\n\nexport default Money;\n"],"names":["Money","amount","currency","locale","useIntl","_jsx","_Fragment","children","formatMoney"],"mappings":";;;;;;AAQMA,MAAAA,KAAK,GAAGA,CAAC;EAAEC,MAAM;AAAEC,EAAAA,QAAAA;AAAsB,CAAA,KAAI;EACjD,MAAM;AAAEC,IAAAA,MAAAA;GAAQ,GAAGC,iBAAO,EAAE,CAAA;EAC5B,oBAAOC,cAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,EAAGC,sBAAW,CAACP,MAAM,EAAEC,QAAQ,EAAEC,MAAM,CAAA;AAAC,GAAC,CAAG,CAAA;AACrD;;;;"}
1
+ {"version":3,"file":"Money.js","sources":["../../src/money/Money.tsx"],"sourcesContent":["import { formatMoney } from '@transferwise/formatting';\nimport { useIntl } from 'react-intl';\n\nexport interface MoneyProps {\n amount: number;\n currency: string;\n alwaysShowDecimals?: boolean;\n}\n\nconst Money = ({ amount, currency, alwaysShowDecimals = false }: MoneyProps) => {\n const { locale } = useIntl();\n return (\n <>\n {formatMoney(amount, currency, locale, {\n alwaysShowDecimals,\n })}\n </>\n );\n};\n\nexport default Money;\n"],"names":["Money","amount","currency","alwaysShowDecimals","locale","useIntl","_jsx","_Fragment","children","formatMoney"],"mappings":";;;;;;AASMA,MAAAA,KAAK,GAAGA,CAAC;EAAEC,MAAM;EAAEC,QAAQ;AAAEC,EAAAA,kBAAkB,GAAG,KAAA;AAAK,CAAc,KAAI;EAC7E,MAAM;AAAEC,IAAAA,MAAAA;GAAQ,GAAGC,iBAAO,EAAE,CAAA;EAC5B,oBACEC,cAAA,CAAAC,mBAAA,EAAA;IAAAC,QAAA,EACGC,sBAAW,CAACR,MAAM,EAAEC,QAAQ,EAAEE,MAAM,EAAE;AACrCD,MAAAA,kBAAAA;KACD,CAAA;AAAC,GACJ,CAAG,CAAA;AAEP;;;;"}
@@ -4,13 +4,16 @@ import { jsx, Fragment } from 'react/jsx-runtime';
4
4
 
5
5
  const Money = ({
6
6
  amount,
7
- currency
7
+ currency,
8
+ alwaysShowDecimals = false
8
9
  }) => {
9
10
  const {
10
11
  locale
11
12
  } = useIntl();
12
13
  return /*#__PURE__*/jsx(Fragment, {
13
- children: formatMoney(amount, currency, locale)
14
+ children: formatMoney(amount, currency, locale, {
15
+ alwaysShowDecimals
16
+ })
14
17
  });
15
18
  };
16
19
 
@@ -1 +1 @@
1
- {"version":3,"file":"Money.mjs","sources":["../../src/money/Money.tsx"],"sourcesContent":["import { formatMoney } from '@transferwise/formatting';\nimport { useIntl } from 'react-intl';\n\nexport interface MoneyProps {\n amount: number;\n currency: string;\n}\n\nconst Money = ({ amount, currency }: MoneyProps) => {\n const { locale } = useIntl();\n return <>{formatMoney(amount, currency, locale)}</>;\n};\n\nexport default Money;\n"],"names":["Money","amount","currency","locale","useIntl","_jsx","_Fragment","children","formatMoney"],"mappings":";;;;AAQMA,MAAAA,KAAK,GAAGA,CAAC;EAAEC,MAAM;AAAEC,EAAAA,QAAAA;AAAsB,CAAA,KAAI;EACjD,MAAM;AAAEC,IAAAA,MAAAA;GAAQ,GAAGC,OAAO,EAAE,CAAA;EAC5B,oBAAOC,GAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,EAAGC,WAAW,CAACP,MAAM,EAAEC,QAAQ,EAAEC,MAAM,CAAA;AAAC,GAAC,CAAG,CAAA;AACrD;;;;"}
1
+ {"version":3,"file":"Money.mjs","sources":["../../src/money/Money.tsx"],"sourcesContent":["import { formatMoney } from '@transferwise/formatting';\nimport { useIntl } from 'react-intl';\n\nexport interface MoneyProps {\n amount: number;\n currency: string;\n alwaysShowDecimals?: boolean;\n}\n\nconst Money = ({ amount, currency, alwaysShowDecimals = false }: MoneyProps) => {\n const { locale } = useIntl();\n return (\n <>\n {formatMoney(amount, currency, locale, {\n alwaysShowDecimals,\n })}\n </>\n );\n};\n\nexport default Money;\n"],"names":["Money","amount","currency","alwaysShowDecimals","locale","useIntl","_jsx","_Fragment","children","formatMoney"],"mappings":";;;;AASMA,MAAAA,KAAK,GAAGA,CAAC;EAAEC,MAAM;EAAEC,QAAQ;AAAEC,EAAAA,kBAAkB,GAAG,KAAA;AAAK,CAAc,KAAI;EAC7E,MAAM;AAAEC,IAAAA,MAAAA;GAAQ,GAAGC,OAAO,EAAE,CAAA;EAC5B,oBACEC,GAAA,CAAAC,QAAA,EAAA;IAAAC,QAAA,EACGC,WAAW,CAACR,MAAM,EAAEC,QAAQ,EAAEE,MAAM,EAAE;AACrCD,MAAAA,kBAAAA;KACD,CAAA;AAAC,GACJ,CAAG,CAAA;AAEP;;;;"}
@@ -5121,6 +5121,280 @@ html:not([dir="rtl"]) .np-navigation-option {
5121
5121
  padding: 0 var(--size-24);
5122
5122
  }
5123
5123
  }
5124
+ .np-table {
5125
+ width: 100%;
5126
+ background-color: transparent;
5127
+ }
5128
+ .np-table-outer-container {
5129
+ border-radius: 16px;
5130
+ border-radius: var(--radius-medium);
5131
+ }
5132
+ .np-table-outer-container:focus {
5133
+ outline: none;
5134
+ }
5135
+ .np-table-outer-container:focus-visible {
5136
+ outline: var(--ring-outline-color) solid var(--ring-outline-width);
5137
+ outline-offset: var(--ring-outline-offset);
5138
+ }
5139
+ .np-table-outer-container:focus-visible {
5140
+ outline-offset: 0;
5141
+ }
5142
+ .np-table-outer-container--center {
5143
+ margin-right: auto;
5144
+ margin-left: auto;
5145
+ }
5146
+ @media (max-width: 767px) {
5147
+ .np-table-outer-container--center {
5148
+ width: 100%;
5149
+ }
5150
+ }
5151
+ .np-table-outer-container--full-width {
5152
+ width: 100%;
5153
+ }
5154
+ .np-table-container {
5155
+ padding: 8px;
5156
+ padding: var(--size-8);
5157
+ background-color: rgba(134,167,189,0.10196);
5158
+ background-color: var(--color-background-neutral);
5159
+ border-radius: inherit;
5160
+ }
5161
+ .np-table-container--loading .np-table-inner-container {
5162
+ background-image: none;
5163
+ }
5164
+ .np-table-inner-container {
5165
+ background-image: linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0)), linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0));
5166
+ background-position: left center, right center, left center, right center;
5167
+ background-repeat: no-repeat;
5168
+ background-color: var(--color-contrast-overlay);
5169
+ background-size: 15px 100%, 15px 100%, 15px 100%, 15px 100%;
5170
+ background-attachment: local, local, scroll, scroll;
5171
+ overflow-x: auto;
5172
+ border-radius: 10px;
5173
+ }
5174
+ .np-theme-personal--dark .np-table-inner-container {
5175
+ background-image: linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, var(--color-contrast-overlay), var(--color-contrast-overlay)), linear-gradient(to right, #000000, rgba(0, 0, 0, 0)), linear-gradient(to left, #000000, rgba(0, 0, 0, 0));
5176
+ }
5177
+ .np-table-row:last-child .np-table-cell:first-child {
5178
+ border-bottom-left-radius: 10px;
5179
+ }
5180
+ .np-table-row:last-child .np-table-cell:last-child {
5181
+ border-bottom-right-radius: 10px;
5182
+ }
5183
+ .np-table-row:focus {
5184
+ outline: none;
5185
+ }
5186
+ .np-table-row:focus-visible {
5187
+ outline: var(--ring-outline-color) solid var(--ring-outline-width);
5188
+ outline-offset: var(--ring-outline-offset);
5189
+ }
5190
+ .np-table-row:focus-visible {
5191
+ outline-offset: -2px;
5192
+ border-radius: 6px;
5193
+ }
5194
+ .np-table-row--clickable .np-table-cell {
5195
+ position: relative;
5196
+ }
5197
+ .np-table-row--clickable .np-table-cell:before {
5198
+ display: none;
5199
+ content: "";
5200
+ position: absolute;
5201
+ height: 100%;
5202
+ width: 100%;
5203
+ top: 0;
5204
+ left: 0;
5205
+ background-color: var(--color-background-screen-hover);
5206
+ }
5207
+ .np-table-row--clickable .np-table-cell:first-child:before,
5208
+ .np-table-row--clickable .np-table-cell:last-child:before {
5209
+ width: calc(100% - 8px);
5210
+ width: calc(100% - var(--size-8));
5211
+ }
5212
+ .np-table-row--clickable .np-table-cell:first-child:before {
5213
+ left: 8px;
5214
+ left: var(--size-8);
5215
+ border-top-left-radius: 6px;
5216
+ border-bottom-left-radius: 6px;
5217
+ }
5218
+ .np-table-row--clickable .np-table-cell:last-child:before {
5219
+ border-top-right-radius: 6px;
5220
+ border-bottom-right-radius: 6px;
5221
+ }
5222
+ .np-table-row--clickable:hover .np-table-cell:before {
5223
+ display: block;
5224
+ }
5225
+ .np-table-row--clickable:hover:focus-visible .np-table-cell:first-child:before,
5226
+ .np-table-row--clickable:hover:focus-visible .np-table-cell:last-child:before {
5227
+ width: 100%;
5228
+ }
5229
+ .np-table-row--clickable:hover:focus-visible .np-table-cell:first-child:before {
5230
+ left: 0;
5231
+ }
5232
+ .np-table-row--cosmetic .np-table-cell {
5233
+ height: 8px;
5234
+ height: var(--size-8);
5235
+ padding: 0;
5236
+ }
5237
+ .np-table-header,
5238
+ .np-table-cell {
5239
+ padding: 0;
5240
+ }
5241
+ .np-table-header:first-child,
5242
+ .np-table-cell:first-child {
5243
+ padding-left: 16px;
5244
+ padding-left: var(--size-16);
5245
+ }
5246
+ .np-table-header:first-child .np-table-header-content,
5247
+ .np-table-cell:first-child .np-table-header-content,
5248
+ .np-table-header:first-child .np-table-cell-content,
5249
+ .np-table-cell:first-child .np-table-cell-content {
5250
+ padding-left: 0;
5251
+ }
5252
+ .np-table-header:last-child,
5253
+ .np-table-cell:last-child {
5254
+ padding-right: 16px;
5255
+ padding-right: var(--size-16);
5256
+ }
5257
+ .np-table-header:last-child .np-table-header-content,
5258
+ .np-table-cell:last-child .np-table-header-content,
5259
+ .np-table-header:last-child .np-table-cell-content,
5260
+ .np-table-cell:last-child .np-table-cell-content {
5261
+ padding-right: 0;
5262
+ }
5263
+ .np-table-header.np-table-header--right > .np-text-body-default,
5264
+ .np-table-cell.np-table-cell--right > .np-text-body-default {
5265
+ text-align: right;
5266
+ }
5267
+ .np-table-header.np-table-header--right + .np-table-header:not(.np-table-header--right),
5268
+ .np-table-cell.np-table-cell--right + .np-table-cell:not(.np-table-cell--right) {
5269
+ padding-left: calc(8px + 12px);
5270
+ padding-left: calc(var(--size-8) + var(--size-12));
5271
+ }
5272
+ .np-table-header.np-table-header--right .np-table-header-content,
5273
+ .np-table-cell.np-table-cell--right .np-table-content {
5274
+ justify-content: end;
5275
+ }
5276
+ .np-table-header-content,
5277
+ .np-table-content {
5278
+ display: flex;
5279
+ align-items: center;
5280
+ justify-content: start;
5281
+ }
5282
+ .np-table-header {
5283
+ min-width: 160px;
5284
+ padding-right: 8px;
5285
+ padding-right: var(--size-8);
5286
+ padding-bottom: 8px;
5287
+ padding-bottom: var(--size-8);
5288
+ padding-left: 8px;
5289
+ padding-left: var(--size-8);
5290
+ background-color: rgba(134,167,189,0.10196);
5291
+ background-color: var(--color-background-neutral);
5292
+ color: var(--color-interactive-primary);
5293
+ }
5294
+ .np-table-header-content {
5295
+ padding-top: 5px;
5296
+ padding-bottom: 5px;
5297
+ white-space: nowrap;
5298
+ line-height: 1.375rem;
5299
+ line-height: var(--line-height-22);
5300
+ letter-spacing: 0.0125em;
5301
+ letter-spacing: var(--letter-spacing-sm);
5302
+ }
5303
+ .np-table-header--error {
5304
+ color: var(--color-sentiment-negative);
5305
+ }
5306
+ .np-table-header--action {
5307
+ min-width: 0;
5308
+ padding: 0;
5309
+ }
5310
+ .np-table-cell {
5311
+ padding: 16px 8px;
5312
+ padding: var(--size-16) var(--size-8);
5313
+ position: relative;
5314
+ }
5315
+ .np-table-cell--cosmetic {
5316
+ padding: 0;
5317
+ }
5318
+ .np-table-cell--primary {
5319
+ min-width: 200px;
5320
+ }
5321
+ .np-table-cell--currency .np-text-body-default {
5322
+ white-space: nowrap;
5323
+ }
5324
+ .np-table-cell .tw-chevron {
5325
+ margin-left: 8px;
5326
+ margin-left: var(--size-8);
5327
+ }
5328
+ .np-table-cell-separator {
5329
+ margin-top: 4px;
5330
+ margin-top: var(--size-4);
5331
+ margin-bottom: 4px;
5332
+ margin-bottom: var(--size-4);
5333
+ height: 1px;
5334
+ background-color: rgba(134,167,189,0.10196);
5335
+ background-color: var(--color-background-neutral);
5336
+ padding: 0;
5337
+ }
5338
+ .np-table-cell .np-text-body-default-bold {
5339
+ display: flex;
5340
+ align-items: center;
5341
+ color: #37517e;
5342
+ color: var(--color-content-primary);
5343
+ white-space: nowrap;
5344
+ }
5345
+ .np-table-cell .np-table-content--success {
5346
+ color: var(--color-sentiment-positive);
5347
+ }
5348
+ .np-table-cell .np-table-content--error {
5349
+ color: var(--color-sentiment-negative);
5350
+ }
5351
+ .np-table-cell .tw-loader {
5352
+ margin: 150px auto;
5353
+ }
5354
+ @media (max-width: 320px) {
5355
+ .np-table-cell .tw-loader {
5356
+ margin-top: 70px;
5357
+ margin-bottom: 70px;
5358
+ }
5359
+ }
5360
+ .np-table-content {
5361
+ gap: 12px;
5362
+ gap: var(--size-12);
5363
+ }
5364
+ .np-table-content--success,
5365
+ .np-table-content--error {
5366
+ gap: 4px;
5367
+ gap: var(--size-4);
5368
+ }
5369
+ .np-table-content--success .np-table-content-text,
5370
+ .np-table-content--error .np-table-content-text {
5371
+ line-height: 155%;
5372
+ }
5373
+ .np-table-content-media {
5374
+ flex-shrink: 0;
5375
+ }
5376
+ .np-table-content-body {
5377
+ display: flex;
5378
+ flex-direction: column;
5379
+ font-size: 0.75rem;
5380
+ font-size: var(--font-size-12);
5381
+ color: #768e9c;
5382
+ color: var(--color-content-tertiary);
5383
+ }
5384
+ .np-table-content--reversed {
5385
+ flex-direction: row-reverse;
5386
+ }
5387
+ .np-table-content--reversed .np-table-content-body {
5388
+ align-items: end;
5389
+ }
5390
+ .np-table-empty-data {
5391
+ display: flex;
5392
+ align-items: center;
5393
+ }
5394
+ .np-table-empty-data .status-circle {
5395
+ margin-right: 12px;
5396
+ margin-right: var(--size-12);
5397
+ }
5124
5398
  .np-tile {
5125
5399
  min-width: 120px;
5126
5400
  border-radius: 10px;