@clayui/badge 3.92.0 → 3.105.1-alpha.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/index.d.ts CHANGED
@@ -3,7 +3,7 @@
3
3
  * SPDX-License-Identifier: BSD-3-Clause
4
4
  */
5
5
  import React from 'react';
6
- declare type DisplayType = 'primary' | 'secondary' | 'info' | 'danger' | 'success' | 'warning' | 'beta';
6
+ declare type DisplayType = 'primary' | 'secondary' | 'info' | 'danger' | 'success' | 'warning' | 'beta' | 'beta-dark';
7
7
  interface IProps extends React.HTMLAttributes<HTMLSpanElement> {
8
8
  /**
9
9
  * Determines the color of the badge.
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":["_classnames","_interopRequireDefault","require","_react","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ClayBadge","React","forwardRef","_ref","ref","className","_ref$displayType","displayType","label","otherProps","createElement","classNames","concat","displayName","_default","exports"],"sources":["../src/index.tsx"],"sourcesContent":["/**\n * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>\n * SPDX-License-Identifier: BSD-3-Clause\n */\n\nimport classNames from 'classnames';\nimport React from 'react';\n\ntype DisplayType =\n\t| 'primary'\n\t| 'secondary'\n\t| 'info'\n\t| 'danger'\n\t| 'success'\n\t| 'warning'\n\t| 'beta'\n\t| 'beta-dark';\n\ninterface IProps extends React.HTMLAttributes<HTMLSpanElement> {\n\t/**\n\t * Determines the color of the badge.\n\t */\n\tdisplayType?: DisplayType;\n\n\t/**\n\t * Info that is shown inside of the badge itself.\n\t */\n\tlabel?: string | number;\n}\n\nconst ClayBadge = React.forwardRef<HTMLSpanElement, IProps>(\n\t(\n\t\t{className, displayType = 'primary', label, ...otherProps}: IProps,\n\t\tref\n\t) => (\n\t\t<span\n\t\t\t{...otherProps}\n\t\t\tclassName={classNames('badge', `badge-${displayType}`, className)}\n\t\t\tref={ref}\n\t\t>\n\t\t\t<span className=\"badge-item badge-item-expand\">{label}</span>\n\t\t</span>\n\t)\n);\n\nClayBadge.displayName = 'ClayBadge';\n\nexport default ClayBadge;\n"],"mappings":";;;;;;AAKA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA0B,IAAAE,SAAA;AAN1B;AACA;AACA;AACA;AAHA,SAAAH,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AA8BA,IAAMmB,SAAS,gBAAGC,cAAK,CAACC,UAAU,CACjC,UAAAC,IAAA,EAECC,GAAG;EAAA,IADFC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAAC,gBAAA,GAAAH,IAAA,CAAEI,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,SAAS,GAAAA,gBAAA;IAAEE,KAAK,GAAAL,IAAA,CAALK,KAAK;IAAKC,UAAU,GAAAlB,wBAAA,CAAAY,IAAA,EAAA9B,SAAA;EAAA,oBAGzDD,MAAA,CAAAI,OAAA,CAAAkC,aAAA,SAAAjC,QAAA,KACKgC,UAAU;IACdJ,SAAS,EAAE,IAAAM,mBAAU,EAAC,OAAO,WAAAC,MAAA,CAAWL,WAAW,GAAIF,SAAS,CAAE;IAClED,GAAG,EAAEA;EAAI,iBAEThC,MAAA,CAAAI,OAAA,CAAAkC,aAAA;IAAML,SAAS,EAAC;EAA8B,GAAEG,KAAY,CACvD,CAAC;AAAA,CAET,CAAC;AAEDR,SAAS,CAACa,WAAW,GAAG,WAAW;AAAC,IAAAC,QAAA,GAErBd,SAAS;AAAAe,OAAA,CAAAvC,OAAA,GAAAsC,QAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clayui/badge",
3
- "version": "3.92.0",
3
+ "version": "3.105.1-alpha.8+41563f2b8",
4
4
  "description": "ClayBadge component",
5
5
  "license": "BSD-3-Clause",
6
6
  "repository": "https://github.com/liferay/clay",
@@ -12,8 +12,7 @@
12
12
  "types": "lib/index.d.ts",
13
13
  "ts:main": "src/index.tsx",
14
14
  "files": [
15
- "lib",
16
- "src"
15
+ "lib"
17
16
  ],
18
17
  "scripts": {
19
18
  "build": "cross-env NODE_ENV=production babel src --root-mode upward --out-dir lib --extensions .ts,.tsx",
@@ -36,5 +35,5 @@
36
35
  "browserslist": [
37
36
  "extends browserslist-config-clay"
38
37
  ],
39
- "gitHead": "7e52e53506434967cbab92acb124fa31d7080f84"
38
+ "gitHead": "41563f2b8f5a330f313a25b5eb6a56a014cdec2c"
40
39
  }
@@ -1,25 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`ClayBadge applies custom className 1`] = `
4
- <span
5
- className="badge badge-primary bar foo"
6
- >
7
- <span
8
- className="badge-item badge-item-expand"
9
- >
10
- 4
11
- </span>
12
- </span>
13
- `;
14
-
15
- exports[`ClayBadge renders 1`] = `
16
- <span
17
- className="badge badge-primary"
18
- >
19
- <span
20
- className="badge-item badge-item-expand"
21
- >
22
- 4
23
- </span>
24
- </span>
25
- `;
@@ -1,26 +0,0 @@
1
- /**
2
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
3
- * SPDX-License-Identifier: BSD-3-Clause
4
- */
5
-
6
- import ClayBadge from '..';
7
- import React from 'react';
8
- import TestRenderer from 'react-test-renderer';
9
-
10
- describe('ClayBadge', () => {
11
- it('renders', () => {
12
- const testRenderer = TestRenderer.create(
13
- <ClayBadge displayType="primary" label="4" />
14
- );
15
-
16
- expect(testRenderer.toJSON()).toMatchSnapshot();
17
- });
18
-
19
- it('applies custom className', () => {
20
- const testRenderer = TestRenderer.create(
21
- <ClayBadge className="bar foo" displayType="primary" label="4" />
22
- );
23
-
24
- expect(testRenderer.toJSON()).toMatchSnapshot();
25
- });
26
- });
package/src/index.tsx DELETED
@@ -1,47 +0,0 @@
1
- /**
2
- * SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
3
- * SPDX-License-Identifier: BSD-3-Clause
4
- */
5
-
6
- import classNames from 'classnames';
7
- import React from 'react';
8
-
9
- type DisplayType =
10
- | 'primary'
11
- | 'secondary'
12
- | 'info'
13
- | 'danger'
14
- | 'success'
15
- | 'warning'
16
- | 'beta';
17
-
18
- interface IProps extends React.HTMLAttributes<HTMLSpanElement> {
19
- /**
20
- * Determines the color of the badge.
21
- */
22
- displayType?: DisplayType;
23
-
24
- /**
25
- * Info that is shown inside of the badge itself.
26
- */
27
- label?: string | number;
28
- }
29
-
30
- const ClayBadge = React.forwardRef<HTMLSpanElement, IProps>(
31
- (
32
- {className, displayType = 'primary', label, ...otherProps}: IProps,
33
- ref
34
- ) => (
35
- <span
36
- {...otherProps}
37
- className={classNames('badge', `badge-${displayType}`, className)}
38
- ref={ref}
39
- >
40
- <span className="badge-item badge-item-expand">{label}</span>
41
- </span>
42
- )
43
- );
44
-
45
- ClayBadge.displayName = 'ClayBadge';
46
-
47
- export default ClayBadge;