New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@bem-react/classname

Package Overview
Dependencies
Maintainers
3
Versions
35
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@bem-react/classname - npm Package Compare versions

Comparing version 1.4.3 to 1.4.4

6

build/cjs/classname.development.js

@@ -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 · [![npm (scoped)](https://img.shields.io/npm/v/@bem-react/classname.svg)](https://www.npmjs.com/package/@bem-react/classname) [![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/@bem-react/classname.svg)](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
```
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc