@bem-react/classname
Advanced tools
Comparing version 1.4.3 to 1.4.4
@@ -12,11 +12,9 @@ 'use strict'; | ||
* import { withNaming } from '@bem-react/classname'; | ||
* import { origin } from '@bem/sdk.naming.presets'; | ||
* | ||
* const cn = withNaming(origin); | ||
* const cn = withNaming({ n: 'ns-', e: '__', m: '_' }); | ||
* | ||
* cn('block', 'elem'); // 'block__elem' | ||
* cn('block', 'elem'); // 'ns-block__elem' | ||
* ``` | ||
* | ||
* @param preset settings for the naming convention | ||
* @see https://github.com/bem/bem-sdk/tree/master/packages/naming.presets | ||
* | ||
@@ -23,0 +21,0 @@ * @@bem-react/classname |
@@ -6,2 +6,10 @@ # Change Log | ||
## [1.4.4](https://github.com/bem/bem-react/tree/master/packages/classname/compare/@bem-react/classname@1.4.3...@bem-react/classname@1.4.4) (2019-03-01) | ||
**Note:** Version bump only for package @bem-react/classname | ||
## [1.4.3](https://github.com/bem/bem-react/tree/master/packages/classname/compare/@bem-react/classname@1.4.2...@bem-react/classname@1.4.3) (2019-01-17) | ||
@@ -8,0 +16,0 @@ |
@@ -54,11 +54,9 @@ /** | ||
* import { withNaming } from '@bem-react/classname'; | ||
* import { origin } from '@bem/sdk.naming.presets'; | ||
* | ||
* const cn = withNaming(origin); | ||
* const cn = withNaming({ n: 'ns-', e: '__', m: '_' }); | ||
* | ||
* cn('block', 'elem'); // 'block__elem' | ||
* cn('block', 'elem'); // 'ns-block__elem' | ||
* ``` | ||
* | ||
* @param preset settings for the naming convention | ||
* @see https://github.com/bem/bem-sdk/tree/master/packages/naming.presets | ||
* | ||
@@ -65,0 +63,0 @@ * @@bem-react/classname |
{ | ||
"name": "@bem-react/classname", | ||
"version": "1.4.3", | ||
"version": "1.4.4", | ||
"description": "BEM React ClassName", | ||
@@ -46,3 +46,3 @@ "repository": "https://github.com/bem/bem-react/tree/master/packages/classname", | ||
}, | ||
"gitHead": "d22d12456874a29b527be334308f989307c5fa04" | ||
"gitHead": "44234ca2470324bfecb9ef393e0bc4718ab24780" | ||
} |
@@ -17,5 +17,5 @@ # ClassName · [](https://www.npmjs.com/package/@bem-react/classname) [](https://bundlephobia.com/result?p=@bem-react/classname) | ||
cat(); // Cat | ||
cat({ size: 'm' }); // Cat_size_m | ||
cat({ size: 'm' }); // Cat Cat_size_m | ||
cat('Tail'); // Cat-Tail | ||
cat('Tail', { length: 'small' }); // Cat-Tail_length_small | ||
cat('Tail', { length: 'small' }); // Cat-Tail Cat-Tail_length_small | ||
@@ -25,3 +25,3 @@ const dogPaw = cn('Dog', 'Paw'); | ||
dogPaw(); // Dog-Paw | ||
dogPaw({ color: 'black', exists: true }); // Dog-Paw_color_black Dog-Paw_exists | ||
dogPaw({ color: 'black', exists: true }); // Dog-Paw Dog-Paw_color_black Dog-Paw_exists | ||
``` | ||
@@ -43,7 +43,6 @@ | ||
import { withNaming } from '@bem-react/classname'; | ||
import { origin } from '@bem/sdk.naming.presets'; | ||
const cn = withNaming(origin); | ||
const cn = withNaming({ n: 'ns-', e: '__', m: '_' }); | ||
cn('block', 'elem')({ theme: 'default' }); // block__elem_theme_default | ||
cn('block', 'elem')({ theme: 'default' }); // ns-block__elem_theme_default | ||
``` |
18231
198
46