Socket
Socket
Sign inDemoInstall

@fluentui/react-badge

Package Overview
Dependencies
Maintainers
12
Versions
897
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@fluentui/react-badge - npm Package Compare versions

Comparing version 9.0.0-alpha.26 to 9.0.0-alpha.27

25

CHANGELOG.json

@@ -5,3 +5,26 @@ {

{
"date": "Tue, 20 Apr 2021 07:29:23 GMT",
"date": "Wed, 21 Apr 2021 07:29:05 GMT",
"tag": "@fluentui/react-badge_v9.0.0-alpha.27",
"version": "9.0.0-alpha.27",
"comments": {
"prerelease": [
{
"comment": "Rename ax() to mergeClasses()",
"author": "miroslav.stastny@microsoft.com",
"commit": "64da065944467537d8f23a97ef4c19c3d60a529b",
"package": "@fluentui/react-badge"
}
],
"none": [
{
"comment": "Bump @fluentui/react-conformance to v0.2.5",
"author": "martinhochel@microsoft.com",
"commit": "c12557d08ab5673ec3d3ba9747cfec64f39309eb",
"package": "@fluentui/react-badge"
}
]
}
},
{
"date": "Tue, 20 Apr 2021 07:31:35 GMT",
"tag": "@fluentui/react-badge_v9.0.0-alpha.26",

@@ -8,0 +31,0 @@ "version": "9.0.0-alpha.26",

13

CHANGELOG.md
# Change Log - @fluentui/react-badge
This log was last generated on Tue, 20 Apr 2021 07:29:23 GMT and should not be manually modified.
This log was last generated on Wed, 21 Apr 2021 07:29:05 GMT and should not be manually modified.
<!-- Start content -->
## [9.0.0-alpha.27](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.0-alpha.27)
Wed, 21 Apr 2021 07:29:05 GMT
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.0-alpha.26..@fluentui/react-badge_v9.0.0-alpha.27)
### Changes
- Rename ax() to mergeClasses() ([PR #17875](https://github.com/microsoft/fluentui/pull/17875) by miroslav.stastny@microsoft.com)
## [9.0.0-alpha.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.0-alpha.26)
Tue, 20 Apr 2021 07:29:23 GMT
Tue, 20 Apr 2021 07:31:35 GMT
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.0-alpha.25..@fluentui/react-badge_v9.0.0-alpha.26)

@@ -11,0 +20,0 @@

4

lib-amd/components/Badge/useBadgeStyles.js

@@ -88,7 +88,7 @@ define(["require", "exports", "@fluentui/react-make-styles"], function (require, exports, react_make_styles_1) {

var styles = useStyles();
state.className = react_make_styles_1.ax(styles.root, state.size === 'smallest' && styles.rootSmallest, state.size === 'smaller' && styles.rootSmaller, state.size === 'small' && styles.rootSmall, state.size === 'medium' && styles.rootMedium, state.size === 'large' && styles.rootLarge, (state.size === 'larger' || state.size === 'largest') && styles.rootLargerLargest, state.shape === 'circular' && styles.rootCircular, state.shape === 'rounded' && styles.rootRounded, state.shape === 'rounded' &&
state.className = react_make_styles_1.mergeClasses(styles.root, state.size === 'smallest' && styles.rootSmallest, state.size === 'smaller' && styles.rootSmaller, state.size === 'small' && styles.rootSmall, state.size === 'medium' && styles.rootMedium, state.size === 'large' && styles.rootLarge, (state.size === 'larger' || state.size === 'largest') && styles.rootLargerLargest, state.shape === 'circular' && styles.rootCircular, state.shape === 'rounded' && styles.rootRounded, state.shape === 'rounded' &&
(state.size === 'small' || state.size === 'smaller' || state.size === 'smallest') &&
styles.rootRoundedSmallSmallerSmallest, state.appearance === 'ghost' && styles.rootGhost, state.appearance === 'outline' && styles.rootOutline, state.appearance === 'tint' && styles.rootTint, state.className);
if (state.icon) {
state.icon.className = react_make_styles_1.ax(styles.icon, state.icon.className);
state.icon.className = react_make_styles_1.mergeClasses(styles.icon, state.icon.className);
}

@@ -95,0 +95,0 @@ return state;

2

lib-amd/components/CounterBadge/useCounterBadgeStyles.js

@@ -40,3 +40,3 @@ define(["require", "exports", "@fluentui/react-make-styles", "../Badge/useBadgeStyles"], function (require, exports, react_make_styles_1, useBadgeStyles_1) {

var styles = useStyles();
state.className = react_make_styles_1.ax(styles.root, state.color === 'waning' && styles.warning, state.color === 'important' && styles.important, state.color === 'severe' && styles.severe, state.color === 'informative' && styles.informative, state.dot && styles.dot, !state.showZero && state.count === 0 && !state.dot && styles.hide, state.className);
state.className = react_make_styles_1.mergeClasses(styles.root, state.color === 'waning' && styles.warning, state.color === 'important' && styles.important, state.color === 'severe' && styles.severe, state.color === 'informative' && styles.informative, state.dot && styles.dot, !state.showZero && state.count === 0 && !state.dot && styles.hide, state.className);
return useBadgeStyles_1.useBadgeStyles(state);

@@ -43,0 +43,0 @@ };

2

lib-amd/components/PresenceBadge/DefaultPresenceBadgeIcons.js

@@ -39,3 +39,3 @@ define(["require", "exports", "tslib", "@fluentui/react-make-styles", "@fluentui/react-utilities", "react"], function (require, exports, tslib_1, react_make_styles_1, react_utilities_1, React) {

var _a = useIconProps(props), containerProps = _a.containerProps, nativeProps = _a.nativeProps, rootClasses = _a.rootClasses, svgClasses = _a.svgClasses;
return React.createElement('span', tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, containerProps), nativeProps), { className: react_make_styles_1.ax(rootClasses, props.className) }), React.createElement(SVGElement, { svgClasses: svgClasses }));
return React.createElement('span', tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, containerProps), nativeProps), { className: react_make_styles_1.mergeClasses(rootClasses, props.className) }), React.createElement(SVGElement, { svgClasses: svgClasses }));
}; };

@@ -42,0 +42,0 @@ var SkypeMinusIcon = exports.renderIcon(function (props) { return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 2048 2048", className: props.svgClasses },

2

lib-amd/components/PresenceBadge/usePresenceBadgeStyles.js

@@ -48,3 +48,3 @@ define(["require", "exports", "@fluentui/react-make-styles", "../../Badge"], function (require, exports, react_make_styles_1, Badge_1) {

var styles = useStyles();
state.className = react_make_styles_1.ax(styles.root, (state.status === 'busy' || state.status === 'doNotDisturb') && styles.statusBusy, state.status === 'away' && styles.statusAway, state.status === 'available' && styles.statusAvailable, state.status === 'offline' && styles.statusOffline, state.status === 'outOfOffice' && styles.statusOutOfOffice, state.outOfOffice && styles.outOfOffice, state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable, state.outOfOffice && (state.status === 'busy' || state.status === 'doNotDisturb') && styles.outOfOfficeBusy, state.outOfOffice && state.status === 'away' && styles.outOfOfficeAway, state.className);
state.className = react_make_styles_1.mergeClasses(styles.root, (state.status === 'busy' || state.status === 'doNotDisturb') && styles.statusBusy, state.status === 'away' && styles.statusAway, state.status === 'available' && styles.statusAvailable, state.status === 'offline' && styles.statusOffline, state.status === 'outOfOffice' && styles.statusOutOfOffice, state.outOfOffice && styles.outOfOffice, state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable, state.outOfOffice && (state.status === 'busy' || state.status === 'doNotDisturb') && styles.outOfOfficeBusy, state.outOfOffice && state.status === 'away' && styles.outOfOfficeAway, state.className);
return Badge_1.useBadgeStyles(state);

@@ -51,0 +51,0 @@ };

4

lib-commonjs/components/Badge/useBadgeStyles.js

@@ -88,7 +88,7 @@ "use strict";

var styles = useStyles();
state.className = react_make_styles_1.ax(styles.root, state.size === 'smallest' && styles.rootSmallest, state.size === 'smaller' && styles.rootSmaller, state.size === 'small' && styles.rootSmall, state.size === 'medium' && styles.rootMedium, state.size === 'large' && styles.rootLarge, (state.size === 'larger' || state.size === 'largest') && styles.rootLargerLargest, state.shape === 'circular' && styles.rootCircular, state.shape === 'rounded' && styles.rootRounded, state.shape === 'rounded' &&
state.className = react_make_styles_1.mergeClasses(styles.root, state.size === 'smallest' && styles.rootSmallest, state.size === 'smaller' && styles.rootSmaller, state.size === 'small' && styles.rootSmall, state.size === 'medium' && styles.rootMedium, state.size === 'large' && styles.rootLarge, (state.size === 'larger' || state.size === 'largest') && styles.rootLargerLargest, state.shape === 'circular' && styles.rootCircular, state.shape === 'rounded' && styles.rootRounded, state.shape === 'rounded' &&
(state.size === 'small' || state.size === 'smaller' || state.size === 'smallest') &&
styles.rootRoundedSmallSmallerSmallest, state.appearance === 'ghost' && styles.rootGhost, state.appearance === 'outline' && styles.rootOutline, state.appearance === 'tint' && styles.rootTint, state.className);
if (state.icon) {
state.icon.className = react_make_styles_1.ax(styles.icon, state.icon.className);
state.icon.className = react_make_styles_1.mergeClasses(styles.icon, state.icon.className);
}

@@ -95,0 +95,0 @@ return state;

2

lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js

@@ -41,5 +41,5 @@ "use strict";

var styles = useStyles();
state.className = react_make_styles_1.ax(styles.root, state.color === 'waning' && styles.warning, state.color === 'important' && styles.important, state.color === 'severe' && styles.severe, state.color === 'informative' && styles.informative, state.dot && styles.dot, !state.showZero && state.count === 0 && !state.dot && styles.hide, state.className);
state.className = react_make_styles_1.mergeClasses(styles.root, state.color === 'waning' && styles.warning, state.color === 'important' && styles.important, state.color === 'severe' && styles.severe, state.color === 'informative' && styles.informative, state.dot && styles.dot, !state.showZero && state.count === 0 && !state.dot && styles.hide, state.className);
return useBadgeStyles_1.useBadgeStyles(state);
};
//# sourceMappingURL=useCounterBadgeStyles.js.map

2

lib-commonjs/components/PresenceBadge/DefaultPresenceBadgeIcons.js

@@ -42,3 +42,3 @@ "use strict";

var _a = useIconProps(props), containerProps = _a.containerProps, nativeProps = _a.nativeProps, rootClasses = _a.rootClasses, svgClasses = _a.svgClasses;
return React.createElement('span', tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, containerProps), nativeProps), { className: react_make_styles_1.ax(rootClasses, props.className) }), React.createElement(SVGElement, { svgClasses: svgClasses }));
return React.createElement('span', tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, containerProps), nativeProps), { className: react_make_styles_1.mergeClasses(rootClasses, props.className) }), React.createElement(SVGElement, { svgClasses: svgClasses }));
}; };

@@ -45,0 +45,0 @@ var SkypeMinusIcon = exports.renderIcon(function (props) { return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 2048 2048", className: props.svgClasses },

2

lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js

@@ -49,5 +49,5 @@ "use strict";

var styles = useStyles();
state.className = react_make_styles_1.ax(styles.root, (state.status === 'busy' || state.status === 'doNotDisturb') && styles.statusBusy, state.status === 'away' && styles.statusAway, state.status === 'available' && styles.statusAvailable, state.status === 'offline' && styles.statusOffline, state.status === 'outOfOffice' && styles.statusOutOfOffice, state.outOfOffice && styles.outOfOffice, state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable, state.outOfOffice && (state.status === 'busy' || state.status === 'doNotDisturb') && styles.outOfOfficeBusy, state.outOfOffice && state.status === 'away' && styles.outOfOfficeAway, state.className);
state.className = react_make_styles_1.mergeClasses(styles.root, (state.status === 'busy' || state.status === 'doNotDisturb') && styles.statusBusy, state.status === 'away' && styles.statusAway, state.status === 'available' && styles.statusAvailable, state.status === 'offline' && styles.statusOffline, state.status === 'outOfOffice' && styles.statusOutOfOffice, state.outOfOffice && styles.outOfOffice, state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable, state.outOfOffice && (state.status === 'busy' || state.status === 'doNotDisturb') && styles.outOfOfficeBusy, state.outOfOffice && state.status === 'away' && styles.outOfOfficeAway, state.className);
return Badge_1.useBadgeStyles(state);
};
//# sourceMappingURL=usePresenceBadgeStyles.js.map

6

lib/components/Badge/useBadgeStyles.js

@@ -1,2 +0,2 @@

import { ax, makeStyles } from '@fluentui/react-make-styles';
import { mergeClasses, makeStyles } from '@fluentui/react-make-styles';
var useStyles = makeStyles({

@@ -86,7 +86,7 @@ root: function (theme) { return ({

var styles = useStyles();
state.className = ax(styles.root, state.size === 'smallest' && styles.rootSmallest, state.size === 'smaller' && styles.rootSmaller, state.size === 'small' && styles.rootSmall, state.size === 'medium' && styles.rootMedium, state.size === 'large' && styles.rootLarge, (state.size === 'larger' || state.size === 'largest') && styles.rootLargerLargest, state.shape === 'circular' && styles.rootCircular, state.shape === 'rounded' && styles.rootRounded, state.shape === 'rounded' &&
state.className = mergeClasses(styles.root, state.size === 'smallest' && styles.rootSmallest, state.size === 'smaller' && styles.rootSmaller, state.size === 'small' && styles.rootSmall, state.size === 'medium' && styles.rootMedium, state.size === 'large' && styles.rootLarge, (state.size === 'larger' || state.size === 'largest') && styles.rootLargerLargest, state.shape === 'circular' && styles.rootCircular, state.shape === 'rounded' && styles.rootRounded, state.shape === 'rounded' &&
(state.size === 'small' || state.size === 'smaller' || state.size === 'smallest') &&
styles.rootRoundedSmallSmallerSmallest, state.appearance === 'ghost' && styles.rootGhost, state.appearance === 'outline' && styles.rootOutline, state.appearance === 'tint' && styles.rootTint, state.className);
if (state.icon) {
state.icon.className = ax(styles.icon, state.icon.className);
state.icon.className = mergeClasses(styles.icon, state.icon.className);
}

@@ -93,0 +93,0 @@ return state;

4

lib/components/CounterBadge/useCounterBadgeStyles.js

@@ -1,2 +0,2 @@

import { ax, makeStyles } from '@fluentui/react-make-styles';
import { mergeClasses, makeStyles } from '@fluentui/react-make-styles';
import { useBadgeStyles } from '../Badge/useBadgeStyles';

@@ -39,5 +39,5 @@ var useStyles = makeStyles({

var styles = useStyles();
state.className = ax(styles.root, state.color === 'waning' && styles.warning, state.color === 'important' && styles.important, state.color === 'severe' && styles.severe, state.color === 'informative' && styles.informative, state.dot && styles.dot, !state.showZero && state.count === 0 && !state.dot && styles.hide, state.className);
state.className = mergeClasses(styles.root, state.color === 'waning' && styles.warning, state.color === 'important' && styles.important, state.color === 'severe' && styles.severe, state.color === 'informative' && styles.informative, state.dot && styles.dot, !state.showZero && state.count === 0 && !state.dot && styles.hide, state.className);
return useBadgeStyles(state);
};
//# sourceMappingURL=useCounterBadgeStyles.js.map

4

lib/components/PresenceBadge/DefaultPresenceBadgeIcons.js
import { __assign } from "tslib";
import { ax, makeStyles } from '@fluentui/react-make-styles';
import { mergeClasses, makeStyles } from '@fluentui/react-make-styles';
import { getNativeProps, htmlElementProperties } from '@fluentui/react-utilities';

@@ -40,3 +40,3 @@ import * as React from 'react';

var _a = useIconProps(props), containerProps = _a.containerProps, nativeProps = _a.nativeProps, rootClasses = _a.rootClasses, svgClasses = _a.svgClasses;
return React.createElement('span', __assign(__assign(__assign({}, containerProps), nativeProps), { className: ax(rootClasses, props.className) }), React.createElement(SVGElement, { svgClasses: svgClasses }));
return React.createElement('span', __assign(__assign(__assign({}, containerProps), nativeProps), { className: mergeClasses(rootClasses, props.className) }), React.createElement(SVGElement, { svgClasses: svgClasses }));
}; };

@@ -43,0 +43,0 @@ var SkypeMinusIcon = renderIcon(function (props) { return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 2048 2048", className: props.svgClasses },

4

lib/components/PresenceBadge/usePresenceBadgeStyles.js

@@ -1,2 +0,2 @@

import { ax, makeStyles } from '@fluentui/react-make-styles';
import { mergeClasses, makeStyles } from '@fluentui/react-make-styles';
import { useBadgeStyles } from '../../Badge';

@@ -47,5 +47,5 @@ var useStyles = makeStyles({

var styles = useStyles();
state.className = ax(styles.root, (state.status === 'busy' || state.status === 'doNotDisturb') && styles.statusBusy, state.status === 'away' && styles.statusAway, state.status === 'available' && styles.statusAvailable, state.status === 'offline' && styles.statusOffline, state.status === 'outOfOffice' && styles.statusOutOfOffice, state.outOfOffice && styles.outOfOffice, state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable, state.outOfOffice && (state.status === 'busy' || state.status === 'doNotDisturb') && styles.outOfOfficeBusy, state.outOfOffice && state.status === 'away' && styles.outOfOfficeAway, state.className);
state.className = mergeClasses(styles.root, (state.status === 'busy' || state.status === 'doNotDisturb') && styles.statusBusy, state.status === 'away' && styles.statusAway, state.status === 'available' && styles.statusAvailable, state.status === 'offline' && styles.statusOffline, state.status === 'outOfOffice' && styles.statusOutOfOffice, state.outOfOffice && styles.outOfOffice, state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable, state.outOfOffice && (state.status === 'busy' || state.status === 'doNotDisturb') && styles.outOfOfficeBusy, state.outOfOffice && state.status === 'away' && styles.outOfOfficeAway, state.className);
return useBadgeStyles(state);
};
//# sourceMappingURL=usePresenceBadgeStyles.js.map

6

package.json
{
"name": "@fluentui/react-badge",
"version": "9.0.0-alpha.26",
"version": "9.0.0-alpha.27",
"description": "React components for building web experiences",

@@ -41,5 +41,5 @@ "main": "lib-commonjs/index.js",

"dependencies": {
"@fluentui/react-make-styles": "^9.0.0-alpha.23",
"@fluentui/react-make-styles": "^9.0.0-alpha.24",
"@fluentui/react-theme": "^9.0.0-alpha.8",
"@fluentui/react-utilities": "^9.0.0-alpha.16",
"@fluentui/react-utilities": "^9.0.0-alpha.17",
"tslib": "^1.10.0"

@@ -46,0 +46,0 @@ },

lib-amd/components/Badge/useBadgeStyles.js.map

Sorry, the diff of this file is not supported yet

lib-amd/components/CounterBadge/useCounterBadgeStyles.js.map

Sorry, the diff of this file is not supported yet

lib-amd/components/PresenceBadge/DefaultPresenceBadgeIcons.js.map

Sorry, the diff of this file is not supported yet

lib-amd/components/PresenceBadge/usePresenceBadgeStyles.js.map

Sorry, the diff of this file is not supported yet

lib-commonjs/components/Badge/useBadgeStyles.js.map

Sorry, the diff of this file is not supported yet

lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js.map

Sorry, the diff of this file is not supported yet

lib-commonjs/components/PresenceBadge/DefaultPresenceBadgeIcons.js.map

Sorry, the diff of this file is not supported yet

lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js.map

Sorry, the diff of this file is not supported yet

lib/components/Badge/useBadgeStyles.js.map

Sorry, the diff of this file is not supported yet

lib/components/CounterBadge/useCounterBadgeStyles.js.map

Sorry, the diff of this file is not supported yet

lib/components/PresenceBadge/DefaultPresenceBadgeIcons.js.map

Sorry, the diff of this file is not supported yet

lib/components/PresenceBadge/usePresenceBadgeStyles.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

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

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc