mirror_html/tabler-icons
1
0
Fork 0
mirror of https://github.com/tabler/tabler-icons.git synced 2025-08-19 12:21:39 +02:00
Code Issues Releases Wiki Activity

support for Modularized Imports (#468)

Browse Source
This commit is contained in:
Paweł Kuna
2023-01-25 23:24:16 +01:00
committed by GitHub
parent 42ec7bcb95
commit 510f416376
6 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.build/build-icons.mjs
View File

@@ -70,7 +70,7 @@ export const buildIcons = ({
parser: 'babel' parser: 'babel'
}) : component }) : component
let filePath = path.resolve(DIST_DIR, 'src/icons', `${svgFile.name}.${extension}`) let filePath = path.resolve(DIST_DIR, 'src/icons', `${svgFile.namePascal}.${extension}`)
fs.writeFileSync(filePath, output, 'utf-8') fs.writeFileSync(filePath, output, 'utf-8')
index.push(indexItemTemplate({ index.push(indexItemTemplate({

2
packages/icons-preact/build.mjs
View File

@@ -13,7 +13,7 @@ export default createPreactComponent('${name}', '${namePascal}', ${JSON.stringif
const indexItemTemplate = ({ const indexItemTemplate = ({
name, name,
namePascal namePascal
}) => `export { default as ${namePascal} } from './icons/${name}';` }) => `export { default as ${namePascal} } from './icons/${namePascal}';`
const typeDefinitionsTemplate = () => `/// <reference types="preact" /> const typeDefinitionsTemplate = () => `/// <reference types="preact" />
import { JSX, RefObject } from 'preact' import { JSX, RefObject } from 'preact'

4
packages/icons-react/build.mjs
View File

@@ -13,7 +13,7 @@ export default createReactComponent('${name}', '${namePascal}', ${JSON.stringify
const indexItemTemplate = ({ const indexItemTemplate = ({
name, name,
namePascal namePascal
}) => `export { default as ${namePascal} } from './icons/${name}';` }) => `export { default as ${namePascal} } from './icons/${namePascal}';`
const typeDefinitionsTemplate = () => `/// <reference types="react" /> const typeDefinitionsTemplate = () => `/// <reference types="react" />
import { SVGAttributes } from 'react' import { SVGAttributes } from 'react'
@@ -25,7 +25,7 @@ export interface TablerIconsProps extends Partial<React.SVGProps<SVGSVGElement>>
size?: string | number size?: string | number
} }
export declare const createReactComponent: (iconName: string, iconNode: any[]) => (props: TablerIconsProps) => JSX.Element; export declare const createReactComponent: (iconName: string, iconNamePascal: string, iconNode: any[]) => (props: TablerIconsProps) => JSX.Element;
export type Icon = React.FC<TablerIconsProps>; export type Icon = React.FC<TablerIconsProps>;

2
packages/icons-solidjs/build.mjs
View File

@@ -13,7 +13,7 @@ export default createSolidComponent('${name}', '${namePascal}', ${JSON.stringify
const indexItemTemplate = ({ const indexItemTemplate = ({
name, name,
namePascal namePascal
}) => `export { default as ${namePascal} } from './icons/${name}';` }) => `export { default as ${namePascal} } from './icons/${namePascal}';`
const typeDefinitionsTemplate = () => `/// <reference types="solid-js" /> const typeDefinitionsTemplate = () => `/// <reference types="solid-js" />
import { JSX } from 'solid-js' import { JSX } from 'solid-js'

2
packages/icons-svelte/build.mjs
View File

@@ -21,7 +21,7 @@ const iconNode = ${JSON.stringify(children)};
const indexItemTemplate = ({ const indexItemTemplate = ({
name, name,
namePascal namePascal
}) => `export { default as ${namePascal} } from './icons/${name}.svelte';` }) => `export { default as ${namePascal} } from './icons/${namePascal}.svelte';`
const typeDefinitionsTemplate = () => `/// <reference types="svelte" /> const typeDefinitionsTemplate = () => `/// <reference types="svelte" />
/// <reference types="svelte2tsx/svelte-jsx" /> /// <reference types="svelte2tsx/svelte-jsx" />

2
packages/icons-vue/build.mjs
View File

@@ -13,7 +13,7 @@ export default createVueComponent('${name}', '${namePascal}', ${JSON.stringify(c
const indexItemTemplate = ({ const indexItemTemplate = ({
name, name,
namePascal namePascal
}) => `export { default as ${namePascal} } from './icons/${name}';` }) => `export { default as ${namePascal} } from './icons/${namePascal}';`
const typeDefinitionsTemplate = () => `import { SVGAttributes, FunctionalComponent } from 'vue'; const typeDefinitionsTemplate = () => `import { SVGAttributes, FunctionalComponent } from 'vue';
declare module '@tabler/icons-vue' declare module '@tabler/icons-vue'