@salutejs/plasma-new-hope

HOW TO PLASMA

В корне проекта plasma:

 npx lerna bootstrap --include-dependents --scope="@salutejs/plasma-new-hope"

New Hope

Пересборка:

cd packages/plasma-new-hope
npm run build:css:watch

Пример Дизайн-Системы:

 cd examples/example-design-system
 npm run storybook

Token Mappings:

cd website/plasma-tokens-mapping
PORT=7777 PLASMA_DIR=../../  npm run dev

NB

Khown problems with build:

- error ../../packages/plasma-new-hope/es/components/Button/Button.js
TypeError: Cannot create property 'message' on symbol 'Symbol(skip)'
    at run.next (<anonymous>)
    at Generator.next (<anonymous>)

fix:

rm -rf .next/cache

DS Generator:

cd tools/plasma-ds-generator

npm ci

PATH_TO_THEMES=../../website/plasma-tokens-mapping/themes PATH_TO_DESTINATION_CONFIG=../../packages/plasma-new-hope/src/examples  ./bin/scipt.js

TODO

• tokens-mapping: Dark / Light Theme
• [] tokens-mapping: connect tokens-theme to theme
• [] new-hope: storybook ThemeSwitch
• new-hope: Button: size
• [] new-hope: Button: pin
• [] new-hope: make hover/active scala token
• [] plasma-b2c: Button: pin
• [] plasma-b2c: Button: pin + focus
• [] new-hope: hovered / actived
• [] new-hope: Button: plasma-b2c
• [] new-hope: sds => sds-eng
• [] new-hope: Button: sds-eng
• [] new-hope: Button: outlined
• [] new-hope: focus-visible => polyfill ??
• [] new-hope: fix mergeConfig extend check example in plasma-b2c
• tokens-mapping: defaults saving
• tokens-mapping: boolean modifier
• [] tokens-mapping: state vc modifier ???
• [] tokens-mapping: intersection ???
• [] tokens-mapping: default values for tokens
• [] tokens-mapping: merge tokens with theme
• [] tokens-mapping: Complex tokens: enums => select
• new-hope: engine: linaria filter props
• ds-generator: Генерация componentConfig из theme.json
• ds-generator: examples plasma-new-hope
• [] new-hope: Типизация componentConfig
• [] new-hope: Типизация Button
• [] new-hope: Включить eslint
• [] new-hope: Переписать сборку new-hope на rollup
• [] new-hope: Починить сборку в commonJS
• [] new-hope: Add api-extractor
• [] example-ds: Сборка example-design-system на конфигах new-hope
• [] new-hope: Icon
• [] new-hope: Typography
• [] new-hope: Spin
• [] new-hope: Button: isLoading
• [] new-hope: TextField
• [] new-hope: TextArea
• new-hope: storybook: linaria
• new-hope: storybook: styled-components
• [] example: Переключение engines ???
• [] tokens-mapping: Включить eslint
• [] example-ds: Dark / Light Theme
• [] plasma-hope: Замена plasma-b2c/web:Button => plasma-new-hope:Button
• [] new-hope: Link
• tokens-mapping: Переключение тем
• [] tokens-mapping: AutoComplete токенов из theme-builder
• [] new-hope: Сборка в emotion
• [] ds-generator: _config => mergedConfig
• [] ds-generator: Включить eslint
• [] ds-generator: Генерация компонент
• [] ds-generator: Геренрация stories