@transferwise/components 46.135.0 → 46.135.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 (17) hide show
  1. package/build/badge/BadgeAssets.js +2 -1
  2. package/build/badge/BadgeAssets.js.map +1 -1
  3. package/build/badge/BadgeAssets.mjs +2 -1
  4. package/build/badge/BadgeAssets.mjs.map +1 -1
  5. package/build/main.css +22 -11
  6. package/build/styles/css/neptune.css +22 -11
  7. package/build/styles/less/neptune-tokens.less +3 -2
  8. package/build/styles/main.css +22 -11
  9. package/build/styles/props/neptune-tokens.css +2 -1
  10. package/build/styles/styles/less/neptune.css +22 -11
  11. package/build/types/badge/BadgeAssets.d.ts.map +1 -1
  12. package/package.json +4 -4
  13. package/src/avatarView/AvatarView.story.tsx +1 -1
  14. package/src/avatarView/AvatarView.test.story.tsx +108 -1
  15. package/src/badge/BadgeAssets.tsx +2 -0
  16. package/src/main.css +22 -11
  17. package/src/styles/less/neptune.css +22 -11
package/build/badge/BadgeAssets.js CHANGED
@@ -50,7 +50,8 @@ function BadgeAssets({
50
50
  size: size,
51
51
  fixedSize: true,
52
52
  style: {
53
- backgroundColor: type === 'action' ? 'var(--color-interactive-accent)' : 'var(--color-background-neutral)'
53
+ backgroundColor: type === 'action' ? 'var(--color-interactive-accent)' : 'var(--color-background-neutral)',
54
+ color: type === 'action' ? 'var(--color-interactive-control)' : 'var(--color-content-primary)'
54
55
  },
55
56
  children: icon ?? /*#__PURE__*/jsxRuntime.jsx(icons.Plus, {})
56
57
  });
package/build/badge/BadgeAssets.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BadgeAssets.js","sources":["../../src/badge/BadgeAssets.tsx"],"sourcesContent":["import { Plus } from '@transferwise/icons';\nimport { Flag } from '@wise/art';\nimport StatusIcon, { StatusIconProps } from '../statusIcon';\nimport Circle from '../common/circle';\nimport Image from '../image';\n\nexport type Props = {\n status?: StatusIconProps['sentiment'];\n flagCode?: string;\n imgSrc?: string;\n icon?: React.ReactNode;\n type?: 'action' | 'reference' | 'notification' | 'online';\n size?: 16 | 24;\n};\n\n/**\n * Common pre-built badge variants.\n */\nexport default function BadgeAssets({\n status,\n flagCode,\n imgSrc,\n icon = null,\n type = 'action',\n size,\n}: Props) {\n if (status) {\n return <StatusIcon sentiment={status} size={size} />;\n }\n if (flagCode) {\n return (\n <Circle size={size} fixedSize enableBorder>\n <Flag code={flagCode} intrinsicSize={size} />\n </Circle>\n );\n }\n if (imgSrc) {\n return (\n <Circle size={size} fixedSize enableBorder>\n <Image src={imgSrc} alt=\"\" />\n </Circle>\n );\n }\n if (['action', 'reference'].includes(type)) {\n return (\n <Circle\n size={size}\n fixedSize\n style={{\n backgroundColor:\n type === 'action'\n ? 'var(--color-interactive-accent)'\n : 'var(--color-background-neutral)',\n }}\n >\n {icon ?? <Plus />}\n </Circle>\n );\n }\n return null;\n}\n"],"names":["BadgeAssets","status","flagCode","imgSrc","icon","type","size","_jsx","StatusIcon","sentiment","Circle","fixedSize","enableBorder","children","Flag","code","intrinsicSize","Image","src","alt","includes","style","backgroundColor","Plus"],"mappings":";;;;;;;;;;;AAkBc,SAAUA,WAAWA,CAAC;EAClCC,MAAM;EACNC,QAAQ;EACRC,MAAM;AACNC,EAAAA,IAAI,GAAG,IAAI;AACXC,EAAAA,IAAI,GAAG,QAAQ;AACfC,EAAAA;AAAI,CACE,EAAA;AACN,EAAA,IAAIL,MAAM,EAAE;IACV,oBAAOM,cAAA,CAACC,kBAAU,EAAA;AAACC,MAAAA,SAAS,EAAER,MAAO;AAACK,MAAAA,IAAI,EAAEA;AAAK,MAAG;AACtD,EAAA;AACA,EAAA,IAAIJ,QAAQ,EAAE;IACZ,oBACEK,cAAA,CAACG,cAAM,EAAA;AAACJ,MAAAA,IAAI,EAAEA,IAAK;MAACK,SAAS,EAAA,IAAA;MAACC,YAAY,EAAA,IAAA;MAAAC,QAAA,eACxCN,cAAA,CAACO,QAAI,EAAA;AAACC,QAAAA,IAAI,EAAEb,QAAS;AAACc,QAAAA,aAAa,EAAEV;OAAK;AAC5C,KAAQ,CAAC;AAEb,EAAA;AACA,EAAA,IAAIH,MAAM,EAAE;IACV,oBACEI,cAAA,CAACG,cAAM,EAAA;AAACJ,MAAAA,IAAI,EAAEA,IAAK;MAACK,SAAS,EAAA,IAAA;MAACC,YAAY,EAAA,IAAA;MAAAC,QAAA,eACxCN,cAAA,CAACU,aAAK,EAAA;AAACC,QAAAA,GAAG,EAAEf,MAAO;AAACgB,QAAAA,GAAG,EAAC;OAAE;AAC5B,KAAQ,CAAC;AAEb,EAAA;EACA,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC,CAACC,QAAQ,CAACf,IAAI,CAAC,EAAE;IAC1C,oBACEE,cAAA,CAACG,cAAM,EAAA;AACLJ,MAAAA,IAAI,EAAEA,IAAK;MACXK,SAAS,EAAA,IAAA;AACTU,MAAAA,KAAK,EAAE;AACLC,QAAAA,eAAe,EACbjB,IAAI,KAAK,QAAQ,GACb,iCAAiC,GACjC;OACN;AAAAQ,MAAAA,QAAA,EAEDT,IAAI,iBAAIG,cAAA,CAACgB,UAAI,EAAA;AAAG,KACX,CAAC;AAEb,EAAA;AACA,EAAA,OAAO,IAAI;AACb;;;;"}
1
+ {"version":3,"file":"BadgeAssets.js","sources":["../../src/badge/BadgeAssets.tsx"],"sourcesContent":["import { Plus } from '@transferwise/icons';\nimport { Flag } from '@wise/art';\nimport StatusIcon, { StatusIconProps } from '../statusIcon';\nimport Circle from '../common/circle';\nimport Image from '../image';\n\nexport type Props = {\n status?: StatusIconProps['sentiment'];\n flagCode?: string;\n imgSrc?: string;\n icon?: React.ReactNode;\n type?: 'action' | 'reference' | 'notification' | 'online';\n size?: 16 | 24;\n};\n\n/**\n * Common pre-built badge variants.\n */\nexport default function BadgeAssets({\n status,\n flagCode,\n imgSrc,\n icon = null,\n type = 'action',\n size,\n}: Props) {\n if (status) {\n return <StatusIcon sentiment={status} size={size} />;\n }\n if (flagCode) {\n return (\n <Circle size={size} fixedSize enableBorder>\n <Flag code={flagCode} intrinsicSize={size} />\n </Circle>\n );\n }\n if (imgSrc) {\n return (\n <Circle size={size} fixedSize enableBorder>\n <Image src={imgSrc} alt=\"\" />\n </Circle>\n );\n }\n if (['action', 'reference'].includes(type)) {\n return (\n <Circle\n size={size}\n fixedSize\n style={{\n backgroundColor:\n type === 'action'\n ? 'var(--color-interactive-accent)'\n : 'var(--color-background-neutral)',\n color:\n type === 'action' ? 'var(--color-interactive-control)' : 'var(--color-content-primary)',\n }}\n >\n {icon ?? <Plus />}\n </Circle>\n );\n }\n return null;\n}\n"],"names":["BadgeAssets","status","flagCode","imgSrc","icon","type","size","_jsx","StatusIcon","sentiment","Circle","fixedSize","enableBorder","children","Flag","code","intrinsicSize","Image","src","alt","includes","style","backgroundColor","color","Plus"],"mappings":";;;;;;;;;;;AAkBc,SAAUA,WAAWA,CAAC;EAClCC,MAAM;EACNC,QAAQ;EACRC,MAAM;AACNC,EAAAA,IAAI,GAAG,IAAI;AACXC,EAAAA,IAAI,GAAG,QAAQ;AACfC,EAAAA;AAAI,CACE,EAAA;AACN,EAAA,IAAIL,MAAM,EAAE;IACV,oBAAOM,cAAA,CAACC,kBAAU,EAAA;AAACC,MAAAA,SAAS,EAAER,MAAO;AAACK,MAAAA,IAAI,EAAEA;AAAK,MAAG;AACtD,EAAA;AACA,EAAA,IAAIJ,QAAQ,EAAE;IACZ,oBACEK,cAAA,CAACG,cAAM,EAAA;AAACJ,MAAAA,IAAI,EAAEA,IAAK;MAACK,SAAS,EAAA,IAAA;MAACC,YAAY,EAAA,IAAA;MAAAC,QAAA,eACxCN,cAAA,CAACO,QAAI,EAAA;AAACC,QAAAA,IAAI,EAAEb,QAAS;AAACc,QAAAA,aAAa,EAAEV;OAAK;AAC5C,KAAQ,CAAC;AAEb,EAAA;AACA,EAAA,IAAIH,MAAM,EAAE;IACV,oBACEI,cAAA,CAACG,cAAM,EAAA;AAACJ,MAAAA,IAAI,EAAEA,IAAK;MAACK,SAAS,EAAA,IAAA;MAACC,YAAY,EAAA,IAAA;MAAAC,QAAA,eACxCN,cAAA,CAACU,aAAK,EAAA;AAACC,QAAAA,GAAG,EAAEf,MAAO;AAACgB,QAAAA,GAAG,EAAC;OAAE;AAC5B,KAAQ,CAAC;AAEb,EAAA;EACA,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC,CAACC,QAAQ,CAACf,IAAI,CAAC,EAAE;IAC1C,oBACEE,cAAA,CAACG,cAAM,EAAA;AACLJ,MAAAA,IAAI,EAAEA,IAAK;MACXK,SAAS,EAAA,IAAA;AACTU,MAAAA,KAAK,EAAE;AACLC,QAAAA,eAAe,EACbjB,IAAI,KAAK,QAAQ,GACb,iCAAiC,GACjC,iCAAiC;AACvCkB,QAAAA,KAAK,EACHlB,IAAI,KAAK,QAAQ,GAAG,kCAAkC,GAAG;OAC3D;AAAAQ,MAAAA,QAAA,EAEDT,IAAI,iBAAIG,cAAA,CAACiB,UAAI,EAAA;AAAG,KACX,CAAC;AAEb,EAAA;AACA,EAAA,OAAO,IAAI;AACb;;;;"}
package/build/badge/BadgeAssets.mjs CHANGED
@@ -46,7 +46,8 @@ function BadgeAssets({
46
46
  size: size,
47
47
  fixedSize: true,
48
48
  style: {
49
- backgroundColor: type === 'action' ? 'var(--color-interactive-accent)' : 'var(--color-background-neutral)'
49
+ backgroundColor: type === 'action' ? 'var(--color-interactive-accent)' : 'var(--color-background-neutral)',
50
+ color: type === 'action' ? 'var(--color-interactive-control)' : 'var(--color-content-primary)'
50
51
  },
51
52
  children: icon ?? /*#__PURE__*/jsx(Plus, {})
52
53
  });
package/build/badge/BadgeAssets.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BadgeAssets.mjs","sources":["../../src/badge/BadgeAssets.tsx"],"sourcesContent":["import { Plus } from '@transferwise/icons';\nimport { Flag } from '@wise/art';\nimport StatusIcon, { StatusIconProps } from '../statusIcon';\nimport Circle from '../common/circle';\nimport Image from '../image';\n\nexport type Props = {\n status?: StatusIconProps['sentiment'];\n flagCode?: string;\n imgSrc?: string;\n icon?: React.ReactNode;\n type?: 'action' | 'reference' | 'notification' | 'online';\n size?: 16 | 24;\n};\n\n/**\n * Common pre-built badge variants.\n */\nexport default function BadgeAssets({\n status,\n flagCode,\n imgSrc,\n icon = null,\n type = 'action',\n size,\n}: Props) {\n if (status) {\n return <StatusIcon sentiment={status} size={size} />;\n }\n if (flagCode) {\n return (\n <Circle size={size} fixedSize enableBorder>\n <Flag code={flagCode} intrinsicSize={size} />\n </Circle>\n );\n }\n if (imgSrc) {\n return (\n <Circle size={size} fixedSize enableBorder>\n <Image src={imgSrc} alt=\"\" />\n </Circle>\n );\n }\n if (['action', 'reference'].includes(type)) {\n return (\n <Circle\n size={size}\n fixedSize\n style={{\n backgroundColor:\n type === 'action'\n ? 'var(--color-interactive-accent)'\n : 'var(--color-background-neutral)',\n }}\n >\n {icon ?? <Plus />}\n </Circle>\n );\n }\n return null;\n}\n"],"names":["BadgeAssets","status","flagCode","imgSrc","icon","type","size","_jsx","StatusIcon","sentiment","Circle","fixedSize","enableBorder","children","Flag","code","intrinsicSize","Image","src","alt","includes","style","backgroundColor","Plus"],"mappings":";;;;;;;AAkBc,SAAUA,WAAWA,CAAC;EAClCC,MAAM;EACNC,QAAQ;EACRC,MAAM;AACNC,EAAAA,IAAI,GAAG,IAAI;AACXC,EAAAA,IAAI,GAAG,QAAQ;AACfC,EAAAA;AAAI,CACE,EAAA;AACN,EAAA,IAAIL,MAAM,EAAE;IACV,oBAAOM,GAAA,CAACC,UAAU,EAAA;AAACC,MAAAA,SAAS,EAAER,MAAO;AAACK,MAAAA,IAAI,EAAEA;AAAK,MAAG;AACtD,EAAA;AACA,EAAA,IAAIJ,QAAQ,EAAE;IACZ,oBACEK,GAAA,CAACG,MAAM,EAAA;AAACJ,MAAAA,IAAI,EAAEA,IAAK;MAACK,SAAS,EAAA,IAAA;MAACC,YAAY,EAAA,IAAA;MAAAC,QAAA,eACxCN,GAAA,CAACO,IAAI,EAAA;AAACC,QAAAA,IAAI,EAAEb,QAAS;AAACc,QAAAA,aAAa,EAAEV;OAAK;AAC5C,KAAQ,CAAC;AAEb,EAAA;AACA,EAAA,IAAIH,MAAM,EAAE;IACV,oBACEI,GAAA,CAACG,MAAM,EAAA;AAACJ,MAAAA,IAAI,EAAEA,IAAK;MAACK,SAAS,EAAA,IAAA;MAACC,YAAY,EAAA,IAAA;MAAAC,QAAA,eACxCN,GAAA,CAACU,KAAK,EAAA;AAACC,QAAAA,GAAG,EAAEf,MAAO;AAACgB,QAAAA,GAAG,EAAC;OAAE;AAC5B,KAAQ,CAAC;AAEb,EAAA;EACA,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC,CAACC,QAAQ,CAACf,IAAI,CAAC,EAAE;IAC1C,oBACEE,GAAA,CAACG,MAAM,EAAA;AACLJ,MAAAA,IAAI,EAAEA,IAAK;MACXK,SAAS,EAAA,IAAA;AACTU,MAAAA,KAAK,EAAE;AACLC,QAAAA,eAAe,EACbjB,IAAI,KAAK,QAAQ,GACb,iCAAiC,GACjC;OACN;AAAAQ,MAAAA,QAAA,EAEDT,IAAI,iBAAIG,GAAA,CAACgB,IAAI,EAAA;AAAG,KACX,CAAC;AAEb,EAAA;AACA,EAAA,OAAO,IAAI;AACb;;;;"}
1
+ {"version":3,"file":"BadgeAssets.mjs","sources":["../../src/badge/BadgeAssets.tsx"],"sourcesContent":["import { Plus } from '@transferwise/icons';\nimport { Flag } from '@wise/art';\nimport StatusIcon, { StatusIconProps } from '../statusIcon';\nimport Circle from '../common/circle';\nimport Image from '../image';\n\nexport type Props = {\n status?: StatusIconProps['sentiment'];\n flagCode?: string;\n imgSrc?: string;\n icon?: React.ReactNode;\n type?: 'action' | 'reference' | 'notification' | 'online';\n size?: 16 | 24;\n};\n\n/**\n * Common pre-built badge variants.\n */\nexport default function BadgeAssets({\n status,\n flagCode,\n imgSrc,\n icon = null,\n type = 'action',\n size,\n}: Props) {\n if (status) {\n return <StatusIcon sentiment={status} size={size} />;\n }\n if (flagCode) {\n return (\n <Circle size={size} fixedSize enableBorder>\n <Flag code={flagCode} intrinsicSize={size} />\n </Circle>\n );\n }\n if (imgSrc) {\n return (\n <Circle size={size} fixedSize enableBorder>\n <Image src={imgSrc} alt=\"\" />\n </Circle>\n );\n }\n if (['action', 'reference'].includes(type)) {\n return (\n <Circle\n size={size}\n fixedSize\n style={{\n backgroundColor:\n type === 'action'\n ? 'var(--color-interactive-accent)'\n : 'var(--color-background-neutral)',\n color:\n type === 'action' ? 'var(--color-interactive-control)' : 'var(--color-content-primary)',\n }}\n >\n {icon ?? <Plus />}\n </Circle>\n );\n }\n return null;\n}\n"],"names":["BadgeAssets","status","flagCode","imgSrc","icon","type","size","_jsx","StatusIcon","sentiment","Circle","fixedSize","enableBorder","children","Flag","code","intrinsicSize","Image","src","alt","includes","style","backgroundColor","color","Plus"],"mappings":";;;;;;;AAkBc,SAAUA,WAAWA,CAAC;EAClCC,MAAM;EACNC,QAAQ;EACRC,MAAM;AACNC,EAAAA,IAAI,GAAG,IAAI;AACXC,EAAAA,IAAI,GAAG,QAAQ;AACfC,EAAAA;AAAI,CACE,EAAA;AACN,EAAA,IAAIL,MAAM,EAAE;IACV,oBAAOM,GAAA,CAACC,UAAU,EAAA;AAACC,MAAAA,SAAS,EAAER,MAAO;AAACK,MAAAA,IAAI,EAAEA;AAAK,MAAG;AACtD,EAAA;AACA,EAAA,IAAIJ,QAAQ,EAAE;IACZ,oBACEK,GAAA,CAACG,MAAM,EAAA;AAACJ,MAAAA,IAAI,EAAEA,IAAK;MAACK,SAAS,EAAA,IAAA;MAACC,YAAY,EAAA,IAAA;MAAAC,QAAA,eACxCN,GAAA,CAACO,IAAI,EAAA;AAACC,QAAAA,IAAI,EAAEb,QAAS;AAACc,QAAAA,aAAa,EAAEV;OAAK;AAC5C,KAAQ,CAAC;AAEb,EAAA;AACA,EAAA,IAAIH,MAAM,EAAE;IACV,oBACEI,GAAA,CAACG,MAAM,EAAA;AAACJ,MAAAA,IAAI,EAAEA,IAAK;MAACK,SAAS,EAAA,IAAA;MAACC,YAAY,EAAA,IAAA;MAAAC,QAAA,eACxCN,GAAA,CAACU,KAAK,EAAA;AAACC,QAAAA,GAAG,EAAEf,MAAO;AAACgB,QAAAA,GAAG,EAAC;OAAE;AAC5B,KAAQ,CAAC;AAEb,EAAA;EACA,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC,CAACC,QAAQ,CAACf,IAAI,CAAC,EAAE;IAC1C,oBACEE,GAAA,CAACG,MAAM,EAAA;AACLJ,MAAAA,IAAI,EAAEA,IAAK;MACXK,SAAS,EAAA,IAAA;AACTU,MAAAA,KAAK,EAAE;AACLC,QAAAA,eAAe,EACbjB,IAAI,KAAK,QAAQ,GACb,iCAAiC,GACjC,iCAAiC;AACvCkB,QAAAA,KAAK,EACHlB,IAAI,KAAK,QAAQ,GAAG,kCAAkC,GAAG;OAC3D;AAAAQ,MAAAA,QAAA,EAEDT,IAAI,iBAAIG,GAAA,CAACiB,IAAI,EAAA;AAAG,KACX,CAAC;AAEb,EAAA;AACA,EAAA,OAAO,IAAI;AACb;;;;"}
package/build/main.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * Generated on Tue, 31 Mar 2026 13:02:10 GMT
3
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -53,6 +53,7 @@
53
53
  --radius-small: 10px;
54
54
  --radius-medium: 16px;
55
55
  --radius-large: 24px;
56
+ --radius-xlarge: 32px;
56
57
  --size-4: 4px;
57
58
  --size-5: 5px;
58
59
  --size-8: 8px;
@@ -143,7 +144,7 @@
143
144
 
144
145
  /**
145
146
  * Do not edit directly, this file was auto-generated.
146
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
147
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
147
148
  */
148
149
 
149
150
  .np-theme-personal {
@@ -236,6 +237,7 @@
236
237
  --radius-small: 10px;
237
238
  --radius-medium: 16px;
238
239
  --radius-large: 24px;
240
+ --radius-xlarge: 32px;
239
241
  --size-4: 4px;
240
242
  --size-5: 5px;
241
243
  --size-8: 8px;
@@ -392,7 +394,7 @@
392
394
 
393
395
  /**
394
396
  * Do not edit directly, this file was auto-generated.
395
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
397
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
396
398
  */
397
399
 
398
400
  .np-theme-personal--forest-green {
@@ -485,6 +487,7 @@
485
487
  --radius-small: 10px;
486
488
  --radius-medium: 16px;
487
489
  --radius-large: 24px;
490
+ --radius-xlarge: 32px;
488
491
  --size-4: 4px;
489
492
  --size-5: 5px;
490
493
  --size-8: 8px;
@@ -641,7 +644,7 @@
641
644
 
642
645
  /**
643
646
  * Do not edit directly, this file was auto-generated.
644
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
647
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
645
648
  */
646
649
 
647
650
  .np-theme-personal--bright-green {
@@ -734,6 +737,7 @@
734
737
  --radius-small: 10px;
735
738
  --radius-medium: 16px;
736
739
  --radius-large: 24px;
740
+ --radius-xlarge: 32px;
737
741
  --size-4: 4px;
738
742
  --size-5: 5px;
739
743
  --size-8: 8px;
@@ -890,7 +894,7 @@
890
894
 
891
895
  /**
892
896
  * Do not edit directly, this file was auto-generated.
893
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
897
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
894
898
  */
895
899
 
896
900
  .np-theme-personal--dark {
@@ -983,6 +987,7 @@
983
987
  --radius-small: 10px;
984
988
  --radius-medium: 16px;
985
989
  --radius-large: 24px;
990
+ --radius-xlarge: 32px;
986
991
  --size-4: 4px;
987
992
  --size-5: 5px;
988
993
  --size-8: 8px;
@@ -1139,7 +1144,7 @@
1139
1144
 
1140
1145
  /**
1141
1146
  * Do not edit directly, this file was auto-generated.
1142
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1147
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1143
1148
  */
1144
1149
 
1145
1150
  .np-theme-platform {
@@ -1232,6 +1237,7 @@
1232
1237
  --radius-small: 10px;
1233
1238
  --radius-medium: 16px;
1234
1239
  --radius-large: 24px;
1240
+ --radius-xlarge: 32px;
1235
1241
  --size-4: 4px;
1236
1242
  --size-5: 5px;
1237
1243
  --size-8: 8px;
@@ -1322,7 +1328,7 @@
1322
1328
 
1323
1329
  /**
1324
1330
  * Do not edit directly, this file was auto-generated.
1325
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1331
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1326
1332
  */
1327
1333
 
1328
1334
  .np-theme-platform--forest-green {
@@ -1415,6 +1421,7 @@
1415
1421
  --radius-small: 10px;
1416
1422
  --radius-medium: 16px;
1417
1423
  --radius-large: 24px;
1424
+ --radius-xlarge: 32px;
1418
1425
  --size-4: 4px;
1419
1426
  --size-5: 5px;
1420
1427
  --size-8: 8px;
@@ -1505,7 +1512,7 @@
1505
1512
 
1506
1513
  /**
1507
1514
  * Do not edit directly, this file was auto-generated.
1508
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1515
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1509
1516
  */
1510
1517
 
1511
1518
  .np-theme-business {
@@ -1599,6 +1606,7 @@
1599
1606
  --radius-small: 10px;
1600
1607
  --radius-medium: 16px;
1601
1608
  --radius-large: 24px;
1609
+ --radius-xlarge: 32px;
1602
1610
  --size-4: 4px;
1603
1611
  --size-5: 5px;
1604
1612
  --size-8: 8px;
@@ -1689,7 +1697,7 @@
1689
1697
 
1690
1698
  /**
1691
1699
  * Do not edit directly, this file was auto-generated.
1692
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1700
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1693
1701
  */
1694
1702
 
1695
1703
  .np-theme-business--dark {
@@ -1783,6 +1791,7 @@
1783
1791
  --radius-small: 10px;
1784
1792
  --radius-medium: 16px;
1785
1793
  --radius-large: 24px;
1794
+ --radius-xlarge: 32px;
1786
1795
  --size-4: 4px;
1787
1796
  --size-5: 5px;
1788
1797
  --size-8: 8px;
@@ -1873,7 +1882,7 @@
1873
1882
 
1874
1883
  /**
1875
1884
  * Do not edit directly, this file was auto-generated.
1876
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1885
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1877
1886
  */
1878
1887
 
1879
1888
  .np-theme-business--forest-green {
@@ -1967,6 +1976,7 @@
1967
1976
  --radius-small: 10px;
1968
1977
  --radius-medium: 16px;
1969
1978
  --radius-large: 24px;
1979
+ --radius-xlarge: 32px;
1970
1980
  --size-4: 4px;
1971
1981
  --size-5: 5px;
1972
1982
  --size-8: 8px;
@@ -2057,7 +2067,7 @@
2057
2067
 
2058
2068
  /**
2059
2069
  * Do not edit directly, this file was auto-generated.
2060
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
2070
+ * Generated on Fri, 10 Apr 2026 14:46:01 GMT
2061
2071
  */
2062
2072
 
2063
2073
  .np-theme-business--bright-green {
@@ -2151,6 +2161,7 @@
2151
2161
  --radius-small: 10px;
2152
2162
  --radius-medium: 16px;
2153
2163
  --radius-large: 24px;
2164
+ --radius-xlarge: 32px;
2154
2165
  --size-4: 4px;
2155
2166
  --size-5: 5px;
2156
2167
  --size-8: 8px;
package/build/styles/css/neptune.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * Generated on Tue, 31 Mar 2026 13:02:10 GMT
3
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -53,6 +53,7 @@
53
53
  --radius-small: 10px;
54
54
  --radius-medium: 16px;
55
55
  --radius-large: 24px;
56
+ --radius-xlarge: 32px;
56
57
  --size-4: 4px;
57
58
  --size-5: 5px;
58
59
  --size-8: 8px;
@@ -143,7 +144,7 @@
143
144
 
144
145
  /**
145
146
  * Do not edit directly, this file was auto-generated.
146
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
147
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
147
148
  */
148
149
 
149
150
  .np-theme-personal {
@@ -236,6 +237,7 @@
236
237
  --radius-small: 10px;
237
238
  --radius-medium: 16px;
238
239
  --radius-large: 24px;
240
+ --radius-xlarge: 32px;
239
241
  --size-4: 4px;
240
242
  --size-5: 5px;
241
243
  --size-8: 8px;
@@ -392,7 +394,7 @@
392
394
 
393
395
  /**
394
396
  * Do not edit directly, this file was auto-generated.
395
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
397
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
396
398
  */
397
399
 
398
400
  .np-theme-personal--forest-green {
@@ -485,6 +487,7 @@
485
487
  --radius-small: 10px;
486
488
  --radius-medium: 16px;
487
489
  --radius-large: 24px;
490
+ --radius-xlarge: 32px;
488
491
  --size-4: 4px;
489
492
  --size-5: 5px;
490
493
  --size-8: 8px;
@@ -641,7 +644,7 @@
641
644
 
642
645
  /**
643
646
  * Do not edit directly, this file was auto-generated.
644
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
647
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
645
648
  */
646
649
 
647
650
  .np-theme-personal--bright-green {
@@ -734,6 +737,7 @@
734
737
  --radius-small: 10px;
735
738
  --radius-medium: 16px;
736
739
  --radius-large: 24px;
740
+ --radius-xlarge: 32px;
737
741
  --size-4: 4px;
738
742
  --size-5: 5px;
739
743
  --size-8: 8px;
@@ -890,7 +894,7 @@
890
894
 
891
895
  /**
892
896
  * Do not edit directly, this file was auto-generated.
893
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
897
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
894
898
  */
895
899
 
896
900
  .np-theme-personal--dark {
@@ -983,6 +987,7 @@
983
987
  --radius-small: 10px;
984
988
  --radius-medium: 16px;
985
989
  --radius-large: 24px;
990
+ --radius-xlarge: 32px;
986
991
  --size-4: 4px;
987
992
  --size-5: 5px;
988
993
  --size-8: 8px;
@@ -1139,7 +1144,7 @@
1139
1144
 
1140
1145
  /**
1141
1146
  * Do not edit directly, this file was auto-generated.
1142
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1147
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1143
1148
  */
1144
1149
 
1145
1150
  .np-theme-platform {
@@ -1232,6 +1237,7 @@
1232
1237
  --radius-small: 10px;
1233
1238
  --radius-medium: 16px;
1234
1239
  --radius-large: 24px;
1240
+ --radius-xlarge: 32px;
1235
1241
  --size-4: 4px;
1236
1242
  --size-5: 5px;
1237
1243
  --size-8: 8px;
@@ -1322,7 +1328,7 @@
1322
1328
 
1323
1329
  /**
1324
1330
  * Do not edit directly, this file was auto-generated.
1325
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1331
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1326
1332
  */
1327
1333
 
1328
1334
  .np-theme-platform--forest-green {
@@ -1415,6 +1421,7 @@
1415
1421
  --radius-small: 10px;
1416
1422
  --radius-medium: 16px;
1417
1423
  --radius-large: 24px;
1424
+ --radius-xlarge: 32px;
1418
1425
  --size-4: 4px;
1419
1426
  --size-5: 5px;
1420
1427
  --size-8: 8px;
@@ -1505,7 +1512,7 @@
1505
1512
 
1506
1513
  /**
1507
1514
  * Do not edit directly, this file was auto-generated.
1508
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1515
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1509
1516
  */
1510
1517
 
1511
1518
  .np-theme-business {
@@ -1599,6 +1606,7 @@
1599
1606
  --radius-small: 10px;
1600
1607
  --radius-medium: 16px;
1601
1608
  --radius-large: 24px;
1609
+ --radius-xlarge: 32px;
1602
1610
  --size-4: 4px;
1603
1611
  --size-5: 5px;
1604
1612
  --size-8: 8px;
@@ -1689,7 +1697,7 @@
1689
1697
 
1690
1698
  /**
1691
1699
  * Do not edit directly, this file was auto-generated.
1692
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1700
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1693
1701
  */
1694
1702
 
1695
1703
  .np-theme-business--dark {
@@ -1783,6 +1791,7 @@
1783
1791
  --radius-small: 10px;
1784
1792
  --radius-medium: 16px;
1785
1793
  --radius-large: 24px;
1794
+ --radius-xlarge: 32px;
1786
1795
  --size-4: 4px;
1787
1796
  --size-5: 5px;
1788
1797
  --size-8: 8px;
@@ -1873,7 +1882,7 @@
1873
1882
 
1874
1883
  /**
1875
1884
  * Do not edit directly, this file was auto-generated.
1876
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1885
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1877
1886
  */
1878
1887
 
1879
1888
  .np-theme-business--forest-green {
@@ -1967,6 +1976,7 @@
1967
1976
  --radius-small: 10px;
1968
1977
  --radius-medium: 16px;
1969
1978
  --radius-large: 24px;
1979
+ --radius-xlarge: 32px;
1970
1980
  --size-4: 4px;
1971
1981
  --size-5: 5px;
1972
1982
  --size-8: 8px;
@@ -2057,7 +2067,7 @@
2057
2067
 
2058
2068
  /**
2059
2069
  * Do not edit directly, this file was auto-generated.
2060
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
2070
+ * Generated on Fri, 10 Apr 2026 14:46:01 GMT
2061
2071
  */
2062
2072
 
2063
2073
  .np-theme-business--bright-green {
@@ -2151,6 +2161,7 @@
2151
2161
  --radius-small: 10px;
2152
2162
  --radius-medium: 16px;
2153
2163
  --radius-large: 24px;
2164
+ --radius-xlarge: 32px;
2154
2165
  --size-4: 4px;
2155
2166
  --size-5: 5px;
2156
2167
  --size-8: 8px;
package/build/styles/less/neptune-tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly, this file was auto-generated.
3
- // Generated on Tue, 31 Mar 2026 13:02:10 GMT
3
+ // Generated on Fri, 10 Apr 2026 14:46:00 GMT
4
4
 
5
5
  @color-dark-content-primary: #e2e6e8;
6
6
  @color-dark-content-secondary: #c9cbce;
@@ -133,6 +133,7 @@
133
133
  @radius-small: 10px;
134
134
  @radius-medium: 16px;
135
135
  @radius-large: 24px;
136
+ @radius-xlarge: 32px;
136
137
  @size-4: 4px;
137
138
  @size-5: 5px;
138
139
  @size-8: 8px;
@@ -221,7 +222,7 @@
221
222
  @font-family-display: 'Wise Sans', 'Inter', sans-serif;
222
223
 
223
224
  // Do not edit directly, this file was auto-generated.
224
- // Generated on Tue, 31 Mar 2026 13:02:10 GMT
225
+ // Generated on Fri, 10 Apr 2026 14:46:00 GMT
225
226
 
226
227
  @color-base-blue-light: #00b9ff;
227
228
  @color-base-blue-mid: #00a2dd;
package/build/styles/main.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * Generated on Tue, 31 Mar 2026 13:02:10 GMT
3
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -53,6 +53,7 @@
53
53
  --radius-small: 10px;
54
54
  --radius-medium: 16px;
55
55
  --radius-large: 24px;
56
+ --radius-xlarge: 32px;
56
57
  --size-4: 4px;
57
58
  --size-5: 5px;
58
59
  --size-8: 8px;
@@ -143,7 +144,7 @@
143
144
 
144
145
  /**
145
146
  * Do not edit directly, this file was auto-generated.
146
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
147
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
147
148
  */
148
149
 
149
150
  .np-theme-personal {
@@ -236,6 +237,7 @@
236
237
  --radius-small: 10px;
237
238
  --radius-medium: 16px;
238
239
  --radius-large: 24px;
240
+ --radius-xlarge: 32px;
239
241
  --size-4: 4px;
240
242
  --size-5: 5px;
241
243
  --size-8: 8px;
@@ -392,7 +394,7 @@
392
394
 
393
395
  /**
394
396
  * Do not edit directly, this file was auto-generated.
395
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
397
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
396
398
  */
397
399
 
398
400
  .np-theme-personal--forest-green {
@@ -485,6 +487,7 @@
485
487
  --radius-small: 10px;
486
488
  --radius-medium: 16px;
487
489
  --radius-large: 24px;
490
+ --radius-xlarge: 32px;
488
491
  --size-4: 4px;
489
492
  --size-5: 5px;
490
493
  --size-8: 8px;
@@ -641,7 +644,7 @@
641
644
 
642
645
  /**
643
646
  * Do not edit directly, this file was auto-generated.
644
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
647
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
645
648
  */
646
649
 
647
650
  .np-theme-personal--bright-green {
@@ -734,6 +737,7 @@
734
737
  --radius-small: 10px;
735
738
  --radius-medium: 16px;
736
739
  --radius-large: 24px;
740
+ --radius-xlarge: 32px;
737
741
  --size-4: 4px;
738
742
  --size-5: 5px;
739
743
  --size-8: 8px;
@@ -890,7 +894,7 @@
890
894
 
891
895
  /**
892
896
  * Do not edit directly, this file was auto-generated.
893
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
897
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
894
898
  */
895
899
 
896
900
  .np-theme-personal--dark {
@@ -983,6 +987,7 @@
983
987
  --radius-small: 10px;
984
988
  --radius-medium: 16px;
985
989
  --radius-large: 24px;
990
+ --radius-xlarge: 32px;
986
991
  --size-4: 4px;
987
992
  --size-5: 5px;
988
993
  --size-8: 8px;
@@ -1139,7 +1144,7 @@
1139
1144
 
1140
1145
  /**
1141
1146
  * Do not edit directly, this file was auto-generated.
1142
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1147
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1143
1148
  */
1144
1149
 
1145
1150
  .np-theme-platform {
@@ -1232,6 +1237,7 @@
1232
1237
  --radius-small: 10px;
1233
1238
  --radius-medium: 16px;
1234
1239
  --radius-large: 24px;
1240
+ --radius-xlarge: 32px;
1235
1241
  --size-4: 4px;
1236
1242
  --size-5: 5px;
1237
1243
  --size-8: 8px;
@@ -1322,7 +1328,7 @@
1322
1328
 
1323
1329
  /**
1324
1330
  * Do not edit directly, this file was auto-generated.
1325
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1331
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1326
1332
  */
1327
1333
 
1328
1334
  .np-theme-platform--forest-green {
@@ -1415,6 +1421,7 @@
1415
1421
  --radius-small: 10px;
1416
1422
  --radius-medium: 16px;
1417
1423
  --radius-large: 24px;
1424
+ --radius-xlarge: 32px;
1418
1425
  --size-4: 4px;
1419
1426
  --size-5: 5px;
1420
1427
  --size-8: 8px;
@@ -1505,7 +1512,7 @@
1505
1512
 
1506
1513
  /**
1507
1514
  * Do not edit directly, this file was auto-generated.
1508
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1515
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1509
1516
  */
1510
1517
 
1511
1518
  .np-theme-business {
@@ -1599,6 +1606,7 @@
1599
1606
  --radius-small: 10px;
1600
1607
  --radius-medium: 16px;
1601
1608
  --radius-large: 24px;
1609
+ --radius-xlarge: 32px;
1602
1610
  --size-4: 4px;
1603
1611
  --size-5: 5px;
1604
1612
  --size-8: 8px;
@@ -1689,7 +1697,7 @@
1689
1697
 
1690
1698
  /**
1691
1699
  * Do not edit directly, this file was auto-generated.
1692
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1700
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1693
1701
  */
1694
1702
 
1695
1703
  .np-theme-business--dark {
@@ -1783,6 +1791,7 @@
1783
1791
  --radius-small: 10px;
1784
1792
  --radius-medium: 16px;
1785
1793
  --radius-large: 24px;
1794
+ --radius-xlarge: 32px;
1786
1795
  --size-4: 4px;
1787
1796
  --size-5: 5px;
1788
1797
  --size-8: 8px;
@@ -1873,7 +1882,7 @@
1873
1882
 
1874
1883
  /**
1875
1884
  * Do not edit directly, this file was auto-generated.
1876
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1885
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1877
1886
  */
1878
1887
 
1879
1888
  .np-theme-business--forest-green {
@@ -1967,6 +1976,7 @@
1967
1976
  --radius-small: 10px;
1968
1977
  --radius-medium: 16px;
1969
1978
  --radius-large: 24px;
1979
+ --radius-xlarge: 32px;
1970
1980
  --size-4: 4px;
1971
1981
  --size-5: 5px;
1972
1982
  --size-8: 8px;
@@ -2057,7 +2067,7 @@
2057
2067
 
2058
2068
  /**
2059
2069
  * Do not edit directly, this file was auto-generated.
2060
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
2070
+ * Generated on Fri, 10 Apr 2026 14:46:01 GMT
2061
2071
  */
2062
2072
 
2063
2073
  .np-theme-business--bright-green {
@@ -2151,6 +2161,7 @@
2151
2161
  --radius-small: 10px;
2152
2162
  --radius-medium: 16px;
2153
2163
  --radius-large: 24px;
2164
+ --radius-xlarge: 32px;
2154
2165
  --size-4: 4px;
2155
2166
  --size-5: 5px;
2156
2167
  --size-8: 8px;
package/build/styles/props/neptune-tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * Generated on Tue, 31 Mar 2026 13:02:10 GMT
3
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -53,6 +53,7 @@
53
53
  --radius-small: 10px;
54
54
  --radius-medium: 16px;
55
55
  --radius-large: 24px;
56
+ --radius-xlarge: 32px;
56
57
  --size-4: 4px;
57
58
  --size-5: 5px;
58
59
  --size-8: 8px;
package/build/styles/styles/less/neptune.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * Generated on Tue, 31 Mar 2026 13:02:10 GMT
3
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -53,6 +53,7 @@
53
53
  --radius-small: 10px;
54
54
  --radius-medium: 16px;
55
55
  --radius-large: 24px;
56
+ --radius-xlarge: 32px;
56
57
  --size-4: 4px;
57
58
  --size-5: 5px;
58
59
  --size-8: 8px;
@@ -143,7 +144,7 @@
143
144
 
144
145
  /**
145
146
  * Do not edit directly, this file was auto-generated.
146
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
147
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
147
148
  */
148
149
 
149
150
  .np-theme-personal {
@@ -236,6 +237,7 @@
236
237
  --radius-small: 10px;
237
238
  --radius-medium: 16px;
238
239
  --radius-large: 24px;
240
+ --radius-xlarge: 32px;
239
241
  --size-4: 4px;
240
242
  --size-5: 5px;
241
243
  --size-8: 8px;
@@ -392,7 +394,7 @@
392
394
 
393
395
  /**
394
396
  * Do not edit directly, this file was auto-generated.
395
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
397
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
396
398
  */
397
399
 
398
400
  .np-theme-personal--forest-green {
@@ -485,6 +487,7 @@
485
487
  --radius-small: 10px;
486
488
  --radius-medium: 16px;
487
489
  --radius-large: 24px;
490
+ --radius-xlarge: 32px;
488
491
  --size-4: 4px;
489
492
  --size-5: 5px;
490
493
  --size-8: 8px;
@@ -641,7 +644,7 @@
641
644
 
642
645
  /**
643
646
  * Do not edit directly, this file was auto-generated.
644
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
647
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
645
648
  */
646
649
 
647
650
  .np-theme-personal--bright-green {
@@ -734,6 +737,7 @@
734
737
  --radius-small: 10px;
735
738
  --radius-medium: 16px;
736
739
  --radius-large: 24px;
740
+ --radius-xlarge: 32px;
737
741
  --size-4: 4px;
738
742
  --size-5: 5px;
739
743
  --size-8: 8px;
@@ -890,7 +894,7 @@
890
894
 
891
895
  /**
892
896
  * Do not edit directly, this file was auto-generated.
893
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
897
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
894
898
  */
895
899
 
896
900
  .np-theme-personal--dark {
@@ -983,6 +987,7 @@
983
987
  --radius-small: 10px;
984
988
  --radius-medium: 16px;
985
989
  --radius-large: 24px;
990
+ --radius-xlarge: 32px;
986
991
  --size-4: 4px;
987
992
  --size-5: 5px;
988
993
  --size-8: 8px;
@@ -1139,7 +1144,7 @@
1139
1144
 
1140
1145
  /**
1141
1146
  * Do not edit directly, this file was auto-generated.
1142
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1147
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1143
1148
  */
1144
1149
 
1145
1150
  .np-theme-platform {
@@ -1232,6 +1237,7 @@
1232
1237
  --radius-small: 10px;
1233
1238
  --radius-medium: 16px;
1234
1239
  --radius-large: 24px;
1240
+ --radius-xlarge: 32px;
1235
1241
  --size-4: 4px;
1236
1242
  --size-5: 5px;
1237
1243
  --size-8: 8px;
@@ -1322,7 +1328,7 @@
1322
1328
 
1323
1329
  /**
1324
1330
  * Do not edit directly, this file was auto-generated.
1325
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1331
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1326
1332
  */
1327
1333
 
1328
1334
  .np-theme-platform--forest-green {
@@ -1415,6 +1421,7 @@
1415
1421
  --radius-small: 10px;
1416
1422
  --radius-medium: 16px;
1417
1423
  --radius-large: 24px;
1424
+ --radius-xlarge: 32px;
1418
1425
  --size-4: 4px;
1419
1426
  --size-5: 5px;
1420
1427
  --size-8: 8px;
@@ -1505,7 +1512,7 @@
1505
1512
 
1506
1513
  /**
1507
1514
  * Do not edit directly, this file was auto-generated.
1508
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1515
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1509
1516
  */
1510
1517
 
1511
1518
  .np-theme-business {
@@ -1599,6 +1606,7 @@
1599
1606
  --radius-small: 10px;
1600
1607
  --radius-medium: 16px;
1601
1608
  --radius-large: 24px;
1609
+ --radius-xlarge: 32px;
1602
1610
  --size-4: 4px;
1603
1611
  --size-5: 5px;
1604
1612
  --size-8: 8px;
@@ -1689,7 +1697,7 @@
1689
1697
 
1690
1698
  /**
1691
1699
  * Do not edit directly, this file was auto-generated.
1692
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1700
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1693
1701
  */
1694
1702
 
1695
1703
  .np-theme-business--dark {
@@ -1783,6 +1791,7 @@
1783
1791
  --radius-small: 10px;
1784
1792
  --radius-medium: 16px;
1785
1793
  --radius-large: 24px;
1794
+ --radius-xlarge: 32px;
1786
1795
  --size-4: 4px;
1787
1796
  --size-5: 5px;
1788
1797
  --size-8: 8px;
@@ -1873,7 +1882,7 @@
1873
1882
 
1874
1883
  /**
1875
1884
  * Do not edit directly, this file was auto-generated.
1876
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1885
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1877
1886
  */
1878
1887
 
1879
1888
  .np-theme-business--forest-green {
@@ -1967,6 +1976,7 @@
1967
1976
  --radius-small: 10px;
1968
1977
  --radius-medium: 16px;
1969
1978
  --radius-large: 24px;
1979
+ --radius-xlarge: 32px;
1970
1980
  --size-4: 4px;
1971
1981
  --size-5: 5px;
1972
1982
  --size-8: 8px;
@@ -2057,7 +2067,7 @@
2057
2067
 
2058
2068
  /**
2059
2069
  * Do not edit directly, this file was auto-generated.
2060
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
2070
+ * Generated on Fri, 10 Apr 2026 14:46:01 GMT
2061
2071
  */
2062
2072
 
2063
2073
  .np-theme-business--bright-green {
@@ -2151,6 +2161,7 @@
2151
2161
  --radius-small: 10px;
2152
2162
  --radius-medium: 16px;
2153
2163
  --radius-large: 24px;
2164
+ --radius-xlarge: 32px;
2154
2165
  --size-4: 4px;
2155
2166
  --size-5: 5px;
2156
2167
  --size-8: 8px;
package/build/types/badge/BadgeAssets.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BadgeAssets.d.ts","sourceRoot":"","sources":["../../../src/badge/BadgeAssets.tsx"],"names":[],"mappings":"AAEA,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAI5D,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,cAAc,GAAG,QAAQ,CAAC;IAC1D,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,QAAQ,EACR,MAAM,EACN,IAAW,EACX,IAAe,EACf,IAAI,GACL,EAAE,KAAK,sCAmCP"}
1
+ {"version":3,"file":"BadgeAssets.d.ts","sourceRoot":"","sources":["../../../src/badge/BadgeAssets.tsx"],"names":[],"mappings":"AAEA,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAI5D,MAAM,MAAM,KAAK,GAAG;IAClB,MAAM,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,cAAc,GAAG,QAAQ,CAAC;IAC1D,IAAI,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,QAAQ,EACR,MAAM,EACN,IAAW,EACX,IAAe,EACf,IAAI,GACL,EAAE,KAAK,sCAqCP"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/components",
3
- "version": "46.135.0",
3
+ "version": "46.135.1",
4
4
  "description": "Neptune React components",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -58,7 +58,7 @@
58
58
  "@testing-library/jest-dom": "^6.9.1",
59
59
  "@testing-library/react": "^16.3.2",
60
60
  "@testing-library/user-event": "^14.6.1",
61
- "@transferwise/icons": "^4.0.2",
61
+ "@transferwise/icons": "^4.4.3",
62
62
  "@tsconfig/recommended": "^1.0.13",
63
63
  "@types/babel__core": "^7.20.5",
64
64
  "@types/commonmark": "^0.27.10",
@@ -69,7 +69,7 @@
69
69
  "@types/react": "^18.3.28",
70
70
  "@types/react-dom": "^18.3.7",
71
71
  "@types/react-transition-group": "4.4.12",
72
- "@wise/art": "^2.26.0",
72
+ "@wise/art": "^2.30.1",
73
73
  "@wise/eslint-config": "^13.3.0",
74
74
  "babel-plugin-formatjs": "^10.5.41",
75
75
  "eslint": "^9.39.4",
@@ -119,7 +119,7 @@
119
119
  "react-popper": "^2.3.0",
120
120
  "react-transition-group": "^4.4.5",
121
121
  "virtua": "^0.48.8",
122
- "@transferwise/neptune-tokens": "^8.20.3"
122
+ "@transferwise/neptune-tokens": "^8.21.0"
123
123
  },
124
124
  "publishConfig": {
125
125
  "access": "public",
package/src/avatarView/AvatarView.story.tsx CHANGED
@@ -207,7 +207,7 @@ export const Badge: Story = {
207
207
  className="d-flex align-items-center justify-content-center"
208
208
  style={{
209
209
  backgroundColor: 'var(--color-bright-pink)',
210
- color: 'var(--color-interactive-primary)',
210
+ color: 'var(--color-dark-maroon)',
211
211
  width: '100%',
212
212
  height: '100%',
213
213
  }}
package/src/avatarView/AvatarView.test.story.tsx CHANGED
@@ -1,8 +1,18 @@
1
1
  import { Meta, StoryObj } from '@storybook/react-webpack5';
2
- import { Graph, Money, PlusCircle, Rewards } from '@transferwise/icons';
2
+ import {
3
+ Camera,
4
+ Convert,
5
+ FastFlag,
6
+ Graph,
7
+ Leaf,
8
+ Money,
9
+ PlusCircle,
10
+ Rewards,
11
+ } from '@transferwise/icons';
3
12
  import AvatarView from '.';
4
13
  import { getBrandColorFromSeed, getInitials, ProfileType } from '../common';
5
14
  import Display from '../display';
15
+ import { withVariantConfig } from '../../.storybook/helpers';
6
16
 
7
17
  const meta: Meta<typeof AvatarView> = {
8
18
  component: AvatarView,
@@ -112,3 +122,100 @@ export const ProfileBrokenImageFallback: Story = {
112
122
  );
113
123
  },
114
124
  };
125
+
126
+ /** Badge types across default and dark themes to verify icon color visibility. */
127
+ export const BadgeVariants: Story = {
128
+ render: function Render() {
129
+ return (
130
+ <div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>
131
+ <div style={{ display: 'flex', gap: '12px', alignItems: 'center' }}>
132
+ <AvatarView size={32} badge={{ type: 'action' }}>
133
+ <Money />
134
+ </AvatarView>
135
+ <AvatarView size={48} badge={{ type: 'action' }}>
136
+ <Money />
137
+ </AvatarView>
138
+ <AvatarView size={32} badge={{ type: 'action', icon: <Camera /> }}>
139
+ <Money />
140
+ </AvatarView>
141
+ <AvatarView
142
+ size={48}
143
+ imgSrc="../avatar-square-dude.webp"
144
+ badge={{ type: 'action', icon: <Camera /> }}
145
+ />
146
+ </div>
147
+ <div style={{ display: 'flex', gap: '12px', alignItems: 'center' }}>
148
+ <AvatarView size={32} badge={{ type: 'reference' }}>
149
+ <Money />
150
+ </AvatarView>
151
+ <AvatarView size={48} badge={{ type: 'reference' }}>
152
+ <Money />
153
+ </AvatarView>
154
+ <AvatarView size={32} badge={{ type: 'reference', icon: <Convert /> }}>
155
+ <Money />
156
+ </AvatarView>
157
+ <AvatarView
158
+ size={48}
159
+ imgSrc="../avatar-square-dude.webp"
160
+ badge={{ type: 'reference', icon: <Convert /> }}
161
+ />
162
+ </div>
163
+ <div style={{ display: 'flex', gap: '12px', alignItems: 'center' }}>
164
+ <AvatarView size={32} badge={{ icon: <FastFlag /> }}>
165
+ <Money />
166
+ </AvatarView>
167
+ <AvatarView size={48} badge={{ icon: <FastFlag /> }}>
168
+ <Money />
169
+ </AvatarView>
170
+ <AvatarView size={32} badge={{ status: 'warning' }}>
171
+ <Money />
172
+ </AvatarView>
173
+ <AvatarView size={48} badge={{ status: 'negative' }}>
174
+ <Money />
175
+ </AvatarView>
176
+ </div>
177
+ <div style={{ display: 'flex', gap: '12px', alignItems: 'center' }}>
178
+ <AvatarView
179
+ size={32}
180
+ imgSrc="../avatar-square-dude.webp"
181
+ badge={{
182
+ asset: (
183
+ <div
184
+ className="d-flex align-items-center justify-content-center"
185
+ style={{
186
+ backgroundColor: 'var(--color-bright-pink)',
187
+ color: 'var(--color-dark-maroon)',
188
+ width: '100%',
189
+ height: '100%',
190
+ }}
191
+ >
192
+ <Leaf />
193
+ </div>
194
+ ),
195
+ }}
196
+ />
197
+ <AvatarView
198
+ size={48}
199
+ imgSrc="../avatar-square-dude.webp"
200
+ badge={{
201
+ asset: (
202
+ <div
203
+ className="d-flex align-items-center justify-content-center"
204
+ style={{
205
+ backgroundColor: 'var(--color-bright-pink)',
206
+ color: 'var(--color-dark-maroon)',
207
+ width: '100%',
208
+ height: '100%',
209
+ }}
210
+ >
211
+ <Leaf />
212
+ </div>
213
+ ),
214
+ }}
215
+ />
216
+ </div>
217
+ </div>
218
+ );
219
+ },
220
+ ...withVariantConfig(['default', 'dark']),
221
+ };
package/src/badge/BadgeAssets.tsx CHANGED
@@ -51,6 +51,8 @@ export default function BadgeAssets({
51
51
  type === 'action'
52
52
  ? 'var(--color-interactive-accent)'
53
53
  : 'var(--color-background-neutral)',
54
+ color:
55
+ type === 'action' ? 'var(--color-interactive-control)' : 'var(--color-content-primary)',
54
56
  }}
55
57
  >
56
58
  {icon ?? <Plus />}
package/src/main.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * Generated on Tue, 31 Mar 2026 13:02:10 GMT
3
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -53,6 +53,7 @@
53
53
  --radius-small: 10px;
54
54
  --radius-medium: 16px;
55
55
  --radius-large: 24px;
56
+ --radius-xlarge: 32px;
56
57
  --size-4: 4px;
57
58
  --size-5: 5px;
58
59
  --size-8: 8px;
@@ -143,7 +144,7 @@
143
144
 
144
145
  /**
145
146
  * Do not edit directly, this file was auto-generated.
146
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
147
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
147
148
  */
148
149
 
149
150
  .np-theme-personal {
@@ -236,6 +237,7 @@
236
237
  --radius-small: 10px;
237
238
  --radius-medium: 16px;
238
239
  --radius-large: 24px;
240
+ --radius-xlarge: 32px;
239
241
  --size-4: 4px;
240
242
  --size-5: 5px;
241
243
  --size-8: 8px;
@@ -392,7 +394,7 @@
392
394
 
393
395
  /**
394
396
  * Do not edit directly, this file was auto-generated.
395
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
397
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
396
398
  */
397
399
 
398
400
  .np-theme-personal--forest-green {
@@ -485,6 +487,7 @@
485
487
  --radius-small: 10px;
486
488
  --radius-medium: 16px;
487
489
  --radius-large: 24px;
490
+ --radius-xlarge: 32px;
488
491
  --size-4: 4px;
489
492
  --size-5: 5px;
490
493
  --size-8: 8px;
@@ -641,7 +644,7 @@
641
644
 
642
645
  /**
643
646
  * Do not edit directly, this file was auto-generated.
644
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
647
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
645
648
  */
646
649
 
647
650
  .np-theme-personal--bright-green {
@@ -734,6 +737,7 @@
734
737
  --radius-small: 10px;
735
738
  --radius-medium: 16px;
736
739
  --radius-large: 24px;
740
+ --radius-xlarge: 32px;
737
741
  --size-4: 4px;
738
742
  --size-5: 5px;
739
743
  --size-8: 8px;
@@ -890,7 +894,7 @@
890
894
 
891
895
  /**
892
896
  * Do not edit directly, this file was auto-generated.
893
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
897
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
894
898
  */
895
899
 
896
900
  .np-theme-personal--dark {
@@ -983,6 +987,7 @@
983
987
  --radius-small: 10px;
984
988
  --radius-medium: 16px;
985
989
  --radius-large: 24px;
990
+ --radius-xlarge: 32px;
986
991
  --size-4: 4px;
987
992
  --size-5: 5px;
988
993
  --size-8: 8px;
@@ -1139,7 +1144,7 @@
1139
1144
 
1140
1145
  /**
1141
1146
  * Do not edit directly, this file was auto-generated.
1142
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1147
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1143
1148
  */
1144
1149
 
1145
1150
  .np-theme-platform {
@@ -1232,6 +1237,7 @@
1232
1237
  --radius-small: 10px;
1233
1238
  --radius-medium: 16px;
1234
1239
  --radius-large: 24px;
1240
+ --radius-xlarge: 32px;
1235
1241
  --size-4: 4px;
1236
1242
  --size-5: 5px;
1237
1243
  --size-8: 8px;
@@ -1322,7 +1328,7 @@
1322
1328
 
1323
1329
  /**
1324
1330
  * Do not edit directly, this file was auto-generated.
1325
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1331
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1326
1332
  */
1327
1333
 
1328
1334
  .np-theme-platform--forest-green {
@@ -1415,6 +1421,7 @@
1415
1421
  --radius-small: 10px;
1416
1422
  --radius-medium: 16px;
1417
1423
  --radius-large: 24px;
1424
+ --radius-xlarge: 32px;
1418
1425
  --size-4: 4px;
1419
1426
  --size-5: 5px;
1420
1427
  --size-8: 8px;
@@ -1505,7 +1512,7 @@
1505
1512
 
1506
1513
  /**
1507
1514
  * Do not edit directly, this file was auto-generated.
1508
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1515
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1509
1516
  */
1510
1517
 
1511
1518
  .np-theme-business {
@@ -1599,6 +1606,7 @@
1599
1606
  --radius-small: 10px;
1600
1607
  --radius-medium: 16px;
1601
1608
  --radius-large: 24px;
1609
+ --radius-xlarge: 32px;
1602
1610
  --size-4: 4px;
1603
1611
  --size-5: 5px;
1604
1612
  --size-8: 8px;
@@ -1689,7 +1697,7 @@
1689
1697
 
1690
1698
  /**
1691
1699
  * Do not edit directly, this file was auto-generated.
1692
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1700
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1693
1701
  */
1694
1702
 
1695
1703
  .np-theme-business--dark {
@@ -1783,6 +1791,7 @@
1783
1791
  --radius-small: 10px;
1784
1792
  --radius-medium: 16px;
1785
1793
  --radius-large: 24px;
1794
+ --radius-xlarge: 32px;
1786
1795
  --size-4: 4px;
1787
1796
  --size-5: 5px;
1788
1797
  --size-8: 8px;
@@ -1873,7 +1882,7 @@
1873
1882
 
1874
1883
  /**
1875
1884
  * Do not edit directly, this file was auto-generated.
1876
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1885
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1877
1886
  */
1878
1887
 
1879
1888
  .np-theme-business--forest-green {
@@ -1967,6 +1976,7 @@
1967
1976
  --radius-small: 10px;
1968
1977
  --radius-medium: 16px;
1969
1978
  --radius-large: 24px;
1979
+ --radius-xlarge: 32px;
1970
1980
  --size-4: 4px;
1971
1981
  --size-5: 5px;
1972
1982
  --size-8: 8px;
@@ -2057,7 +2067,7 @@
2057
2067
 
2058
2068
  /**
2059
2069
  * Do not edit directly, this file was auto-generated.
2060
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
2070
+ * Generated on Fri, 10 Apr 2026 14:46:01 GMT
2061
2071
  */
2062
2072
 
2063
2073
  .np-theme-business--bright-green {
@@ -2151,6 +2161,7 @@
2151
2161
  --radius-small: 10px;
2152
2162
  --radius-medium: 16px;
2153
2163
  --radius-large: 24px;
2164
+ --radius-xlarge: 32px;
2154
2165
  --size-4: 4px;
2155
2166
  --size-5: 5px;
2156
2167
  --size-8: 8px;
package/src/styles/less/neptune.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
- * Generated on Tue, 31 Mar 2026 13:02:10 GMT
3
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -53,6 +53,7 @@
53
53
  --radius-small: 10px;
54
54
  --radius-medium: 16px;
55
55
  --radius-large: 24px;
56
+ --radius-xlarge: 32px;
56
57
  --size-4: 4px;
57
58
  --size-5: 5px;
58
59
  --size-8: 8px;
@@ -143,7 +144,7 @@
143
144
 
144
145
  /**
145
146
  * Do not edit directly, this file was auto-generated.
146
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
147
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
147
148
  */
148
149
 
149
150
  .np-theme-personal {
@@ -236,6 +237,7 @@
236
237
  --radius-small: 10px;
237
238
  --radius-medium: 16px;
238
239
  --radius-large: 24px;
240
+ --radius-xlarge: 32px;
239
241
  --size-4: 4px;
240
242
  --size-5: 5px;
241
243
  --size-8: 8px;
@@ -392,7 +394,7 @@
392
394
 
393
395
  /**
394
396
  * Do not edit directly, this file was auto-generated.
395
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
397
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
396
398
  */
397
399
 
398
400
  .np-theme-personal--forest-green {
@@ -485,6 +487,7 @@
485
487
  --radius-small: 10px;
486
488
  --radius-medium: 16px;
487
489
  --radius-large: 24px;
490
+ --radius-xlarge: 32px;
488
491
  --size-4: 4px;
489
492
  --size-5: 5px;
490
493
  --size-8: 8px;
@@ -641,7 +644,7 @@
641
644
 
642
645
  /**
643
646
  * Do not edit directly, this file was auto-generated.
644
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
647
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
645
648
  */
646
649
 
647
650
  .np-theme-personal--bright-green {
@@ -734,6 +737,7 @@
734
737
  --radius-small: 10px;
735
738
  --radius-medium: 16px;
736
739
  --radius-large: 24px;
740
+ --radius-xlarge: 32px;
737
741
  --size-4: 4px;
738
742
  --size-5: 5px;
739
743
  --size-8: 8px;
@@ -890,7 +894,7 @@
890
894
 
891
895
  /**
892
896
  * Do not edit directly, this file was auto-generated.
893
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
897
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
894
898
  */
895
899
 
896
900
  .np-theme-personal--dark {
@@ -983,6 +987,7 @@
983
987
  --radius-small: 10px;
984
988
  --radius-medium: 16px;
985
989
  --radius-large: 24px;
990
+ --radius-xlarge: 32px;
986
991
  --size-4: 4px;
987
992
  --size-5: 5px;
988
993
  --size-8: 8px;
@@ -1139,7 +1144,7 @@
1139
1144
 
1140
1145
  /**
1141
1146
  * Do not edit directly, this file was auto-generated.
1142
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1147
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1143
1148
  */
1144
1149
 
1145
1150
  .np-theme-platform {
@@ -1232,6 +1237,7 @@
1232
1237
  --radius-small: 10px;
1233
1238
  --radius-medium: 16px;
1234
1239
  --radius-large: 24px;
1240
+ --radius-xlarge: 32px;
1235
1241
  --size-4: 4px;
1236
1242
  --size-5: 5px;
1237
1243
  --size-8: 8px;
@@ -1322,7 +1328,7 @@
1322
1328
 
1323
1329
  /**
1324
1330
  * Do not edit directly, this file was auto-generated.
1325
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1331
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1326
1332
  */
1327
1333
 
1328
1334
  .np-theme-platform--forest-green {
@@ -1415,6 +1421,7 @@
1415
1421
  --radius-small: 10px;
1416
1422
  --radius-medium: 16px;
1417
1423
  --radius-large: 24px;
1424
+ --radius-xlarge: 32px;
1418
1425
  --size-4: 4px;
1419
1426
  --size-5: 5px;
1420
1427
  --size-8: 8px;
@@ -1505,7 +1512,7 @@
1505
1512
 
1506
1513
  /**
1507
1514
  * Do not edit directly, this file was auto-generated.
1508
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1515
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1509
1516
  */
1510
1517
 
1511
1518
  .np-theme-business {
@@ -1599,6 +1606,7 @@
1599
1606
  --radius-small: 10px;
1600
1607
  --radius-medium: 16px;
1601
1608
  --radius-large: 24px;
1609
+ --radius-xlarge: 32px;
1602
1610
  --size-4: 4px;
1603
1611
  --size-5: 5px;
1604
1612
  --size-8: 8px;
@@ -1689,7 +1697,7 @@
1689
1697
 
1690
1698
  /**
1691
1699
  * Do not edit directly, this file was auto-generated.
1692
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1700
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1693
1701
  */
1694
1702
 
1695
1703
  .np-theme-business--dark {
@@ -1783,6 +1791,7 @@
1783
1791
  --radius-small: 10px;
1784
1792
  --radius-medium: 16px;
1785
1793
  --radius-large: 24px;
1794
+ --radius-xlarge: 32px;
1786
1795
  --size-4: 4px;
1787
1796
  --size-5: 5px;
1788
1797
  --size-8: 8px;
@@ -1873,7 +1882,7 @@
1873
1882
 
1874
1883
  /**
1875
1884
  * Do not edit directly, this file was auto-generated.
1876
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
1885
+ * Generated on Fri, 10 Apr 2026 14:46:00 GMT
1877
1886
  */
1878
1887
 
1879
1888
  .np-theme-business--forest-green {
@@ -1967,6 +1976,7 @@
1967
1976
  --radius-small: 10px;
1968
1977
  --radius-medium: 16px;
1969
1978
  --radius-large: 24px;
1979
+ --radius-xlarge: 32px;
1970
1980
  --size-4: 4px;
1971
1981
  --size-5: 5px;
1972
1982
  --size-8: 8px;
@@ -2057,7 +2067,7 @@
2057
2067
 
2058
2068
  /**
2059
2069
  * Do not edit directly, this file was auto-generated.
2060
- * Generated on Tue, 31 Mar 2026 13:02:11 GMT
2070
+ * Generated on Fri, 10 Apr 2026 14:46:01 GMT
2061
2071
  */
2062
2072
 
2063
2073
  .np-theme-business--bright-green {
@@ -2151,6 +2161,7 @@
2151
2161
  --radius-small: 10px;
2152
2162
  --radius-medium: 16px;
2153
2163
  --radius-large: 24px;
2164
+ --radius-xlarge: 32px;
2154
2165
  --size-4: 4px;
2155
2166
  --size-5: 5px;
2156
2167
  --size-8: 8px;