@maggioli-design-system/mds-modal 5.0.0 → 5.2.1

package/src/components/mds-modal/readme.md

@@ -47,7 +47,9 @@
 | `--mds-modal-overlay-color`     | Set the overlay color of the background when the component is opened, this property can be inherited from `globals.css` in `styles^8.0.0`.         |
 | `--mds-modal-overlay-opacity`   | Set the overlay color opacity of the background when the component is opened, this property can be inherited from `globals.css` in `styles^8.0.0`. |
 | `--mds-modal-window-background` | Set the background color of the window                                                                                                             |
+| `--mds-modal-window-distance`   | Set the distance between the modal window and the screen bounds                                                                                    |
 | `--mds-modal-window-overflow`   | Set the overflow of the window                                                                                                                     |
+| `--mds-modal-window-radius`     | Set the border radius of the window                                                                                                                |
 | `--mds-modal-window-shadow`     | Set the box shadow of the window                                                                                                                   |
 | `--mds-modal-z-index`           | Set the z-index of the window when the component is opened                                                                                         |
 

package/src/components/mds-modal/test/mds-modal.stories.tsx

@@ -8,13 +8,13 @@ export default {
   argTypes: {
     opened: {
       description: 'Specifies if the modal is opened or not',
-      type: { name: 'boolean', required: false },
+      type: { name: 'boolean' },
     },
     position: {
       control: { type: 'select' },
       description: 'Specifies the animation position of the modal window',
       options: modalPositionDictionary,
-      type: { name: 'string', required: false },
+      type: { name: 'string' },
     },
   },
 }
@@ -26,19 +26,19 @@ const email = `${firstName.toLowerCase()}.${lastName.toLowerCase()}@nintendo.com
 
 const Template = args =>
   <mds-modal {...args}>
-    <header slot="top" class="p-800 flex gap-400 items-center border-b border-solid border-0 border-tone-neutral-09">
+    <header slot="top" class="p-800 flex gap-400 items-center border-b border-solid border-0 border-tone-neutral-09 max-w-[400px]">
       <mds-img class="w-1600" src="/logo-gruppo-maggioli-512w.webp"/>
       <div class="text-tone-neutral-02">
         <mds-text typography="h5" class="truncate min-w-0">Maggioli Editore</mds-text>
         <mds-text typography="detail" class="truncate min-w-0">Menu di servizio</mds-text>
       </div>
     </header>
-    <div class="p-800">
+    <div class="p-800 max-w-[400px]">
       <mds-text>
         As a multi-brand design system, our components need to be flexible enough for any one of our brands to use them for multiple use cases. To achieve this, we ensure that all of the brands are involved in the specification stage, giving us more confidence that we’re future-proofing our components as more brands adopt NewsKit.
       </mds-text>
     </div>
-    <footer slot="bottom" class="p-800 flex gap-400 text-tone-neutral-02 border-t border-solid border-0 border-tone-neutral-09">
+    <footer slot="bottom" class="p-800 flex gap-400 text-tone-neutral-02 border-t border-solid border-0 border-tone-neutral-09 max-w-[400px]">
       <mds-author class="flex-grow">
         <mds-avatar slot="avatar" class="w-1600 mobile:w-1200" src="/avatar-01-200x200.jpeg"/>
         <mds-text typography="h6">{ fullName }</mds-text>
@@ -59,7 +59,7 @@ const CustomTemplate = args =>
     </mds-banner>
   </mds-modal>
 
-const AriaTemplate = () => {
+const InteractiveTemplate = () => {
   // Click not working with reader
   const [opened, setOpened] = useState(false)
   window.addEventListener('mdsModalClose', () => { setOpened(false) })
@@ -81,5 +81,15 @@ export const Default = Template.bind({})
 Default.args = {
   position: 'right',
 }
-export const CustomWindow = CustomTemplate.bind({})
-export const ARIATest = AriaTemplate.bind({})
+
+export const DefaultWindowCustomized = Template.bind({})
+DefaultWindowCustomized.args = {
+  position: 'right',
+  style: { '--mds-modal-window-distance': '1rem', '--mds-modal-window-radius': '1rem' },
+}
+export const CustomWindowElement = CustomTemplate.bind({})
+export const Interactive = InteractiveTemplate.bind({})
+export const ARIATest = CustomTemplate.bind({})
+ARIATest.args = {
+  opened: true,
+}

package/src/dictionary/animation.ts

@@ -0,0 +1,8 @@
+const horizontalActionsAnimationDictionary = [
+  'fade',
+  'slide',
+]
+
+export {
+  horizontalActionsAnimationDictionary,
+}

package/src/dictionary/file-extensions.ts

@@ -11,62 +11,67 @@ interface ExtensionInfo {
 }
 
 const fileExtensionsDictionary: FileExtenstion = {
-  '7z': { format: 'archive', description: 'Archivio compresso' },
-  ace: { format: 'archive', description: 'Archivio compresso' },
-  ai: { format: 'vector', description: 'Vettoriale Adobe Illustrator' },
-  dart: { format: 'code', description: 'Dart' },
-  db: { format: 'data', description: 'File di database' },
-  default: { format: 'attachment', description: 'Formato sconosciuto' },
-  dmg: { format: 'executable', description: 'Apple Disk Image' },
-  doc: { format: 'text', description: 'Documento Microsoft Word' },
-  docm: { format: 'text', description: 'Documento Microsoft Word' },
-  docx: { format: 'text', description: 'Documento Microsoft Word Compresso' },
-  eml: { format: 'email', description: 'E-mail di posta elettronica' },
-  eps: { format: 'vector', description: 'Vettoriale Corel Draw' },
-  exe: { format: 'executable', description: 'File eseguibile Windows' },
-  flac: { format: 'audio', description: 'Audio non compresso' },
-  gif: { format: 'image', description: 'Immagine compressa', preview: true },
-  htm: { format: 'markup', description: 'Pagina web' },
-  heic: { format: 'image', description: 'High Efficiency Image File Format' },
-  html: { format: 'markup', description: 'Pagina web' },
-  jpe: { format: 'image', description: 'Immagine compressa', preview: true },
-  jpeg: { format: 'image', description: 'Immagine compressa', preview: true },
-  jpg: { format: 'image', description: 'Immagine compressa', preview: true },
-  js: { format: 'code', description: 'JavaScript' },
-  json: { format: 'data', description: 'JavaScript Object Notation' },
-  jsx: { format: 'code', description: 'JavaScript' },
-  m2v: { format: 'video', description: 'Filmato SD' },
-  mp2: { format: 'audio', description: 'Audio compresso' },
-  mp3: { format: 'audio', description: 'Audio compresso' },
-  mp4: { format: 'video', description: 'Filmato HD' },
-  mp4v: { format: 'video', description: 'Filmato HD' },
-  mpeg: { format: 'video', description: 'Filmato SD' },
-  mpg4: { format: 'video', description: 'Filmato SD' },
-  mpg: { format: 'video', description: 'Filmato SD' },
-  mpga: { format: 'audio', description: 'Audio compresso' },
-  odp: { format: 'slide', description: 'Slide di presentazione LibreOffice' },
-  ods: { format: 'spreadsheet', description: 'Foglio di calcolo LibreOffice' },
-  odt: { format: 'text', description: 'File di testo LibreOffice' },
-  pdf: { format: 'document', description: 'Documento Adobe' },
-  php: { format: 'code', description: 'Hypertext Preprocessor' },
-  png: { format: 'image', description: 'Immagine Portable Network Graphics', preview: true },
-  ppt: { format: 'slide', description: 'Slide di presentazione PowerPoint' },
-  rar: { format: 'archive', description: 'Archivio compresso' },
-  rtf: { format: 'text', description: 'Documento di testo Rich Text Format' },
-  sass: { format: 'code', description: 'Syntactically Awesome StyleSheets' },
-  shtml: { format: 'markup', description: 'Pagina web' },
-  svg: { format: 'vector', description: 'Scalable Vector Graphics', preview: true },
-  tar: { format: 'archive', description: 'Archivio non compresso' },
-  tiff: { format: 'image', description: 'Tag Image File Format' },
-  ts: { format: 'code', description: 'TypeScript' },
-  tsx: { format: 'code', description: 'TypeScript Extended Syntax' },
-  txt: { format: 'text', description: 'Documento di testo non formattato' },
-  wav: { format: 'audio', description: 'Audio non compresso' },
-  webp: { format: 'image', description: 'Immagine Web Picture', preview: true },
-  xar: { format: 'archive', description: 'Archivio compresso' },
-  xls: { format: 'spreadsheet', description: 'Foglio di calcolo Office' },
-  xlsx: { format: 'spreadsheet', description: 'Foglio di calcolo Office' },
-  zip: { format: 'archive', description: 'Archivio compresso' },
+  '7z': { format: 'archive', description: 'compressedArchive' },
+  ace: { format: 'archive', description: 'compressedArchive' },
+  ai: { format: 'vector', description: 'fileAI' },
+  dart: { format: 'code', description: 'dart' },
+  db: { format: 'data', description: 'fileDB' },
+  default: { format: 'attachment', description: 'unknown' },
+  dmg: { format: 'executable', description: 'appleDiskImage' },
+  doc: { format: 'text', description: 'documentMS' },
+  docm: { format: 'text', description: 'documentMS' },
+  docx: { format: 'text', description: 'compressedDocumentMS' },
+  eml: { format: 'email', description: 'email' },
+  eps: { format: 'vector', description: 'fileEPS' },
+  exe: { format: 'executable', description: 'fileEXE' },
+  flac: { format: 'audio', description: 'uncompressedAudio' },
+  gif: { format: 'image', description: 'compressedImage', preview: true },
+  heic: { format: 'image', description: 'imageHEFF' },
+  htm: { format: 'markup', description: 'documentWeb' },
+  html: { format: 'markup', description: 'documentWeb' },
+  jpe: { format: 'image', description: 'compressedImage', preview: true },
+  jpeg: { format: 'image', description: 'compressedImage', preview: true },
+  jpg: { format: 'image', description: 'compressedImage', preview: true },
+  js: { format: 'code', description: 'fileJS' },
+  json: { format: 'data', description: 'fileJSON' },
+  jsx: { format: 'code', description: 'fileJS' },
+  m2v: { format: 'video', description: 'videoSD' },
+  mp2: { format: 'audio', description: 'compressedAudio' },
+  mp3: { format: 'audio', description: 'compressedAudio' },
+  mp4: { format: 'video', description: 'videoHD' },
+  mp4v: { format: 'video', description: 'videoHD' },
+  mpeg: { format: 'video', description: 'videoSD' },
+  mpg4: { format: 'video', description: 'videoSD' },
+  mpg: { format: 'video', description: 'videoSD' },
+  mpga: { format: 'audio', description: 'compressedAudio' },
+  odf: { format: 'document', description: 'openDocumentFormat' },
+  odp: { format: 'slide', description: 'slideLO' },
+  ods: { format: 'spreadsheet', description: 'spreadsheetLO' },
+  odt: { format: 'text', description: 'documentLO' },
+  ole: { format: 'document', description: 'objectLinkingAndEmbedding' },
+  p7m: { format: 'certificate', description: 'documentDigitalSingnature' },
+  pdf: { format: 'document', description: 'documentAdobe' },
+  php: { format: 'code', description: 'filePHP' },
+  png: { format: 'image', description: 'imagePNG', preview: true },
+  ppt: { format: 'slide', description: 'slidePowerPoint' },
+  rar: { format: 'archive', description: 'compressedArchive' },
+  rtf: { format: 'text', description: 'documentRTF' },
+  sass: { format: 'code', description: 'fileSASS' },
+  shtml: { format: 'markup', description: 'documentWeb' },
+  svg: { format: 'vector', description: 'imageSVG', preview: true },
+  tar: { format: 'archive', description: 'uncompressedArchive' },
+  tiff: { format: 'image', description: 'imageTIFF' },
+  ts: { format: 'code', description: 'fileTS' },
+  tsd: { format: 'certificate', description: 'certificateTSD' },
+  tsx: { format: 'code', description: 'fileTSX' },
+  txt: { format: 'text', description: 'documentTXT' },
+  wav: { format: 'audio', description: 'uncompressedAudio' },
+  webp: { format: 'image', description: 'imageWEBP', preview: true },
+  xar: { format: 'archive', description: 'compressedArchive' },
+  xls: { format: 'spreadsheet', description: 'spreadsheetMS' },
+  xlsx: { format: 'spreadsheet', description: 'spreadsheetMS' },
+  xml: { format: 'markup', description: 'extensibleMarkupLanguage' },
+  zip: { format: 'archive', description: 'compressedArchive' },
 }
 
 const genericMimeToExt: Map<string, string[]> = new Map([

package/src/dictionary/text.ts

@@ -1,3 +1,65 @@
+const typographyTagDictionary = [
+  'abbr',
+  'address',
+  'article',
+  'b',
+  'bdo',
+  'blockquote',
+  'cite',
+  'code',
+  'dd',
+  'del',
+  'details',
+  'dfn',
+  'div',
+  'dl',
+  'dt',
+  'em',
+  'figcaption',
+  'h1',
+  'h2',
+  'h3',
+  'h4',
+  'h5',
+  'h6',
+  'i',
+  'ins',
+  'kbd',
+  'label',
+  'legend',
+  'li',
+  'mark',
+  'ol',
+  'p',
+  'pre',
+  'q',
+  'rb',
+  'rt',
+  'ruby',
+  's',
+  'samp',
+  'small',
+  'span',
+  'strong',
+  'sub',
+  'summary',
+  'sup',
+  'time',
+  'u',
+  'ul',
+  'var',
+]
+
+const typographyHeadingTagDictionary = [
+  'h1',
+  'h2',
+  'h3',
+  'h4',
+  'h5',
+  'h6',
+]
+
+
 const truncateDictionary = [
   'all',
   'none',
@@ -6,4 +68,6 @@ const truncateDictionary = [
 
 export {
   truncateDictionary,
+  typographyHeadingTagDictionary,
+  typographyTagDictionary,
 }

package/src/fixtures/filenames.ts

@@ -55,6 +55,69 @@ const filesList = [
   'wooden.jsx',
 ]
 
+const namedFilesList = {
+  '7z': 'frozen_haptic.7z',
+  'No extension file': 'this_is_an_extensionless_file',
+  'png with URL': 'https://i2.wp.com/clipart.info/images/ccovers/1495750818Apple-PNG-Clip-Art.png',
+  ace: 'sky_marketing.ace',
+  ai: 'foreground_overriding.ai',
+  db: 'matrix_black_hat.db',
+  default: 'copying.default',
+  dmg: 'protocol_designer.dmg',
+  doc: 'forges.doc',
+  docm: 'officer_somalia.docm',
+  docx: 'upgradable_gold.docx',
+  eml: 'brunei_logistical.eml',
+  eps: 'alarm_circuit_plastic.eps',
+  exe: 'rss_systematic_avon.exe',
+  flac: 'liaison_panel_central.flac',
+  gif: 'initiatives_group.gif',
+  htm: 'books_monetize_arizona.htm',
+  html: 'flexibility_auto_money.html',
+  jpe: 'intelligent_radical.jpe',
+  jpeg: 'iowa_installation.jpeg',
+  jpg: 'buckinghamshire_macao.jpg',
+  js: 'monitor.js',
+  json: 'calculating.json',
+  jsx: 'wooden.jsx',
+  m2v: 'interface_bedfordshire_solid.m2v',
+  mp2: 'explicit.mp2',
+  mp3: 'optimization_radical.mp3',
+  mp4: 'nebraska.mp4',
+  mp4v: 'reduced_regional_greenland.mp4v',
+  mpeg: 'impactful_alarm_handmade.mpeg',
+  mpg4: 'revolutionize.mpg4',
+  mpg: 'complexity_deposit.mpg',
+  mpga: 'ports_copy_granite.mpga',
+  odf: 'This is a file_to_read.odf',
+  odp: 'needs_based_solid.odp',
+  ods: 'compressing_black_colorado.ods',
+  odt: 'salad_compressing.odt',
+  ole: 'Document-RPF_Open-new.ole',
+  p7m: 'file with certificate from government.pdf.p7m',
+  pdf: 'connect_local_visualize.pdf',
+  php: 'fish.php',
+  png: 'awesome_orchestration.png',
+  ppt: 'gorgeous_manager_savings.ppt',
+  rar: 'unbranded.rar',
+  rtf: 'pound.rtf',
+  sass: 'open_source_gorgeous.sass',
+  shtml: 'brand.shtml',
+  svg: 'b2c_tan_sports.svg',
+  tar: 'graphic_frozen_bedfordshire.tar',
+  ts: 'forge_face.ts',
+  tsd: 'Marked file-7483274hy6Fg6R8.tsd',
+  txt: 'bedfordshire_iceland_identity.txt',
+  wav: 'synergistic.wav',
+  webp: 'open_source.webp',
+  xar: 'wisconsin_bypassing_small.xar',
+  xls: 'metrics_lempira_account.xls',
+  xlsx: 'hdd_navigate_panama.xlsx',
+  xml: 'Markup language.xml',
+  zip: 'tuna_table_fall.zip',
+}
+
 export {
   filesList,
+  namedFilesList,
 }

package/src/fixtures/icons.json

@@ -8,6 +8,7 @@
     "mdi/email",
     "mdi/file-document-remove-outline",
     "mdi/harddisk",
+    "mdi/license",
     "mdi/map-marker",
     "mdi/replay",
     "mdi/vector-curve",
@@ -35,6 +36,7 @@
     "mgg/adv-denied",
     "mgg/ai-brain",
     "mgg/ai-brain-outline",
+    "mgg/ai-human",
     "mgg/ai-message",
     "mgg/ai-outline",
     "mgg/ai-status-completed",
@@ -111,6 +113,8 @@
     "mgg/factory",
     "mgg/farmer",
     "mgg/field",
+    "mgg/file-certificate",
+    "mgg/file-clock",
     "mgg/file-download",
     "mgg/file-folder-tree",
     "mgg/file-folder-tree-open",
@@ -132,6 +136,7 @@
     "mgg/finance-euro-cashback",
     "mgg/fit-horizontal",
     "mgg/fit-vertical",
+    "mgg/fontawesome-torii-gate",
     "mgg/forwarded-with-a-single-sending",
     "mgg/fullscreen-on-alt",
     "mgg/google-book-closed",
@@ -141,6 +146,7 @@
     "mgg/google-book-opening",
     "mgg/google-book-opening-outline",
     "mgg/google-check-small",
+    "mgg/google-drag-pan",
     "mgg/google-experiment",
     "mgg/google-face-retouching-off",
     "mgg/google-hub",
@@ -320,6 +326,7 @@
     "mi/baseline/book",
     "mi/baseline/border-all",
     "mi/baseline/broken-image",
+    "mi/baseline/call",
     "mi/baseline/cancel",
     "mi/baseline/category",
     "mi/baseline/check-box",
@@ -329,6 +336,7 @@
     "mi/baseline/contrast",
     "mi/baseline/css",
     "mi/baseline/dark-mode",
+    "mi/baseline/delete",
     "mi/baseline/description",
     "mi/baseline/directions-run",
     "mi/baseline/directions-walk",
@@ -360,6 +368,7 @@
     "mi/baseline/remove",
     "mi/baseline/remove-circle",
     "mi/baseline/route",
+    "mi/baseline/send",
     "mi/baseline/settings",
     "mi/baseline/sports",
     "mi/baseline/sports-soccer",

package/src/fixtures/iconsauce.json

@@ -23,6 +23,7 @@
     "mgg/adv-denied",
     "mgg/ai-brain-outline",
     "mgg/ai-brain",
+    "mgg/ai-human",
     "mgg/ai-message",
     "mgg/ai-outline",
     "mgg/ai-status-completed",
@@ -99,6 +100,8 @@
     "mgg/factory",
     "mgg/farmer",
     "mgg/field",
+    "mgg/file-certificate",
+    "mgg/file-clock",
     "mgg/file-download",
     "mgg/file-folder-tree-open",
     "mgg/file-folder-tree",
@@ -120,6 +123,7 @@
     "mgg/finance-euro-cashback",
     "mgg/fit-horizontal",
     "mgg/fit-vertical",
+    "mgg/fontawesome-torii-gate",
     "mgg/forwarded-with-a-single-sending",
     "mgg/fullscreen-on-alt",
     "mgg/google-book-closed-outline",
@@ -129,6 +133,7 @@
     "mgg/google-book-opening-outline",
     "mgg/google-book-opening",
     "mgg/google-check-small",
+    "mgg/google-drag-pan",
     "mgg/google-experiment",
     "mgg/google-face-retouching-off",
     "mgg/google-hub",

package/src/meta/file-format/locale.el.json

@@ -0,0 +1,44 @@
+{
+  "appleDiskImage": "Εικόνα δίσκου Apple",
+  "certificateTSD": "Πιστοποιητικό χρονικής σήμανσης",
+  "compressedArchive": "Συμπιεσμένο αρχείο",
+  "compressedAudio": "Συμπιεσμένος ήχος",
+  "compressedDocumentMS": "Συμπιεσμένο έγγραφο Microsoft Word",
+  "compressedImage": "Συμπιεσμένη εικόνα",
+  "dart": "Αρχείο Dart",
+  "documentAdobe": "Έγγραφο Adobe",
+  "documentDigitalSingnature": "Έγγραφο με ψηφιακή υπογραφή",
+  "documentLO": "Έγγραφο LibreOffice",
+  "documentMS": "Έγγραφο Microsoft Word",
+  "documentRTF": "Έγγραφο μορφής εμπλουτισμένου κειμένου",
+  "documentTXT": "Απλό έγγραφο κειμένου",
+  "documentWeb": "Ιστοσελίδα",
+  "email": "Ηλεκτρονικό ταχυδρομείο",
+  "extensibleMarkupLanguage": "Γλώσσα σήμανσης για δεδομένα",
+  "fileAI": "Διανυσματικό αρχείο Adobe Illustrator",
+  "fileDB": "Αρχείο βάσης δεδομένων",
+  "fileEPS": "Διανυσματικό αρχείο Corel Draw",
+  "fileEXE": "Εκτελέσιμο αρχείο Windows",
+  "fileJS": "Αρχείο JavaScript",
+  "fileJSON": "Αρχείο JavaScript Object Notation",
+  "filePHP": "Αρχείο Hypertext Preprocessor",
+  "fileSASS": "Αρχείο Syntactically Awesome StyleSheets",
+  "fileTS": "Αρχείο TypeScript",
+  "fileTSX": "Αρχείο TypeScript Extended Syntax",
+  "imageHEIC": "Μορφή αρχείου εικόνας υψηλής αποδοτικότητας",
+  "imagePNG": "Εικόνα Portable Network Graphics",
+  "imageSVG": "Διανυσματική εικόνα Scalable Vector Graphics",
+  "imageTIFF": "Εικόνα Tag Image File Format",
+  "imageWEBP": "Εικόνα Google Web Picture",
+  "objectLinkingAndEmbedding": "Σύνδεση και ενσωμάτωση αντικειμένων",
+  "openDocumentFormat": "Έγγραφο OpenDocument",
+  "slideLO": "Διαφάνεια παρουσίασης LibreOffice",
+  "slidePowerPoint": "Διαφάνεια παρουσίασης PowerPoint",
+  "spreadsheetLO": "Υπολογιστικό φύλλο LibreOffice",
+  "spreadsheetMS": "Υπολογιστικό φύλλο Microsoft Office",
+  "uncompressedArchive": "Μη συμπιεσμένο αρχείο",
+  "uncompressedAudio": "Μη συμπιεσμένος ήχος",
+  "unknown": "Άγνωστη μορφή αρχείου",
+  "videoHD": "Βίντεο υψηλής ανάλυσης",
+  "videoSD": "Βίντεο χαμηλής ανάλυσης"
+}

package/src/meta/file-format/locale.en.json

@@ -0,0 +1,44 @@
+{
+  "appleDiskImage": "Apple Disk Image",
+  "certificateTSD": "Timestamp Certificate",
+  "compressedArchive": "Compressed Archive",
+  "compressedAudio": "Compressed Audio",
+  "compressedDocumentMS": "Compressed Microsoft Word Document",
+  "compressedImage": "Compressed Image",
+  "dart": "Dart File",
+  "documentAdobe": "Adobe Document",
+  "documentDigitalSingnature": "Document with digital signature",
+  "documentLO": "LibreOffice Document",
+  "documentMS": "Microsoft Word Document",
+  "documentRTF": "Rich Text Format Document",
+  "documentTXT": "Plain Text Document",
+  "documentWeb": "Web Page",
+  "email": "E-mail",
+  "extensibleMarkupLanguage": "Markup language for data",
+  "fileAI": "Adobe Illustrator Vector File",
+  "fileDB": "Database File",
+  "fileEPS": "Corel Draw Vector File",
+  "fileEXE": "Windows Executable File",
+  "fileJS": "JavaScript File",
+  "fileJSON": "JavaScript Object Notation File",
+  "filePHP": "Hypertext Preprocessor File",
+  "fileSASS": "Syntactically Awesome StyleSheets File",
+  "fileTS": "TypeScript File",
+  "fileTSX": "TypeScript Extended Syntax File",
+  "imageHEIC": "High Efficiency Image File Format",
+  "imagePNG": "Portable Network Graphics Image",
+  "imageSVG": "Scalable Vector Graphics Image",
+  "imageTIFF": "Tag Image File Format Image",
+  "imageWEBP": "Google Web Picture Image",
+  "objectLinkingAndEmbedding": "Object Linking and Embedding",
+  "openDocumentFormat": "OpenDocument Document",
+  "slideLO": "LibreOffice Presentation Slide",
+  "slidePowerPoint": "PowerPoint Presentation Slide",
+  "spreadsheetLO": "LibreOffice Spreadsheet",
+  "spreadsheetMS": "Microsoft Office Spreadsheet",
+  "uncompressedArchive": "Uncompressed Archive",
+  "uncompressedAudio": "Uncompressed Audio",
+  "unknown": "Unknown File Format",
+  "videoHD": "High Definition Video",
+  "videoSD": "Standard Definition Video"
+}

package/src/meta/file-format/locale.es.json

@@ -0,0 +1,44 @@
+{
+  "appleDiskImage": "Imagen de disco Apple",
+  "certificateTSD": "Certificado de sello de tiempo",
+  "compressedArchive": "Archivo comprimido",
+  "compressedAudio": "Audio comprimido",
+  "compressedDocumentMS": "Documento comprimido de Microsoft Word",
+  "compressedImage": "Imagen comprimida",
+  "dart": "Archivo Dart",
+  "documentAdobe": "Documento Adobe",
+  "documentDigitalSingnature": "Documento con firma digital",
+  "documentLO": "Documento de LibreOffice",
+  "documentMS": "Documento de Microsoft Word",
+  "documentRTF": "Documento de formato de texto enriquecido",
+  "documentTXT": "Documento de texto sin formato",
+  "documentWeb": "Página web",
+  "email": "Correo electrónico",
+  "extensibleMarkupLanguage": "Lenguaje de marcado para datos",
+  "fileAI": "Archivo vectorial de Adobe Illustrator",
+  "fileDB": "Archivo de base de datos",
+  "fileEPS": "Archivo vectorial de Corel Draw",
+  "fileEXE": "Archivo ejecutable de Windows",
+  "fileJS": "Archivo JavaScript",
+  "fileJSON": "Archivo de notación de objetos de JavaScript",
+  "filePHP": "Archivo de preprocesador de hipertexto",
+  "fileSASS": "Archivo de Syntactically Awesome StyleSheets",
+  "fileTS": "Archivo TypeScript",
+  "fileTSX": "Archivo de sintaxis extendida de TypeScript",
+  "imageHEIC": "Formato de archivo de imagen de alta eficiencia",
+  "imagePNG": "Imagen Portable Network Graphics",
+  "imageSVG": "Imagen de gráficos vectoriales escalables",
+  "imageTIFF": "Imagen de formato de archivo de imagen etiquetado",
+  "imageWEBP": "Imagen Google Web Picture",
+  "objectLinkingAndEmbedding": "Vinculación e incrustación de objetos",
+  "openDocumentFormat": "Documento OpenDocument",
+  "slideLO": "Diapositiva de presentación de LibreOffice",
+  "slidePowerPoint": "Diapositiva de presentación de PowerPoint",
+  "spreadsheetLO": "Hoja de cálculo de LibreOffice",
+  "spreadsheetMS": "Hoja de cálculo de Microsoft Office",
+  "uncompressedArchive": "Archivo no comprimido",
+  "uncompressedAudio": "Audio no comprimido",
+  "unknown": "Formato de archivo desconocido",
+  "videoHD": "Video de alta definición",
+  "videoSD": "Video de definición estándar"
+}

package/src/meta/file-format/locale.it.json

@@ -0,0 +1,44 @@
+{
+  "appleDiskImage": "Immagine Disco Apple",
+  "certificateTSD": "Marca temporale",
+  "compressedArchive": "Archivio compresso",
+  "compressedAudio": "Audio compresso",
+  "compressedDocumentMS": "Documento di testo Microsoft Word Compresso",
+  "compressedImage": "Immagine compressa",
+  "dart": "File Dart",
+  "documentAdobe": "Documento Adobe",
+  "documentDigitalSingnature": "Documento con firma digitale",
+  "documentLO": "Documento di testo LibreOffice",
+  "documentMS": "Documento di testo Microsoft Word",
+  "documentRTF": "Documento di testo Rich Text Format",
+  "documentTXT": "Documento di testo senza formattazione",
+  "documentWeb": "Pagina web",
+  "email": "E-mail",
+  "extensibleMarkupLanguage": "Linguaggio markup per dati",
+  "fileAI": "File vettoriale Adobe Illustrator",
+  "fileDB": "File di database",
+  "fileEPS": "File vettoriale Corel Draw",
+  "fileEXE": "File eseguibile Windows",
+  "fileJS": "File JavaScript",
+  "fileJSON": "File JavaScript Object Notation",
+  "filePHP": "File Hypertext Preprocessor",
+  "fileSASS": "File Syntactically Awesome StyleSheets",
+  "fileTS": "File TypeScript",
+  "fileTSX": "File TypeScript Extended Syntax",
+  "imageHEIC": "High Efficiency Image File Format",
+  "imagePNG": "Immagine Portable Network Graphics",
+  "imageSVG": "Immagine vettoriale Scalable Vector Graphics",
+  "imageTIFF": "Immagine Tag Image File Format",
+  "imageWEBP": "Immagine Google Web Picture",
+  "objectLinkingAndEmbedding": "Integrazione oggetti nei file",
+  "openDocumentFormat": "Documento OpenDocument",
+  "slideLO": "Slide di presentazione LibreOffice",
+  "slidePowerPoint": "Slide di presentazione PowerPoint",
+  "spreadsheetLO": "Foglio di calcolo LibreOffice",
+  "spreadsheetMS": "Foglio di calcolo Office",
+  "uncompressedArchive": "Archivio non compresso",
+  "uncompressedAudio": "Audio non compresso",
+  "unknown": "Formato file sconosciuto",
+  "videoHD": "Filmato HD ad alta risoluzione",
+  "videoSD": "Filmato SD a bassa risoluzione"
+}

package/src/type/animation.ts

@@ -0,0 +1,3 @@
+export type HorizontalActionsAnimationType =
+  | 'fade'
+  | 'slide'