From ea87274d6130e59d2c16d871c4c6a7c8f01d04a1 Mon Sep 17 00:00:00 2001 From: Shivam Mishra Date: Wed, 11 Dec 2024 15:20:11 +0530 Subject: [PATCH] feat: move icons outside --- tailwind.config.js | 23 +-------- theme/icons.js | 116 +++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 118 insertions(+), 21 deletions(-) create mode 100644 theme/icons.js diff --git a/tailwind.config.js b/tailwind.config.js index 7d16da266..93c164cac 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,5 +1,6 @@ const { slateDark } = require('@radix-ui/colors'); import { colors } from './theme/colors'; +import { icons } from './theme/icons'; const defaultTheme = require('tailwindcss/defaultTheme'); const { iconsPlugin, @@ -218,27 +219,7 @@ const tailwindConfig = { require('@tailwindcss/typography'), iconsPlugin({ collections: { - woot: { - icons: { - 'logic-or': { - body: ``, - width: 24, - height: 24, - }, - alert: { - body: ``, - width: 2, - height: 12, - }, - captain: { - body: ` - - `, - width: 556, - height: 556, - }, - }, - }, + woot: { icons }, ...getIconCollections(['lucide', 'logos', 'ri', 'ph', 'teenyicons']), }, }), diff --git a/theme/icons.js b/theme/icons.js new file mode 100644 index 000000000..265c859b4 --- /dev/null +++ b/theme/icons.js @@ -0,0 +1,116 @@ +export const icons = { + 'logic-or': { + body: ``, + width: 24, + height: 24, + }, + alert: { + body: ``, + width: 2, + height: 12, + }, + captain: { + body: ` + + `, + width: 556, + height: 556, + }, + 'file-csv': { + body: ` + + + + + + + + `, + width: 16, + height: 20, + }, + 'file-doc': { + body: ` + + + + + + + + + + `, + width: 16, + height: 20, + }, + 'file-pdf': { + body: ` + + + + + + + + + + `, + width: 16, + height: 20, + }, + 'file-ppt': { + body: ` + + + + + + + + + + `, + width: 16, + height: 20, + }, + 'file-txt': { + body: ` + + + + + + + + `, + width: 16, + height: 20, + }, + 'file-xls': { + body: ` + + + + + + + + `, + width: 16, + height: 20, + }, + 'file-zip': { + body: ` + + + + + + + + `, + width: 16, + height: 20, + }, +};