Codemod transformations to help upgrade app using Bezier design system.
In your terminal, navigate into your project's folder, then run:
npx @channel.io/bezier-codemod
icons-to-bezier-icons
Update the import syntax for the icon source moved from @channel.io/bezier-react
to @channel.io/bezier-icons
.
For example:
import React from 'react'
import { AllIcon, Button, CheckIcon as CheckIconSource, Icon, type IconName, IconSize } from '@channel.io/bezier-react'
import Foo from './foo'
Transforms into:
import React from 'react'
import { AllIcon, CheckIcon as CheckIconSource, type IconName } from '@channel.io/bezier-icons'
import { Button, Icon, IconSize } from '@channel.io/bezier-react'
import Foo from './foo'
enum-member-to-string-literal
Replace deprecated enum usage to string literal.
For example:
import { ProgressBar, ProgressBarSize, ProgressBarVariant } from '@channel.io/bezier-react'
export default () => (
<ProgressBar
width='100%'
size={ProgressBarSize.M}
variant={ProgressBarVariant.GreenAlt}
value={uploadProgressPercentage / 100}
/>
)
Transforms into:
import { ProgressBar } from '@channel.io/bezier-react'
export default () => (
<ProgressBar
width='100%'
size='m'
variant='green-alt'
value={uploadProgressPercentage / 100}
/>
)