@transferwise/components 0.0.0-experimental-94f7ff7 → 0.0.0-experimental-5b8e94e

package/build/definitionList/DefinitionList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefinitionList.js","sources":["../../src/definitionList/DefinitionList.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport ActionButton from '../actionButton';\nimport { Layout } from '../common';\n\nexport interface DefinitionListDefinition {\n  action?: {\n    label: string;\n    onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  };\n  title: React.ReactNode;\n  value: React.ReactNode;\n  key: string;\n}\n\nexport type DefinitionListLayout =\n  `${Layout.VERTICAL_TWO_COLUMN | Layout.VERTICAL_ONE_COLUMN | Layout.HORIZONTAL_JUSTIFIED | Layout.HORIZONTAL_LEFT_ALIGNED | Layout.HORIZONTAL_RIGHT_ALIGNED}`;\n\nexport interface DefinitionListProps {\n  definitions?: DefinitionListDefinition[];\n  layout?: DefinitionListLayout;\n  muted?: boolean;\n}\n\nconst isLayoutHorizontal = (layout: DefinitionListLayout) =>\n  layout === Layout.HORIZONTAL_LEFT_ALIGNED ||\n  layout === Layout.HORIZONTAL_RIGHT_ALIGNED ||\n  layout === Layout.HORIZONTAL_JUSTIFIED;\n\nconst getAlignmentClasses = (\n  layout: DefinitionListLayout,\n  action: DefinitionListDefinition['action'],\n) => {\n  const classes = ['d-flex'];\n\n  if (action) {\n    if (isLayoutHorizontal(layout)) {\n      classes.push('align-items-center');\n    } else {\n      classes.push('align-items-start');\n    }\n  }\n\n  if (layout === Layout.HORIZONTAL_RIGHT_ALIGNED) {\n    classes.push('text-sm-right tw-definition-list--right-aligned-desktop');\n  } else {\n    classes.push('justify-content-between');\n  }\n\n  if (layout === Layout.HORIZONTAL_JUSTIFIED) {\n    classes.push('text-sm-justify');\n  }\n\n  return classes;\n};\n\nconst defaultDefinitions = [] satisfies DefinitionListProps['definitions'];\n\nexport default function DefinitionList({\n  definitions = defaultDefinitions,\n  layout = 'VERTICAL_TWO_COLUMN',\n  muted,\n}: DefinitionListProps) {\n  return (\n    <dl\n      className={clsx('tw-definition-list d-flex ', {\n        'text-muted': muted,\n        'flex-column': layout === Layout.VERTICAL_ONE_COLUMN,\n        'tw-definition-list--columns flex-column flex-row--sm':\n          layout === Layout.VERTICAL_TWO_COLUMN,\n        'tw-definition-list--horizontal flex-column': isLayoutHorizontal(layout),\n      })}\n    >\n      {definitions\n        .filter((definition) => definition)\n        .map(({ action, title, value, key }) => (\n          <div key={key} className=\"tw-definition-list__item\">\n            <dt>{title}</dt>\n            <dd className={clsx(...getAlignmentClasses(layout, action))}>\n              <div>{value}</div>\n              {action ? (\n                <div\n                  className={clsx(\n                    isLayoutHorizontal(layout) ? 'p-l-2' : 'p-x-2',\n                    'tw-definition-list__action',\n                  )}\n                >\n                  <ActionButton className=\"tw-definition-list__button\" onClick={action.onClick}>\n                    {action.label}\n                  </ActionButton>\n                </div>\n              ) : null}\n            </dd>\n          </div>\n        ))}\n    </dl>\n  );\n}\n"],"names":["isLayoutHorizontal","layout","Layout","HORIZONTAL_LEFT_ALIGNED","HORIZONTAL_RIGHT_ALIGNED","HORIZONTAL_JUSTIFIED","getAlignmentClasses","action","classes","push","defaultDefinitions","DefinitionList","definitions","muted","_jsx","className","clsx","VERTICAL_ONE_COLUMN","VERTICAL_TWO_COLUMN","children","filter","definition","map","title","value","key","_jsxs","ActionButton","onClick","label"],"mappings":"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"}
+{"version":3,"file":"DefinitionList.js","sources":["../../src/definitionList/DefinitionList.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport ActionButton from '../actionButton';\nimport { Layout } from '../common';\n\nexport interface DefinitionListDefinition {\n  action?: {\n    label: string;\n    onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  };\n  title: React.ReactNode;\n  value: React.ReactNode;\n  key: string;\n}\n\ntype DefinitionListLayout =\n  `${Layout.VERTICAL_TWO_COLUMN | Layout.VERTICAL_ONE_COLUMN | Layout.HORIZONTAL_JUSTIFIED | Layout.HORIZONTAL_LEFT_ALIGNED | Layout.HORIZONTAL_RIGHT_ALIGNED}`;\n\nexport interface DefinitionListProps {\n  definitions?: DefinitionListDefinition[];\n  layout?: DefinitionListLayout;\n  muted?: boolean;\n}\n\nconst isLayoutHorizontal = (layout: DefinitionListLayout) =>\n  layout === Layout.HORIZONTAL_LEFT_ALIGNED ||\n  layout === Layout.HORIZONTAL_RIGHT_ALIGNED ||\n  layout === Layout.HORIZONTAL_JUSTIFIED;\n\nconst getAlignmentClasses = (\n  layout: DefinitionListLayout,\n  action: DefinitionListDefinition['action'],\n) => {\n  const classes = ['d-flex'];\n\n  if (action) {\n    if (isLayoutHorizontal(layout)) {\n      classes.push('align-items-center');\n    } else {\n      classes.push('align-items-start');\n    }\n  }\n\n  if (layout === Layout.HORIZONTAL_RIGHT_ALIGNED) {\n    classes.push('text-sm-right tw-definition-list--right-aligned-desktop');\n  } else {\n    classes.push('justify-content-between');\n  }\n\n  if (layout === Layout.HORIZONTAL_JUSTIFIED) {\n    classes.push('text-sm-justify');\n  }\n\n  return classes;\n};\n\nconst defaultDefinitions = [] satisfies DefinitionListProps['definitions'];\n\nexport default function DefinitionList({\n  definitions = defaultDefinitions,\n  layout = 'VERTICAL_TWO_COLUMN',\n  muted,\n}: DefinitionListProps) {\n  return (\n    <dl\n      className={clsx('tw-definition-list d-flex ', {\n        'text-muted': muted,\n        'flex-column': layout === Layout.VERTICAL_ONE_COLUMN,\n        'tw-definition-list--columns flex-column flex-row--sm':\n          layout === Layout.VERTICAL_TWO_COLUMN,\n        'tw-definition-list--horizontal flex-column': isLayoutHorizontal(layout),\n      })}\n    >\n      {definitions\n        .filter((definition) => definition)\n        .map(({ action, title, value, key }) => (\n          <div key={key} className=\"tw-definition-list__item\">\n            <dt>{title}</dt>\n            <dd className={clsx(...getAlignmentClasses(layout, action))}>\n              <div>{value}</div>\n              {action ? (\n                <div\n                  className={clsx(\n                    isLayoutHorizontal(layout) ? 'p-l-2' : 'p-x-2',\n                    'tw-definition-list__action',\n                  )}\n                >\n                  <ActionButton className=\"tw-definition-list__button\" onClick={action.onClick}>\n                    {action.label}\n                  </ActionButton>\n                </div>\n              ) : null}\n            </dd>\n          </div>\n        ))}\n    </dl>\n  );\n}\n"],"names":["isLayoutHorizontal","layout","Layout","HORIZONTAL_LEFT_ALIGNED","HORIZONTAL_RIGHT_ALIGNED","HORIZONTAL_JUSTIFIED","getAlignmentClasses","action","classes","push","defaultDefinitions","DefinitionList","definitions","muted","_jsx","className","clsx","VERTICAL_ONE_COLUMN","VERTICAL_TWO_COLUMN","children","filter","definition","map","title","value","key","_jsxs","ActionButton","onClick","label"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAMA,kBAAkB,GAAIC,MAA4B,IACtDA,MAAM,KAAKC,cAAM,CAACC,uBAAuB,IACzCF,MAAM,KAAKC,cAAM,CAACE,wBAAwB,IAC1CH,MAAM,KAAKC,cAAM,CAACG,oBAAoB,CAAA;AAExC,MAAMC,mBAAmB,GAAGA,CAC1BL,MAA4B,EAC5BM,MAA0C,KACxC;AACF,EAAA,MAAMC,OAAO,GAAG,CAAC,QAAQ,CAAC,CAAA;AAE1B,EAAA,IAAID,MAAM,EAAE;AACV,IAAA,IAAIP,kBAAkB,CAACC,MAAM,CAAC,EAAE;AAC9BO,MAAAA,OAAO,CAACC,IAAI,CAAC,oBAAoB,CAAC,CAAA;AACpC,KAAC,MAAM;AACLD,MAAAA,OAAO,CAACC,IAAI,CAAC,mBAAmB,CAAC,CAAA;AACnC,KAAA;AACF,GAAA;AAEA,EAAA,IAAIR,MAAM,KAAKC,cAAM,CAACE,wBAAwB,EAAE;AAC9CI,IAAAA,OAAO,CAACC,IAAI,CAAC,yDAAyD,CAAC,CAAA;AACzE,GAAC,MAAM;AACLD,IAAAA,OAAO,CAACC,IAAI,CAAC,yBAAyB,CAAC,CAAA;AACzC,GAAA;AAEA,EAAA,IAAIR,MAAM,KAAKC,cAAM,CAACG,oBAAoB,EAAE;AAC1CG,IAAAA,OAAO,CAACC,IAAI,CAAC,iBAAiB,CAAC,CAAA;AACjC,GAAA;AAEA,EAAA,OAAOD,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,MAAME,kBAAkB,GAAG,EAA+C,CAAA;AAElD,SAAAC,cAAcA,CAAC;AACrCC,EAAAA,WAAW,GAAGF,kBAAkB;AAChCT,EAAAA,MAAM,GAAG,qBAAqB;AAC9BY,EAAAA,KAAAA;AACoB,CAAA,EAAA;AACpB,EAAA,oBACEC,cAAA,CAAA,IAAA,EAAA;AACEC,IAAAA,SAAS,EAAEC,SAAI,CAAC,4BAA4B,EAAE;AAC5C,MAAA,YAAY,EAAEH,KAAK;AACnB,MAAA,aAAa,EAAEZ,MAAM,KAAKC,cAAM,CAACe,mBAAmB;AACpD,MAAA,sDAAsD,EACpDhB,MAAM,KAAKC,cAAM,CAACgB,mBAAmB;MACvC,4CAA4C,EAAElB,kBAAkB,CAACC,MAAM,CAAA;AACxE,KAAA,CAAE;AAAAkB,IAAAA,QAAA,EAEFP,WAAW,CACTQ,MAAM,CAAEC,UAAU,IAAKA,UAAU,CAAC,CAClCC,GAAG,CAAC,CAAC;MAAEf,MAAM;MAAEgB,KAAK;MAAEC,KAAK;AAAEC,MAAAA,GAAAA;AAAG,KAAE,kBACjCC,eAAA,CAAA,KAAA,EAAA;AAAeX,MAAAA,SAAS,EAAC,0BAA0B;AAAAI,MAAAA,QAAA,gBACjDL,cAAA,CAAA,IAAA,EAAA;AAAAK,QAAAA,QAAA,EAAKI,KAAAA;OAAU,CACf,eAAAG,eAAA,CAAA,IAAA,EAAA;QAAIX,SAAS,EAAEC,SAAI,CAAC,GAAGV,mBAAmB,CAACL,MAAM,EAAEM,MAAM,CAAC,CAAE;AAAAY,QAAAA,QAAA,gBAC1DL,cAAA,CAAA,KAAA,EAAA;AAAAK,UAAAA,QAAA,EAAMK,KAAAA;AAAK,SAAM,CACjB,EAACjB,MAAM,gBACLO,cAAA,CAAA,KAAA,EAAA;AACEC,UAAAA,SAAS,EAAEC,SAAI,CACbhB,kBAAkB,CAACC,MAAM,CAAC,GAAG,OAAO,GAAG,OAAO,EAC9C,4BAA4B,CAC5B;UAAAkB,QAAA,eAEFL,cAAA,CAACa,YAAY,EAAA;AAACZ,YAAAA,SAAS,EAAC,4BAA4B;YAACa,OAAO,EAAErB,MAAM,CAACqB,OAAQ;YAAAT,QAAA,EAC1EZ,MAAM,CAACsB,KAAAA;WACI,CAAA;SACX,CAAC,GACJ,IAAI,CAAA;AAAA,OACN,CACN,CAAA;AAAA,KAAA,EAjBUJ,GAiBL,CACN,CAAA;AAAC,GACF,CAAC,CAAA;AAET;;;;"}

package/build/definitionList/DefinitionList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DefinitionList.mjs","sources":["../../src/definitionList/DefinitionList.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport ActionButton from '../actionButton';\nimport { Layout } from '../common';\n\nexport interface DefinitionListDefinition {\n  action?: {\n    label: string;\n    onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  };\n  title: React.ReactNode;\n  value: React.ReactNode;\n  key: string;\n}\n\nexport type DefinitionListLayout =\n  `${Layout.VERTICAL_TWO_COLUMN | Layout.VERTICAL_ONE_COLUMN | Layout.HORIZONTAL_JUSTIFIED | Layout.HORIZONTAL_LEFT_ALIGNED | Layout.HORIZONTAL_RIGHT_ALIGNED}`;\n\nexport interface DefinitionListProps {\n  definitions?: DefinitionListDefinition[];\n  layout?: DefinitionListLayout;\n  muted?: boolean;\n}\n\nconst isLayoutHorizontal = (layout: DefinitionListLayout) =>\n  layout === Layout.HORIZONTAL_LEFT_ALIGNED ||\n  layout === Layout.HORIZONTAL_RIGHT_ALIGNED ||\n  layout === Layout.HORIZONTAL_JUSTIFIED;\n\nconst getAlignmentClasses = (\n  layout: DefinitionListLayout,\n  action: DefinitionListDefinition['action'],\n) => {\n  const classes = ['d-flex'];\n\n  if (action) {\n    if (isLayoutHorizontal(layout)) {\n      classes.push('align-items-center');\n    } else {\n      classes.push('align-items-start');\n    }\n  }\n\n  if (layout === Layout.HORIZONTAL_RIGHT_ALIGNED) {\n    classes.push('text-sm-right tw-definition-list--right-aligned-desktop');\n  } else {\n    classes.push('justify-content-between');\n  }\n\n  if (layout === Layout.HORIZONTAL_JUSTIFIED) {\n    classes.push('text-sm-justify');\n  }\n\n  return classes;\n};\n\nconst defaultDefinitions = [] satisfies DefinitionListProps['definitions'];\n\nexport default function DefinitionList({\n  definitions = defaultDefinitions,\n  layout = 'VERTICAL_TWO_COLUMN',\n  muted,\n}: DefinitionListProps) {\n  return (\n    <dl\n      className={clsx('tw-definition-list d-flex ', {\n        'text-muted': muted,\n        'flex-column': layout === Layout.VERTICAL_ONE_COLUMN,\n        'tw-definition-list--columns flex-column flex-row--sm':\n          layout === Layout.VERTICAL_TWO_COLUMN,\n        'tw-definition-list--horizontal flex-column': isLayoutHorizontal(layout),\n      })}\n    >\n      {definitions\n        .filter((definition) => definition)\n        .map(({ action, title, value, key }) => (\n          <div key={key} className=\"tw-definition-list__item\">\n            <dt>{title}</dt>\n            <dd className={clsx(...getAlignmentClasses(layout, action))}>\n              <div>{value}</div>\n              {action ? (\n                <div\n                  className={clsx(\n                    isLayoutHorizontal(layout) ? 'p-l-2' : 'p-x-2',\n                    'tw-definition-list__action',\n                  )}\n                >\n                  <ActionButton className=\"tw-definition-list__button\" onClick={action.onClick}>\n                    {action.label}\n                  </ActionButton>\n                </div>\n              ) : null}\n            </dd>\n          </div>\n        ))}\n    </dl>\n  );\n}\n"],"names":["isLayoutHorizontal","layout","Layout","HORIZONTAL_LEFT_ALIGNED","HORIZONTAL_RIGHT_ALIGNED","HORIZONTAL_JUSTIFIED","getAlignmentClasses","action","classes","push","defaultDefinitions","DefinitionList","definitions","muted","_jsx","className","clsx","VERTICAL_ONE_COLUMN","VERTICAL_TWO_COLUMN","children","filter","definition","map","title","value","key","_jsxs","ActionButton","onClick","label"],"mappings":"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"}
+{"version":3,"file":"DefinitionList.mjs","sources":["../../src/definitionList/DefinitionList.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport ActionButton from '../actionButton';\nimport { Layout } from '../common';\n\nexport interface DefinitionListDefinition {\n  action?: {\n    label: string;\n    onClick?: React.MouseEventHandler<HTMLButtonElement>;\n  };\n  title: React.ReactNode;\n  value: React.ReactNode;\n  key: string;\n}\n\ntype DefinitionListLayout =\n  `${Layout.VERTICAL_TWO_COLUMN | Layout.VERTICAL_ONE_COLUMN | Layout.HORIZONTAL_JUSTIFIED | Layout.HORIZONTAL_LEFT_ALIGNED | Layout.HORIZONTAL_RIGHT_ALIGNED}`;\n\nexport interface DefinitionListProps {\n  definitions?: DefinitionListDefinition[];\n  layout?: DefinitionListLayout;\n  muted?: boolean;\n}\n\nconst isLayoutHorizontal = (layout: DefinitionListLayout) =>\n  layout === Layout.HORIZONTAL_LEFT_ALIGNED ||\n  layout === Layout.HORIZONTAL_RIGHT_ALIGNED ||\n  layout === Layout.HORIZONTAL_JUSTIFIED;\n\nconst getAlignmentClasses = (\n  layout: DefinitionListLayout,\n  action: DefinitionListDefinition['action'],\n) => {\n  const classes = ['d-flex'];\n\n  if (action) {\n    if (isLayoutHorizontal(layout)) {\n      classes.push('align-items-center');\n    } else {\n      classes.push('align-items-start');\n    }\n  }\n\n  if (layout === Layout.HORIZONTAL_RIGHT_ALIGNED) {\n    classes.push('text-sm-right tw-definition-list--right-aligned-desktop');\n  } else {\n    classes.push('justify-content-between');\n  }\n\n  if (layout === Layout.HORIZONTAL_JUSTIFIED) {\n    classes.push('text-sm-justify');\n  }\n\n  return classes;\n};\n\nconst defaultDefinitions = [] satisfies DefinitionListProps['definitions'];\n\nexport default function DefinitionList({\n  definitions = defaultDefinitions,\n  layout = 'VERTICAL_TWO_COLUMN',\n  muted,\n}: DefinitionListProps) {\n  return (\n    <dl\n      className={clsx('tw-definition-list d-flex ', {\n        'text-muted': muted,\n        'flex-column': layout === Layout.VERTICAL_ONE_COLUMN,\n        'tw-definition-list--columns flex-column flex-row--sm':\n          layout === Layout.VERTICAL_TWO_COLUMN,\n        'tw-definition-list--horizontal flex-column': isLayoutHorizontal(layout),\n      })}\n    >\n      {definitions\n        .filter((definition) => definition)\n        .map(({ action, title, value, key }) => (\n          <div key={key} className=\"tw-definition-list__item\">\n            <dt>{title}</dt>\n            <dd className={clsx(...getAlignmentClasses(layout, action))}>\n              <div>{value}</div>\n              {action ? (\n                <div\n                  className={clsx(\n                    isLayoutHorizontal(layout) ? 'p-l-2' : 'p-x-2',\n                    'tw-definition-list__action',\n                  )}\n                >\n                  <ActionButton className=\"tw-definition-list__button\" onClick={action.onClick}>\n                    {action.label}\n                  </ActionButton>\n                </div>\n              ) : null}\n            </dd>\n          </div>\n        ))}\n    </dl>\n  );\n}\n"],"names":["isLayoutHorizontal","layout","Layout","HORIZONTAL_LEFT_ALIGNED","HORIZONTAL_RIGHT_ALIGNED","HORIZONTAL_JUSTIFIED","getAlignmentClasses","action","classes","push","defaultDefinitions","DefinitionList","definitions","muted","_jsx","className","clsx","VERTICAL_ONE_COLUMN","VERTICAL_TWO_COLUMN","children","filter","definition","map","title","value","key","_jsxs","ActionButton","onClick","label"],"mappings":"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"}

package/build/i18n/de.json

@@ -54,7 +54,6 @@
   "neptune.UploadButton.allFileTypes": "Alle Dateiformate",
   "neptune.UploadButton.dropFiles": "Datei zum Hochladen in dieses Feld ziehen",
   "neptune.UploadButton.instructions": "{fileTypes}, kleiner als {size} MB",
-  "neptune.UploadButton.maximumFiles": "Maximal {maxFiles} Dateien.",
   "neptune.UploadButton.uploadFile": "Datei hochladen",
   "neptune.UploadButton.uploadFiles": "Dateien hochladen",
   "neptune.UploadInput.deleteModalBody": "Wenn du diese Datei entfernst, wird sie aus unserem System gelöscht werden.",

package/build/i18n/de.json.js

@@ -56,7 +56,6 @@ var de = {
 	"neptune.UploadButton.allFileTypes": "Alle Dateiformate",
 	"neptune.UploadButton.dropFiles": "Datei zum Hochladen in dieses Feld ziehen",
 	"neptune.UploadButton.instructions": "{fileTypes}, kleiner als {size} MB",
-	"neptune.UploadButton.maximumFiles": "Maximal {maxFiles} Dateien.",
 	"neptune.UploadButton.uploadFile": "Datei hochladen",
 	"neptune.UploadButton.uploadFiles": "Dateien hochladen",
 	"neptune.UploadInput.deleteModalBody": "Wenn du diese Datei entfernst, wird sie aus unserem System gelöscht werden.",

package/build/i18n/de.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"de.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"de.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/de.json.mjs

@@ -54,7 +54,6 @@ var de = {
 	"neptune.UploadButton.allFileTypes": "Alle Dateiformate",
 	"neptune.UploadButton.dropFiles": "Datei zum Hochladen in dieses Feld ziehen",
 	"neptune.UploadButton.instructions": "{fileTypes}, kleiner als {size} MB",
-	"neptune.UploadButton.maximumFiles": "Maximal {maxFiles} Dateien.",
 	"neptune.UploadButton.uploadFile": "Datei hochladen",
 	"neptune.UploadButton.uploadFiles": "Dateien hochladen",
 	"neptune.UploadInput.deleteModalBody": "Wenn du diese Datei entfernst, wird sie aus unserem System gelöscht werden.",

package/build/i18n/de.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"de.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"de.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/it.json

@@ -54,7 +54,6 @@
   "neptune.UploadButton.allFileTypes": "Tutti i tipi di file",
   "neptune.UploadButton.dropFiles": "Rilascia file per iniziare a caricare",
   "neptune.UploadButton.instructions": "{fileTypes}, minore di {size}MB",
-  "neptune.UploadButton.maximumFiles": "Max {maxFiles} file.",
   "neptune.UploadButton.uploadFile": "Carica un file",
   "neptune.UploadButton.uploadFiles": "Carica i file",
   "neptune.UploadInput.deleteModalBody": "Rimuovere questo file lo cancellerà dal nostro sistema.",

package/build/i18n/it.json.js

@@ -56,7 +56,6 @@ var it = {
 	"neptune.UploadButton.allFileTypes": "Tutti i tipi di file",
 	"neptune.UploadButton.dropFiles": "Rilascia file per iniziare a caricare",
 	"neptune.UploadButton.instructions": "{fileTypes}, minore di {size}MB",
-	"neptune.UploadButton.maximumFiles": "Max {maxFiles} file.",
 	"neptune.UploadButton.uploadFile": "Carica un file",
 	"neptune.UploadButton.uploadFiles": "Carica i file",
 	"neptune.UploadInput.deleteModalBody": "Rimuovere questo file lo cancellerà dal nostro sistema.",

package/build/i18n/it.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"it.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"it.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/it.json.mjs

@@ -54,7 +54,6 @@ var it = {
 	"neptune.UploadButton.allFileTypes": "Tutti i tipi di file",
 	"neptune.UploadButton.dropFiles": "Rilascia file per iniziare a caricare",
 	"neptune.UploadButton.instructions": "{fileTypes}, minore di {size}MB",
-	"neptune.UploadButton.maximumFiles": "Max {maxFiles} file.",
 	"neptune.UploadButton.uploadFile": "Carica un file",
 	"neptune.UploadButton.uploadFiles": "Carica i file",
 	"neptune.UploadInput.deleteModalBody": "Rimuovere questo file lo cancellerà dal nostro sistema.",

package/build/i18n/it.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"it.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"it.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/th.json

@@ -54,7 +54,6 @@
   "neptune.UploadButton.allFileTypes": "ไฟล์ทุกประเภท",
   "neptune.UploadButton.dropFiles": "วางไฟล์เพื่อเริ่มการอัปโหลด",
   "neptune.UploadButton.instructions": "{fileTypes} น้อยกว่า {size} MB",
-  "neptune.UploadButton.maximumFiles": "สูงสุด {maxFiles} ไฟล์",
   "neptune.UploadButton.uploadFile": "อัปโหลดไฟล์",
   "neptune.UploadButton.uploadFiles": "อัปโหลดไฟล์",
   "neptune.UploadInput.deleteModalBody": "การลบไฟล์นี้จะลบออกจากระบบของเรา",

package/build/i18n/th.json.js

@@ -56,7 +56,6 @@ var th = {
 	"neptune.UploadButton.allFileTypes": "ไฟล์ทุกประเภท",
 	"neptune.UploadButton.dropFiles": "วางไฟล์เพื่อเริ่มการอัปโหลด",
 	"neptune.UploadButton.instructions": "{fileTypes} น้อยกว่า {size} MB",
-	"neptune.UploadButton.maximumFiles": "สูงสุด {maxFiles} ไฟล์",
 	"neptune.UploadButton.uploadFile": "อัปโหลดไฟล์",
 	"neptune.UploadButton.uploadFiles": "อัปโหลดไฟล์",
 	"neptune.UploadInput.deleteModalBody": "การลบไฟล์นี้จะลบออกจากระบบของเรา",

package/build/i18n/th.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"th.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"th.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/i18n/th.json.mjs

@@ -54,7 +54,6 @@ var th = {
 	"neptune.UploadButton.allFileTypes": "ไฟล์ทุกประเภท",
 	"neptune.UploadButton.dropFiles": "วางไฟล์เพื่อเริ่มการอัปโหลด",
 	"neptune.UploadButton.instructions": "{fileTypes} น้อยกว่า {size} MB",
-	"neptune.UploadButton.maximumFiles": "สูงสุด {maxFiles} ไฟล์",
 	"neptune.UploadButton.uploadFile": "อัปโหลดไฟล์",
 	"neptune.UploadButton.uploadFiles": "อัปโหลดไฟล์",
 	"neptune.UploadInput.deleteModalBody": "การลบไฟล์นี้จะลบออกจากระบบของเรา",

package/build/i18n/th.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"th.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"th.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/types/definitionList/DefinitionList.d.ts

@@ -8,11 +8,12 @@ export interface DefinitionListDefinition {
     value: React.ReactNode;
     key: string;
 }
-export type DefinitionListLayout = `${Layout.VERTICAL_TWO_COLUMN | Layout.VERTICAL_ONE_COLUMN | Layout.HORIZONTAL_JUSTIFIED | Layout.HORIZONTAL_LEFT_ALIGNED | Layout.HORIZONTAL_RIGHT_ALIGNED}`;
+type DefinitionListLayout = `${Layout.VERTICAL_TWO_COLUMN | Layout.VERTICAL_ONE_COLUMN | Layout.HORIZONTAL_JUSTIFIED | Layout.HORIZONTAL_LEFT_ALIGNED | Layout.HORIZONTAL_RIGHT_ALIGNED}`;
 export interface DefinitionListProps {
     definitions?: DefinitionListDefinition[];
     layout?: DefinitionListLayout;
     muted?: boolean;
 }
 export default function DefinitionList({ definitions, layout, muted, }: DefinitionListProps): import("react").JSX.Element;
+export {};
 //# sourceMappingURL=DefinitionList.d.ts.map

package/build/types/definitionList/DefinitionList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefinitionList.d.ts","sourceRoot":"","sources":["../../../src/definitionList/DefinitionList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,MAAM,WAAW,wBAAwB;IACvC,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;KACtD,CAAC;IACF,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,MAAM,oBAAoB,GAC9B,GAAG,MAAM,CAAC,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,GAAG,MAAM,CAAC,oBAAoB,GAAG,MAAM,CAAC,uBAAuB,GAAG,MAAM,CAAC,wBAAwB,EAAE,CAAC;AAEhK,MAAM,WAAW,mBAAmB;IAClC,WAAW,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACzC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAoCD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,WAAgC,EAChC,MAA8B,EAC9B,KAAK,GACN,EAAE,mBAAmB,+BAmCrB"}
+{"version":3,"file":"DefinitionList.d.ts","sourceRoot":"","sources":["../../../src/definitionList/DefinitionList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,MAAM,WAAW,wBAAwB;IACvC,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;KACtD,CAAC;IACF,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,KAAK,oBAAoB,GACvB,GAAG,MAAM,CAAC,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,GAAG,MAAM,CAAC,oBAAoB,GAAG,MAAM,CAAC,uBAAuB,GAAG,MAAM,CAAC,wBAAwB,EAAE,CAAC;AAEhK,MAAM,WAAW,mBAAmB;IAClC,WAAW,CAAC,EAAE,wBAAwB,EAAE,CAAC;IACzC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAoCD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,WAAgC,EAChC,MAA8B,EAC9B,KAAK,GACN,EAAE,mBAAmB,+BAmCrB"}

package/package.json

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

package/src/button/Button.story.tsx

@@ -11,6 +11,28 @@ const withContainer = (Story: any) => (
   </div>
 );
 
+/**
+ * Used for showing multiple components within a Canvas.
+ * @decorator
+ */
+const withComponentGrid =
+  (maxWidth = 'auto') =>
+  (Story: any) => (
+    <div
+      style={{
+        width: '100%',
+        placeItems: 'center',
+        justifyContent: 'center',
+        display: 'flex',
+        flexWrap: 'wrap',
+        gap: '2rem',
+        maxWidth,
+      }}
+    >
+      <Story />
+    </div>
+  );
+
 /**
  * Not all stories need access to all controls as it causes unnecessary UI noise.
  */
@@ -47,24 +69,6 @@ const augmentIconProps = ({ start = 'Freeze', end = 'ArrowRight' } = {}) => ({
   },
 });
 
-/**
- * Used for showing multiple components within a Canvas.
- * @decorator
- */
-const withComponentGrid = (columns: number) => (Story: any) => (
-  <div
-    style={{
-      display: 'grid',
-      gap: '2rem',
-      gridTemplateColumns: `repeat(${columns}, auto)`,
-      justifyItems: 'center',
-      alignItems: 'center',
-    }}
-  >
-    <Story />
-  </div>
-);
-
 /**
  * Convenience controls for previewing rich markup,
  * not otherwise possible via Storybook
@@ -308,7 +312,7 @@ export const Sentiment: StoryObj<PreviewStoryArgs> = {
     previewIconEnd: false,
     previewAvatars: false,
   },
-  decorators: [withComponentGrid(2)],
+  decorators: [withComponentGrid('30rem')],
   parameters: augmentIconProps(),
 };
 
@@ -347,7 +351,7 @@ export const Priority: StoryObj<PreviewStoryArgs> = {
     previewIconEnd: false,
     previewAvatars: false,
   },
-  decorators: [withComponentGrid(4)],
+  decorators: [withComponentGrid()],
 };
 
 /**
@@ -381,7 +385,7 @@ export const Size: StoryObj<PreviewStoryArgs> = {
     previewIconEnd: false,
     previewAvatars: false,
   },
-  decorators: [withComponentGrid(3)],
+  decorators: [withComponentGrid()],
 };
 
 /**
@@ -417,7 +421,7 @@ export const Disabled: StoryObj<PreviewStoryArgs> = {
 
     return (
       <Button {...props} {...previewProps}>
-        Button as anchor
+        Disabled button
       </Button>
     );
   },
@@ -464,7 +468,7 @@ export const DisplayBlock: StoryObj<PreviewStoryArgs> = {
 
     return (
       <Button {...props} {...previewProps}>
-        Button as anchor
+        Full-width button
       </Button>
     );
   },
@@ -529,7 +533,7 @@ export const WithIcons: StoryObj<PreviewStoryArgs> = {
     size: 'md',
   },
   parameters: augmentIconProps(),
-  decorators: [withComponentGrid(3)],
+  decorators: [withComponentGrid()],
 };
 
 /**
@@ -599,7 +603,7 @@ export const WithAvatars: StoryObj<PreviewStoryArgs> = {
       },
     },
   },
-  decorators: [withComponentGrid(4)],
+  decorators: [withComponentGrid()],
 };
 
 /**

package/src/definitionList/DefinitionList.spec.js

@@ -0,0 +1,91 @@
+import { shallow, mount } from 'enzyme';
+
+import { DefinitionList } from '..';
+import { Layout } from '../common';
+
+const {
+  VERTICAL_TWO_COLUMN,
+  VERTICAL_ONE_COLUMN,
+  HORIZONTAL_LEFT_ALIGNED,
+  HORIZONTAL_RIGHT_ALIGNED,
+  HORIZONTAL_JUSTIFIED,
+} = Layout;
+
+describe('DefinitionList', () => {
+  const someDefinitions = () => [{ title: 'First', value: 'first value', key: 'first' }, null];
+
+  const withLayout = (layout) =>
+    shallow(<DefinitionList layout={layout} definitions={someDefinitions()} />);
+
+  const listHasClass = (layout, className) =>
+    withLayout(layout).find('dl.tw-definition-list').hasClass(className);
+
+  const valueHasClass = (layout, className) =>
+    withLayout(layout).find('dl.tw-definition-list dd').hasClass(className);
+
+  it('applies correct flex class', () => {
+    const colClass = 'flex-column';
+
+    expect(listHasClass(VERTICAL_ONE_COLUMN, colClass)).toBe(true);
+    expect(listHasClass(VERTICAL_TWO_COLUMN, colClass)).toBe(true);
+    expect(listHasClass(HORIZONTAL_LEFT_ALIGNED, colClass)).toBe(true);
+    expect(listHasClass(HORIZONTAL_RIGHT_ALIGNED, colClass)).toBe(true);
+    expect(listHasClass(HORIZONTAL_JUSTIFIED, colClass)).toBe(true);
+  });
+
+  it('applies correct class for vertical two-column layout', () => {
+    const colClass = 'tw-definition-list--columns flex-column flex-row--sm';
+
+    expect(listHasClass(VERTICAL_TWO_COLUMN, colClass)).toBe(true);
+    expect(listHasClass(VERTICAL_ONE_COLUMN, colClass)).toBe(false);
+    expect(listHasClass(HORIZONTAL_LEFT_ALIGNED, colClass)).toBe(false);
+    expect(listHasClass(HORIZONTAL_RIGHT_ALIGNED, colClass)).toBe(false);
+    expect(listHasClass(HORIZONTAL_JUSTIFIED, colClass)).toBe(false);
+  });
+
+  it('applies correct class for horiztonal layouts', () => {
+    const rowClass = 'tw-definition-list--horizontal flex-column';
+
+    expect(listHasClass(VERTICAL_TWO_COLUMN, rowClass)).toBe(false);
+    expect(listHasClass(VERTICAL_ONE_COLUMN, rowClass)).toBe(false);
+    expect(listHasClass(HORIZONTAL_LEFT_ALIGNED, rowClass)).toBe(true);
+    expect(listHasClass(HORIZONTAL_RIGHT_ALIGNED, rowClass)).toBe(true);
+    expect(listHasClass(HORIZONTAL_JUSTIFIED, rowClass)).toBe(true);
+  });
+
+  it('applies correct class for alignment', () => {
+    expect(valueHasClass(VERTICAL_TWO_COLUMN, 'd-flex justify-content-between')).toBe(true);
+    expect(valueHasClass(VERTICAL_ONE_COLUMN, 'd-flex justify-content-between')).toBe(true);
+    expect(valueHasClass(HORIZONTAL_LEFT_ALIGNED, 'd-flex justify-content-between')).toBe(true);
+    expect(valueHasClass(HORIZONTAL_RIGHT_ALIGNED, 'text-sm-right')).toBe(true);
+    expect(valueHasClass(HORIZONTAL_JUSTIFIED, 'text-sm-justify')).toBe(true);
+  });
+
+  it('has muted text class on title and value when muted flag is passed', () => {
+    const muted = shallow(<DefinitionList muted definitions={someDefinitions()} />);
+    const notMuted = shallow(<DefinitionList definitions={someDefinitions()} />);
+
+    expect(muted.find('dl.tw-definition-list').hasClass('text-muted')).toBe(true);
+    expect(notMuted.find('dl.tw-definition-list').hasClass('text-muted')).toBe(false);
+  });
+
+  it('shows action button when one is passed in', () => {
+    const buttonSpy = jest.fn();
+
+    const definitionList = mount(
+      <DefinitionList
+        definitions={[
+          {
+            title: 'Name',
+            value: 'Jenkins',
+            key: '1',
+            action: { label: 'A button', onClick: buttonSpy },
+          },
+        ]}
+      />,
+    );
+
+    definitionList.find('button').simulate('click');
+    expect(buttonSpy).toHaveBeenCalledTimes(1);
+  });
+});

package/src/definitionList/DefinitionList.story.tsx

@@ -1,29 +1,19 @@
 import { action } from '@storybook/addon-actions';
+import { select, text, boolean } from '@storybook/addon-knobs';
 
 import { Layout } from '../common';
 
-import DefinitionList, { type DefinitionListLayout } from './DefinitionList';
-import { lorem10 } from '../test-utils';
-import Section from '../section';
-import Header from '../header';
+import DefinitionList from './DefinitionList';
 
 export default {
   component: DefinitionList,
   title: 'Typography/DefinitionList',
 };
 
-const layouts: DefinitionListLayout[] = [
-  Layout.VERTICAL_TWO_COLUMN,
-  Layout.VERTICAL_ONE_COLUMN,
-  Layout.HORIZONTAL_JUSTIFIED,
-  Layout.HORIZONTAL_LEFT_ALIGNED,
-  Layout.HORIZONTAL_RIGHT_ALIGNED,
-];
-
 const definitions = [
   {
-    title: 'Definition List title',
-    value: 'Definition List value',
+    title: text('title', 'Editable title'),
+    value: text('value', 'Editable value'),
     key: 'first',
   },
   {
@@ -33,57 +23,67 @@ const definitions = [
   },
   {
     title: 'Long strings will wrap',
-    value: lorem10,
+    value: 'And values with long words will eventuallybreakontothenextline',
     key: 'third',
   },
 ];
 
 export const Basic = () => {
-  return layouts.map((layout) => (
-    <Section key={layout}>
-      <Header title={`Instace of: ${layout}`} />
-      <DefinitionList layout={layout} definitions={definitions} />
-    </Section>
-  ));
+  const muted = boolean('muted', false);
+  const layout = select(
+    'layout',
+    [
+      Layout.VERTICAL_TWO_COLUMN,
+      Layout.VERTICAL_ONE_COLUMN,
+      Layout.HORIZONTAL_JUSTIFIED,
+      Layout.HORIZONTAL_LEFT_ALIGNED,
+      Layout.HORIZONTAL_RIGHT_ALIGNED,
+    ],
+    Layout.HORIZONTAL_LEFT_ALIGNED,
+  );
+
+  return <DefinitionList layout={layout} muted={muted} definitions={definitions} />;
 };
 
 export const WithActionButtons = () => {
-  return (
-    <>
-      {layouts.map((layout) => (
-        <Section key={layout}>
-          <Header title={`Instace of: ${layout}`} />
-          <DefinitionList
-            key={layout}
-            layout={layout}
-            definitions={[
-              ...definitions,
-              {
-                title: 'Action buttons are useful',
-                value: lorem10,
-                key: 'fourth',
-                action: {
-                  label: 'Epic button',
-                  onClick: action(lorem10),
-                },
-              },
-              {
-                title: 'tiny',
-                value: 'tiny',
-                key: 'fifth',
-                action: {
-                  label: 'Epic button',
-                  onClick: action(lorem10),
-                },
-              },
-            ]}
-          />
-        </Section>
-      ))}
-    </>
+  const muted = boolean('muted', false);
+  const layout = select(
+    'layout',
+    [
+      Layout.VERTICAL_TWO_COLUMN,
+      Layout.VERTICAL_ONE_COLUMN,
+      Layout.HORIZONTAL_JUSTIFIED,
+      Layout.HORIZONTAL_LEFT_ALIGNED,
+      Layout.HORIZONTAL_RIGHT_ALIGNED,
+    ],
+    Layout.HORIZONTAL_LEFT_ALIGNED,
   );
-};
 
-export const Muted = () => {
-  return <DefinitionList muted definitions={definitions} />;
+  return (
+    <DefinitionList
+      layout={layout}
+      muted={muted}
+      definitions={[
+        ...definitions,
+        {
+          title: 'Action buttons are useful',
+          value: 'You can do all kinds of neat things with actions buttons!',
+          key: 'fourth',
+          action: {
+            label: 'Epic button',
+            onClick: action('Probably the best action event you have ever seen, in the world!'),
+          },
+        },
+        {
+          title: 'tiny',
+          value: 'tiny',
+          key: 'fifth',
+          action: {
+            label: 'Epic button',
+            onClick: action('Hello from the Tiny Button :)'),
+          },
+        },
+      ]}
+    />
+  );
 };

package/src/definitionList/DefinitionList.tsx

@@ -13,7 +13,7 @@ export interface DefinitionListDefinition {
   key: string;
 }
 
-export type DefinitionListLayout =
+type DefinitionListLayout =
   `${Layout.VERTICAL_TWO_COLUMN | Layout.VERTICAL_ONE_COLUMN | Layout.HORIZONTAL_JUSTIFIED | Layout.HORIZONTAL_LEFT_ALIGNED | Layout.HORIZONTAL_RIGHT_ALIGNED}`;
 
 export interface DefinitionListProps {

package/src/i18n/de.json

@@ -54,7 +54,6 @@
   "neptune.UploadButton.allFileTypes": "Alle Dateiformate",
   "neptune.UploadButton.dropFiles": "Datei zum Hochladen in dieses Feld ziehen",
   "neptune.UploadButton.instructions": "{fileTypes}, kleiner als {size} MB",
-  "neptune.UploadButton.maximumFiles": "Maximal {maxFiles} Dateien.",
   "neptune.UploadButton.uploadFile": "Datei hochladen",
   "neptune.UploadButton.uploadFiles": "Dateien hochladen",
   "neptune.UploadInput.deleteModalBody": "Wenn du diese Datei entfernst, wird sie aus unserem System gelöscht werden.",

package/src/i18n/it.json

@@ -54,7 +54,6 @@
   "neptune.UploadButton.allFileTypes": "Tutti i tipi di file",
   "neptune.UploadButton.dropFiles": "Rilascia file per iniziare a caricare",
   "neptune.UploadButton.instructions": "{fileTypes}, minore di {size}MB",
-  "neptune.UploadButton.maximumFiles": "Max {maxFiles} file.",
   "neptune.UploadButton.uploadFile": "Carica un file",
   "neptune.UploadButton.uploadFiles": "Carica i file",
   "neptune.UploadInput.deleteModalBody": "Rimuovere questo file lo cancellerà dal nostro sistema.",

package/src/i18n/th.json

@@ -54,7 +54,6 @@
   "neptune.UploadButton.allFileTypes": "ไฟล์ทุกประเภท",
   "neptune.UploadButton.dropFiles": "วางไฟล์เพื่อเริ่มการอัปโหลด",
   "neptune.UploadButton.instructions": "{fileTypes} น้อยกว่า {size} MB",
-  "neptune.UploadButton.maximumFiles": "สูงสุด {maxFiles} ไฟล์",
   "neptune.UploadButton.uploadFile": "อัปโหลดไฟล์",
   "neptune.UploadButton.uploadFiles": "อัปโหลดไฟล์",
   "neptune.UploadInput.deleteModalBody": "การลบไฟล์นี้จะลบออกจากระบบของเรา",

package/src/slidingPanel/SlidingPanel.spec.js

@@ -0,0 +1,56 @@
+import { shallow, mount } from 'enzyme';
+
+import SlidingPanel from './SlidingPanel';
+
+describe('SlidingPanel', () => {
+  let component;
+  const props = {
+    open: true,
+    position: 'left',
+    children: null,
+    className: undefined,
+    slidingPanelPositionFixed: false,
+    showSlidingPanelBorder: false,
+    testId: undefined,
+  };
+
+  it('renders with right props', () => {
+    component = mount(<SlidingPanel {...props} />);
+    expect(component.find(SlidingPanel)).toHaveLength(1);
+    expect(component.find(SlidingPanel).props()).toStrictEqual({ ...props });
+  });
+
+  it('renders CSSTransition with right props', () => {
+    component = shallow(<SlidingPanel {...props} />);
+
+    expect(cssTransition()).toHaveLength(1);
+
+    expect(cssTransition().props()).toEqual({
+      className: 'sliding-panel sliding-panel--open-left',
+      children: null,
+    });
+  });
+
+  it('adds fixed class', () => {
+    component = shallow(<SlidingPanel {...props} slidingPanelPositionFixed />);
+    expect(cssTransition().prop('className')).toBe(
+      'sliding-panel sliding-panel--open-left sliding-panel--fixed',
+    );
+  });
+
+  it('adds border classes if showSlidingPanelBorder is set to true', () => {
+    component = shallow(<SlidingPanel {...props} showSlidingPanelBorder />);
+    expect(cssTransition().prop('className')).toBe(
+      'sliding-panel sliding-panel--open-left sliding-panel--border-left',
+    );
+    component = shallow(<SlidingPanel {...props} showSlidingPanelBorder={false} position="left" />);
+    expect(cssTransition().prop('className')).toBe('sliding-panel sliding-panel--open-left');
+
+    component = shallow(<SlidingPanel {...props} showSlidingPanelBorder position="top" />);
+    expect(cssTransition().prop('className')).toBe(
+      'sliding-panel sliding-panel--open-top sliding-panel--border-top',
+    );
+  });
+
+  const cssTransition = () => component.find('div');
+});

package/src/slidingPanel/SlidingPanel.spec.tsx

@@ -1,69 +0,0 @@
-import { render, screen } from '../test-utils';
-import SlidingPanel, { SlidingPanelProps } from './SlidingPanel';
-
-describe('SlidingPanel', () => {
-  const initialProps: SlidingPanelProps = {
-    open: true,
-    children: <div data-testid="content">Content</div>,
-    testId: 'wrapper',
-  };
-
-  const customRender = (overrides: Partial<SlidingPanelProps> = {}) =>
-    render(<SlidingPanel {...initialProps} {...overrides} />);
-
-  describe('open', () => {
-    it('should respect open=false', () => {
-      customRender({ open: false });
-      expect(screen.queryByTestId('wrapper')).not.toBeInTheDocument();
-    });
-
-    it('should respect open=true', () => {
-      customRender();
-      expect(screen.getByTestId('wrapper')).toBeInTheDocument();
-    });
-  });
-
-  describe('position', () => {
-    it(`should default to 'left'`, () => {
-      customRender();
-      expect(screen.queryByTestId('wrapper')).toHaveClass(`sliding-panel--open-left`);
-    });
-
-    (['left', 'right', 'top', 'bottom'] as const).forEach((position) => {
-      describe(position, () => {
-        it(`should add the classname`, () => {
-          customRender({ position });
-          expect(screen.queryByTestId('wrapper')).toHaveClass(`sliding-panel--open-${position}`);
-        });
-
-        it(`should add the classname for 'showSlidingPanelBorder'`, () => {
-          customRender({ position, showSlidingPanelBorder: true });
-          expect(screen.queryByTestId('wrapper')).toHaveClass(`sliding-panel--border-${position}`);
-        });
-      });
-    });
-  });
-
-  it('should render children', () => {
-    customRender();
-    expect(screen.getByTestId('content')).toBeInTheDocument();
-  });
-
-  it('should respect className', () => {
-    const className = 'customClass';
-    customRender({ className });
-    expect(screen.getByTestId('wrapper')).toHaveClass(className);
-  });
-
-  describe('slidingPanelPositionFixed', () => {
-    it('should not be fixed by default', () => {
-      customRender();
-      expect(screen.getByTestId('wrapper')).not.toHaveClass('sliding-panel--fixed');
-    });
-
-    it('should respect slidingPanelPositionFixed=true', () => {
-      customRender({ slidingPanelPositionFixed: true });
-      expect(screen.getByTestId('wrapper')).toHaveClass('sliding-panel--fixed');
-    });
-  });
-});