🚸 (#2345): use 20px as default size for all icons

Signed-off-by: Vinicius Reis <vinicius.reis@nextcloud.com>

1 files changed, 91 insertions, 38 deletions

diff --git a/src/components/icons.js b/src/components/icons.js
index c68bae5ad..059b59498 100644
--- a/src/components/icons.js
+++ b/src/components/icons.js
@@ -1,3 +1,4 @@
+/* eslint-disable camelcase */
 /*
  * @copyright Copyright (c) 2022 Vinicius Reis <vinicius@nextcloud.com>
  *
@@ -20,47 +21,99 @@
  *
  */
 
-import MdiLoading from 'vue-material-design-icons/Loading'
+import MDI_Loading from 'vue-material-design-icons/Loading'
 
-export { default as Lock } from 'vue-material-design-icons/Lock'
-export { default as Delete } from 'vue-material-design-icons/Delete'
-export { default as Undo } from 'vue-material-design-icons/ArrowULeftTop'
-export { default as Redo } from 'vue-material-design-icons/ArrowURightTop'
-export { default as Info } from 'vue-material-design-icons/Information'
-export { default as Positive } from 'vue-material-design-icons/CheckboxMarkedCircle'
-export { default as Warn } from 'vue-material-design-icons/AlertCircle'
-export { default as Danger } from 'vue-material-design-icons/AlertDecagram'
-export { default as CodeTags } from 'vue-material-design-icons/CodeTags'
-export { default as Table } from 'vue-material-design-icons/Table'
-export { default as Emoticon } from 'vue-material-design-icons/EmoticonOutline'
-export { default as Images } from 'vue-material-design-icons/ImageMultipleOutline'
-export { default as Help } from 'vue-material-design-icons/HelpCircle'
-export { default as Upload } from 'vue-material-design-icons/Upload'
-export { default as Folder } from 'vue-material-design-icons/Folder'
-export { default as DotsHorizontal } from 'vue-material-design-icons/DotsHorizontal'
-export { default as FormatBold } from 'vue-material-design-icons/FormatBold'
-export { default as FormatItalic } from 'vue-material-design-icons/FormatItalic'
-export { default as FormatUnderline } from 'vue-material-design-icons/FormatUnderline'
-export { default as FormatStrikethrough } from 'vue-material-design-icons/FormatStrikethrough'
-export { default as FormatHeader1 } from 'vue-material-design-icons/FormatHeader1'
-export { default as FormatHeader2 } from 'vue-material-design-icons/FormatHeader2'
-export { default as FormatHeader3 } from 'vue-material-design-icons/FormatHeader3'
-export { default as FormatHeader4 } from 'vue-material-design-icons/FormatHeader4'
-export { default as FormatHeader5 } from 'vue-material-design-icons/FormatHeader5'
-export { default as FormatHeader6 } from 'vue-material-design-icons/FormatHeader6'
-export { default as FormatListNumbered } from 'vue-material-design-icons/FormatListNumbered'
-export { default as FormatListBulleted } from 'vue-material-design-icons/FormatListBulleted'
-export { default as FormatListCheckbox } from 'vue-material-design-icons/FormatListCheckbox'
-export { default as FormatQuote } from 'vue-material-design-icons/FormatQuoteClose'
-export { default as TableSettings } from 'vue-material-design-icons/TableCog'
-export { default as TableAddRowAfter } from 'vue-material-design-icons/TableRowPlusAfter'
-export { default as TableAddRowBefore } from 'vue-material-design-icons/TableRowPlusBefore'
-export { default as TableAddColumnAfter } from 'vue-material-design-icons/TableColumnPlusAfter'
-export { default as TableAddColumnBefore } from 'vue-material-design-icons/TableColumnPlusBefore'
+import MDI_Lock from 'vue-material-design-icons/Lock'
+import MDI_Delete from 'vue-material-design-icons/Delete'
+import MDI_Undo from 'vue-material-design-icons/ArrowULeftTop'
+import MDI_Redo from 'vue-material-design-icons/ArrowURightTop'
+import MDI_Info from 'vue-material-design-icons/Information'
+import MDI_Positive from 'vue-material-design-icons/CheckboxMarkedCircle'
+import MDI_Warn from 'vue-material-design-icons/AlertCircle'
+import MDI_Danger from 'vue-material-design-icons/AlertDecagram'
+import MDI_CodeTags from 'vue-material-design-icons/CodeTags'
+import MDI_Table from 'vue-material-design-icons/Table'
+import MDI_Emoticon from 'vue-material-design-icons/EmoticonOutline'
+import MDI_Images from 'vue-material-design-icons/ImageMultipleOutline'
+import MDI_Help from 'vue-material-design-icons/HelpCircle'
+import MDI_Upload from 'vue-material-design-icons/Upload'
+import MDI_Folder from 'vue-material-design-icons/Folder'
+import MDI_DotsHorizontal from 'vue-material-design-icons/DotsHorizontal'
+import MDI_FormatBold from 'vue-material-design-icons/FormatBold'
+import MDI_FormatItalic from 'vue-material-design-icons/FormatItalic'
+import MDI_FormatUnderline from 'vue-material-design-icons/FormatUnderline'
+import MDI_FormatStrikethrough from 'vue-material-design-icons/FormatStrikethrough'
+import MDI_FormatHeader1 from 'vue-material-design-icons/FormatHeader1'
+import MDI_FormatHeader2 from 'vue-material-design-icons/FormatHeader2'
+import MDI_FormatHeader3 from 'vue-material-design-icons/FormatHeader3'
+import MDI_FormatHeader4 from 'vue-material-design-icons/FormatHeader4'
+import MDI_FormatHeader5 from 'vue-material-design-icons/FormatHeader5'
+import MDI_FormatHeader6 from 'vue-material-design-icons/FormatHeader6'
+import MDI_FormatListNumbered from 'vue-material-design-icons/FormatListNumbered'
+import MDI_FormatListBulleted from 'vue-material-design-icons/FormatListBulleted'
+import MDI_FormatListCheckbox from 'vue-material-design-icons/FormatListCheckbox'
+import MDI_FormatQuote from 'vue-material-design-icons/FormatQuoteClose'
+import MDI_TableSettings from 'vue-material-design-icons/TableCog'
+import MDI_TableAddRowAfter from 'vue-material-design-icons/TableRowPlusAfter'
+import MDI_TableAddRowBefore from 'vue-material-design-icons/TableRowPlusBefore'
+import MDI_TableAddColumnAfter from 'vue-material-design-icons/TableColumnPlusAfter'
+import MDI_TableAddColumnBefore from 'vue-material-design-icons/TableColumnPlusBefore'
+
+const DEFAULT_ICON_SIZE = 20
+
+const makeIcon = (original) => ({
+	functional: true,
+	render(h, { data, props }) {
+		return h(original, {
+			data,
+			props: { size: DEFAULT_ICON_SIZE, ...props },
+		})
+	},
+})
 
 export const Loading = {
 	functional: true,
-	render(h) {
-		return h(MdiLoading, { staticClass: 'animation-rotate' })
+	render(h, { data, props }) {
+		return h(MDI_Loading, {
+			data,
+			staticClass: 'animation-rotate',
+			props: { size: DEFAULT_ICON_SIZE, ...props },
+		})
 	},
 }
+
+export const Lock = makeIcon(MDI_Lock)
+export const Delete = makeIcon(MDI_Delete)
+export const Undo = makeIcon(MDI_Undo)
+export const Redo = makeIcon(MDI_Redo)
+export const Info = makeIcon(MDI_Info)
+export const Positive = makeIcon(MDI_Positive)
+export const Warn = makeIcon(MDI_Warn)
+export const Danger = makeIcon(MDI_Danger)
+export const CodeTags = makeIcon(MDI_CodeTags)
+export const Table = makeIcon(MDI_Table)
+export const Emoticon = makeIcon(MDI_Emoticon)
+export const Images = makeIcon(MDI_Images)
+export const Help = makeIcon(MDI_Help)
+export const Upload = makeIcon(MDI_Upload)
+export const Folder = makeIcon(MDI_Folder)
+export const DotsHorizontal = makeIcon(MDI_DotsHorizontal)
+export const FormatBold = makeIcon(MDI_FormatBold)
+export const FormatItalic = makeIcon(MDI_FormatItalic)
+export const FormatUnderline = makeIcon(MDI_FormatUnderline)
+export const FormatStrikethrough = makeIcon(MDI_FormatStrikethrough)
+export const FormatHeader1 = makeIcon(MDI_FormatHeader1)
+export const FormatHeader2 = makeIcon(MDI_FormatHeader2)
+export const FormatHeader3 = makeIcon(MDI_FormatHeader3)
+export const FormatHeader4 = makeIcon(MDI_FormatHeader4)
+export const FormatHeader5 = makeIcon(MDI_FormatHeader5)
+export const FormatHeader6 = makeIcon(MDI_FormatHeader6)
+export const FormatListNumbered = makeIcon(MDI_FormatListNumbered)
+export const FormatListBulleted = makeIcon(MDI_FormatListBulleted)
+export const FormatListCheckbox = makeIcon(MDI_FormatListCheckbox)
+export const FormatQuote = makeIcon(MDI_FormatQuote)
+export const TableSettings = makeIcon(MDI_TableSettings)
+export const TableAddRowAfter = makeIcon(MDI_TableAddRowAfter)
+export const TableAddRowBefore = makeIcon(MDI_TableAddRowBefore)
+export const TableAddColumnAfter = makeIcon(MDI_TableAddColumnAfter)
+export const TableAddColumnBefore = makeIcon(MDI_TableAddColumnBefore)