@ringcentral/juno 2.35.4 → 2.35.5

package/components/Presence/assets/Check.js

@@ -3,7 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var Check = react_1.memo(react_1.forwardRef(function (props, svgRef) { return (react_1.default.createElement("svg", tslib_1.__assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", ref: svgRef }, props),
-    react_1.default.createElement("path", { id: "Shape", d: "M16,0A16,16,0,1,0,32,16,16,16,0,0,0,16,0Zm8.62,10.38L17.51,23.72A2.19,2.19,0,0,1,16,24.89h-.41a2.17,2.17,0,0,1-1.37-.53L8,19a2.22,2.22,0,0,1,2.38-3.7,1.76,1.76,0,0,1,.39.32L14.9,19.2,20.71,8.3a2.21,2.21,0,0,1,2.95-1.06,2.15,2.15,0,0,1,1.15,1.25,2.23,2.23,0,0,1-.08,1.7l-.11.21Z" }))); }));
+    react_1.default.createElement("g", { id: "Available" },
+        react_1.default.createElement("path", { id: "Shape", fill: "#3c9949", d: "M16,0A16,16,0,1,0,32,16,16,16,0,0,0,16,0Z" })),
+    react_1.default.createElement("path", { fill: "#fff", d: "M24.62,10.38,17.51,23.72A2.19,2.19,0,0,1,16,24.89h-.41a2.17,2.17,0,0,1-1.37-.53L8,19a2.22,2.22,0,0,1,2.38-3.7,2,2,0,0,1,.39.32L14.9,19.2,20.71,8.3a2.22,2.22,0,0,1,2.94-1.07h0a2.15,2.15,0,0,1,1.15,1.25,2.23,2.23,0,0,1-.08,1.7l-.11.21Z" }))); }));
 Check.displayName = 'Check';
 Check['iconName'] = 'check';
 exports.default = Check;

package/components/Presence/assets/Dnd.js

@@ -3,7 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var Dnd = react_1.memo(react_1.forwardRef(function (props, svgRef) { return (react_1.default.createElement("svg", tslib_1.__assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", ref: svgRef }, props),
-    react_1.default.createElement("path", { d: "M16,0A16,16,0,1,0,32,16,16,16,0,0,0,16,0Zm8.44,18.22H7.56a2.22,2.22,0,1,1,0-4.44H24.44a2.22,2.22,0,1,1,0,4.44Z" }))); }));
+    react_1.default.createElement("path", { fill: '#dd6057', d: "M16,0A16,16,0,1,0,32,16,16,16,0,0,0,16,0Z" }),
+    react_1.default.createElement("path", { fill: "#fff", d: "M24.44,18.22H7.56a2.22,2.22,0,1,1,0-4.44H24.44a2.22,2.22,0,0,1,0,4.44Z" }))); }));
 Dnd.displayName = 'Dnd';
 Dnd['iconName'] = 'dnd';
 exports.default = Dnd;

package/components/Presence/assets/Unattended.js

@@ -3,7 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var Unattended = react_1.memo(react_1.forwardRef(function (props, svgRef) { return (react_1.default.createElement("svg", tslib_1.__assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", ref: svgRef }, props),
-    react_1.default.createElement("path", { d: "M16,0A16,16,0,1,0,32,16,16,16,0,0,0,16,0Zm7.54,20.39a2.23,2.23,0,0,1-3.15,3.15h0L16,19.15l-4.39,4.39a2.23,2.23,0,0,1-3.15-3.15h0L12.85,16,8.46,11.61a2.23,2.23,0,0,1,3.15-3.15L16,12.85l4.39-4.39a2.23,2.23,0,0,1,3.15,3.15h0L19.15,16Z" }))); }));
+    react_1.default.createElement("path", { fill: "#dd6057", d: "M16,0A16,16,0,1,0,32,16,16,16,0,0,0,16,0Z" }),
+    react_1.default.createElement("path", { fill: "#fff", d: "M23.54,20.39a2.23,2.23,0,0,1-3.15,3.15h0L16,19.15l-4.39,4.39a2.23,2.23,0,0,1-3.15-3.15h0L12.85,16,8.46,11.61a2.23,2.23,0,0,1,3.15-3.15L16,12.85l4.39-4.39a2.23,2.23,0,0,1,3.15,3.15h0L19.15,16Z" }))); }));
 Unattended.displayName = 'Unattended';
 Unattended['iconName'] = 'unattended';
 exports.default = Unattended;

package/components/Presence/styles/StyledPresence.js

@@ -4,19 +4,18 @@ var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var foundation_1 = require("../../../foundation");
 var Icon_1 = require("../../Icon");
-var utils_1 = require("../utils");
 exports._StyledPresence = react_1.forwardRef(function (_a, ref) {
     var color = _a.color, type = _a.type, iconSizeValue = _a.iconSizeValue, borderSizeValue = _a.borderSizeValue, rest = tslib_1.__rest(_a, ["color", "type", "iconSizeValue", "borderSizeValue"]);
     return (react_1.default.createElement("div", tslib_1.__assign({ ref: ref }, rest)));
 });
 exports.StyledPresence = foundation_1.styled(exports._StyledPresence)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  box-sizing: content-box;\n\n  ", ";\n"], ["\n  display: flex;\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  box-sizing: content-box;\n\n  ",
     ";\n"])), function (_a) {
-    var type = _a.type, iconSizeValue = _a.iconSizeValue, borderSizeValue = _a.borderSizeValue, color = _a.color;
+    var iconSizeValue = _a.iconSizeValue, borderSizeValue = _a.borderSizeValue, color = _a.color;
     return foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      width: ", "px;\n      height: ", "px;\n      background: ", ";\n      ", ";\n      ", " {\n        svg {\n          width: ", "px;\n          height: ", "px;\n        }\n      }\n    "], ["\n      width: ", "px;\n      height: ", "px;\n      background: ",
         ";\n      ",
         ";\n      ", " {\n        svg {\n          width: ", "px;\n          height: ", "px;\n        }\n      }\n    "])), iconSizeValue, iconSizeValue, color
         ? foundation_1.getParsePaletteColor(color)
-        : utils_1.RcPresenceBackgroundColors[type] || foundation_1.palette2('neutral', 'l01'), foundation_1.fakeBorder({
+        : foundation_1.palette2('neutral', 'l01'), foundation_1.fakeBorder({
         inset: false,
         color: foundation_1.palette2('neutral', 'l01'),
         size: borderSizeValue,

package/components/Presence/utils/RcPresenceUtils.d.ts

@@ -2,4 +2,3 @@ import { UnitMap } from '../../../foundation';
 import { RcPresenceSize, RcPresenceType } from '../Presence';
 export declare const RcPresenceSizes: UnitMap<RcPresenceSize, [number, number]>;
 export declare const RcPresenceColors: UnitMap<RcPresenceType>;
-export declare const RcPresenceBackgroundColors: UnitMap<RcPresenceType>;

package/components/Presence/utils/RcPresenceUtils.js

@@ -28,17 +28,3 @@ exports.RcPresenceColors = {
     notReady: presenceOff,
     offline: presenceOff,
 };
-exports.RcPresenceBackgroundColors = {
-    // positive
-    available: '#FFFFFF',
-    attended: '#FFFFFF',
-    // negative
-    unAttended: '#FFFFFF',
-    onCall: '#FFFFFF',
-    inMeeting: '#FFFFFF',
-    DND: '#FFFFFF',
-    busy: '#FFFFFF',
-    unavailable: foundation_1.palette2('neutral', 'l01'),
-    notReady: foundation_1.palette2('neutral', 'l01'),
-    offline: foundation_1.palette2('neutral', 'l01'),
-};

package/es6/components/Presence/assets/Check.js

@@ -1,7 +1,9 @@
 import { __assign } from "tslib";
 import React, { forwardRef, memo } from 'react';
 var Check = memo(forwardRef(function (props, svgRef) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", ref: svgRef }, props),
-    React.createElement("path", { id: "Shape", d: "M16,0A16,16,0,1,0,32,16,16,16,0,0,0,16,0Zm8.62,10.38L17.51,23.72A2.19,2.19,0,0,1,16,24.89h-.41a2.17,2.17,0,0,1-1.37-.53L8,19a2.22,2.22,0,0,1,2.38-3.7,1.76,1.76,0,0,1,.39.32L14.9,19.2,20.71,8.3a2.21,2.21,0,0,1,2.95-1.06,2.15,2.15,0,0,1,1.15,1.25,2.23,2.23,0,0,1-.08,1.7l-.11.21Z" }))); }));
+    React.createElement("g", { id: "Available" },
+        React.createElement("path", { id: "Shape", fill: "#3c9949", d: "M16,0A16,16,0,1,0,32,16,16,16,0,0,0,16,0Z" })),
+    React.createElement("path", { fill: "#fff", d: "M24.62,10.38,17.51,23.72A2.19,2.19,0,0,1,16,24.89h-.41a2.17,2.17,0,0,1-1.37-.53L8,19a2.22,2.22,0,0,1,2.38-3.7,2,2,0,0,1,.39.32L14.9,19.2,20.71,8.3a2.22,2.22,0,0,1,2.94-1.07h0a2.15,2.15,0,0,1,1.15,1.25,2.23,2.23,0,0,1-.08,1.7l-.11.21Z" }))); }));
 Check.displayName = 'Check';
 Check['iconName'] = 'check';
 export default Check;

package/es6/components/Presence/assets/Dnd.js

@@ -1,7 +1,8 @@
 import { __assign } from "tslib";
 import React, { forwardRef, memo } from 'react';
 var Dnd = memo(forwardRef(function (props, svgRef) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", ref: svgRef }, props),
-    React.createElement("path", { d: "M16,0A16,16,0,1,0,32,16,16,16,0,0,0,16,0Zm8.44,18.22H7.56a2.22,2.22,0,1,1,0-4.44H24.44a2.22,2.22,0,1,1,0,4.44Z" }))); }));
+    React.createElement("path", { fill: '#dd6057', d: "M16,0A16,16,0,1,0,32,16,16,16,0,0,0,16,0Z" }),
+    React.createElement("path", { fill: "#fff", d: "M24.44,18.22H7.56a2.22,2.22,0,1,1,0-4.44H24.44a2.22,2.22,0,0,1,0,4.44Z" }))); }));
 Dnd.displayName = 'Dnd';
 Dnd['iconName'] = 'dnd';
 export default Dnd;

package/es6/components/Presence/assets/Unattended.js

@@ -1,7 +1,8 @@
 import { __assign } from "tslib";
 import React, { forwardRef, memo } from 'react';
 var Unattended = memo(forwardRef(function (props, svgRef) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", ref: svgRef }, props),
-    React.createElement("path", { d: "M16,0A16,16,0,1,0,32,16,16,16,0,0,0,16,0Zm7.54,20.39a2.23,2.23,0,0,1-3.15,3.15h0L16,19.15l-4.39,4.39a2.23,2.23,0,0,1-3.15-3.15h0L12.85,16,8.46,11.61a2.23,2.23,0,0,1,3.15-3.15L16,12.85l4.39-4.39a2.23,2.23,0,0,1,3.15,3.15h0L19.15,16Z" }))); }));
+    React.createElement("path", { fill: "#dd6057", d: "M16,0A16,16,0,1,0,32,16,16,16,0,0,0,16,0Z" }),
+    React.createElement("path", { fill: "#fff", d: "M23.54,20.39a2.23,2.23,0,0,1-3.15,3.15h0L16,19.15l-4.39,4.39a2.23,2.23,0,0,1-3.15-3.15h0L12.85,16,8.46,11.61a2.23,2.23,0,0,1,3.15-3.15L16,12.85l4.39-4.39a2.23,2.23,0,0,1,3.15,3.15h0L19.15,16Z" }))); }));
 Unattended.displayName = 'Unattended';
 Unattended['iconName'] = 'unattended';
 export default Unattended;

package/es6/components/Presence/styles/StyledPresence.js

@@ -2,19 +2,18 @@ import { __assign, __makeTemplateObject, __rest } from "tslib";
 import React, { forwardRef } from 'react';
 import { css, getParsePaletteColor, palette2, styled, fakeBorder, } from '../../../foundation';
 import { RcIcon } from '../../Icon';
-import { RcPresenceBackgroundColors } from '../utils';
 export var _StyledPresence = forwardRef(function (_a, ref) {
     var color = _a.color, type = _a.type, iconSizeValue = _a.iconSizeValue, borderSizeValue = _a.borderSizeValue, rest = __rest(_a, ["color", "type", "iconSizeValue", "borderSizeValue"]);
     return (React.createElement("div", __assign({ ref: ref }, rest)));
 });
 export var StyledPresence = styled(_StyledPresence)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  box-sizing: content-box;\n\n  ", ";\n"], ["\n  display: flex;\n  flex-shrink: 0;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  box-sizing: content-box;\n\n  ",
     ";\n"])), function (_a) {
-    var type = _a.type, iconSizeValue = _a.iconSizeValue, borderSizeValue = _a.borderSizeValue, color = _a.color;
+    var iconSizeValue = _a.iconSizeValue, borderSizeValue = _a.borderSizeValue, color = _a.color;
     return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      width: ", "px;\n      height: ", "px;\n      background: ", ";\n      ", ";\n      ", " {\n        svg {\n          width: ", "px;\n          height: ", "px;\n        }\n      }\n    "], ["\n      width: ", "px;\n      height: ", "px;\n      background: ",
         ";\n      ",
         ";\n      ", " {\n        svg {\n          width: ", "px;\n          height: ", "px;\n        }\n      }\n    "])), iconSizeValue, iconSizeValue, color
         ? getParsePaletteColor(color)
-        : RcPresenceBackgroundColors[type] || palette2('neutral', 'l01'), fakeBorder({
+        : palette2('neutral', 'l01'), fakeBorder({
         inset: false,
         color: palette2('neutral', 'l01'),
         size: borderSizeValue,

package/es6/components/Presence/utils/RcPresenceUtils.js

@@ -26,17 +26,3 @@ export var RcPresenceColors = {
     notReady: presenceOff,
     offline: presenceOff,
 };
-export var RcPresenceBackgroundColors = {
-    // positive
-    available: '#FFFFFF',
-    attended: '#FFFFFF',
-    // negative
-    unAttended: '#FFFFFF',
-    onCall: '#FFFFFF',
-    inMeeting: '#FFFFFF',
-    DND: '#FFFFFF',
-    busy: '#FFFFFF',
-    unavailable: palette2('neutral', 'l01'),
-    notReady: palette2('neutral', 'l01'),
-    offline: palette2('neutral', 'l01'),
-};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ringcentral/juno",
-  "version": "2.35.4",
+  "version": "2.35.5",
   "author": "RingCentral",
   "license": "MIT",
   "main": "./index.js",