Typed-design-system NPM

typed-design-system

████████╗██╗   ██╗██████╗ ███████╗██████╗
╚══██╔══╝╚██╗ ██╔╝██╔══██╗██╔════╝██╔══██╗
   ██║    ╚████╔╝ ██████╔╝█████╗  ██║  ██║
   ██║     ╚██╔╝  ██╔═══╝ ██╔══╝  ██║  ██║
   ██║      ██║   ██║     ███████╗██████╔╝
   ╚═╝      ╚═╝   ╚═╝     ╚══════╝╚═════╝

installation

npm i typed-design-system
// or
yarn add typed-design-system

hot-to-use

// using color props
<TypedIcon icon="backlink_opened_xsmall" color="blue" />

// you can adjust icon size by using font size. because svgr's icon option enabled
<TypedIcon icon="add_small" style={{fontSize: "136px"}} />

// you can use classnames for more specific styling (ex - hover, focus, etc)
<TypedIcon icon="docs_medium" color="red" className="docs_medium" />

if you want add svg at once

yarn bp
push to master branch

if you want add svg step by step

add svg in src/TypedIcon/svg
generate svg index.ts by node svgGenerate
- svgGenerate is written in old javascript. so, does not require a transfile
deploy storybook by yarn deploy-storybook
- if you just want to check storybook in lock, yarn storybook
rollup bundling by yarn build
- it create cjs, esm and type definition files
publish to npm by yarn publish
push to master branch

use with local typed-web-front

yarn link in typed-design-system
yarn link "typed-design-system" in typed-web-front
yarn build in typed-design-system ** if you change typed-design-system you have to re-build

unlink

yarn unlink in typed-design-system
yarn unlink "typed-design-system" in typed-web-front

for designers

storybook homepage(github-page)

etc

About SVGR options

typed design system react icons svg

@everything-registry/sub-chunk-2993 @infinitebrahmanuniverse/nolb-typed @psworld/resource-list

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago