You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
59 lines
1.3 KiB
59 lines
1.3 KiB
import warning from '../_util/warning'
|
|
|
|
// These props make sure that the SVG behaviours like general text.
|
|
// Reference: https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4
|
|
export const svgBaseProps = {
|
|
width: '1em',
|
|
height: '1em',
|
|
fill: 'currentColor',
|
|
'aria-hidden': 'true',
|
|
focusable: 'false',
|
|
}
|
|
|
|
const fillTester = /-fill$/
|
|
const outlineTester = /-o$/
|
|
const twoToneTester = /-twotone$/
|
|
|
|
export function getThemeFromTypeName (type) {
|
|
let result = null
|
|
if (fillTester.test(type)) {
|
|
result = 'filled'
|
|
} else if (outlineTester.test(type)) {
|
|
result = 'outlined'
|
|
} else if (twoToneTester.test(type)) {
|
|
result = 'twoTone'
|
|
}
|
|
return result
|
|
}
|
|
|
|
export function removeTypeTheme (type) {
|
|
return type
|
|
.replace(fillTester, '')
|
|
.replace(outlineTester, '')
|
|
.replace(twoToneTester, '')
|
|
}
|
|
|
|
export function withThemeSuffix (type, theme) {
|
|
let result = type
|
|
if (theme === 'filled') {
|
|
result += '-fill'
|
|
} else if (theme === 'outlined') {
|
|
result += '-o'
|
|
} else if (theme === 'twoTone') {
|
|
result += '-twotone'
|
|
} else {
|
|
warning(false, `This icon '${type}' has unknown theme '${theme}'`)
|
|
}
|
|
return result
|
|
}
|
|
|
|
// For alias or compatibility
|
|
export function alias (type) {
|
|
switch (type) {
|
|
case 'cross':
|
|
return 'close'
|
|
default:
|
|
}
|
|
return type
|
|
}
|