@che-ins-ui/contacts - npm Package Compare versions

Comparing version 3.0.1 to 3.1.0

dist/contacts.cjs.development.js

@@ -13,2 +13,6 @@ 'use strict';
 var reactJss = require('react-jss');
+var TelegramIcon = require('@che-ins-ui/icons/TelegramIcon');
+var TwitterIcon = require('@che-ins-ui/icons/TwitterIcon');
+var VKIcon = require('@che-ins-ui/icons/VKIcon');
+var WhatsupIcon = require('@che-ins-ui/icons/WhatsupIcon');
 
@@ -101,2 +105,78 @@ var CONTACTS_COMPONENT_NAMESPACE = "@che/contacts";
 
+var email = "[e-mail]";
+var socialNetworks = [{
+  icon: /*#__PURE__*/jsxRuntime.jsx(VKIcon.VKIcon, {}),
+  link: "https://vk.com/cherehapa"
+}, {
+  icon: /*#__PURE__*/jsxRuntime.jsx(TwitterIcon.TwitterIcon, {}),
+  link: "https://twitter.com/cherehapa"
+}, {
+  icon: /*#__PURE__*/jsxRuntime.jsx(TelegramIcon.TelegramIcon, {}),
+  link: "https://t.me/Cherehapa_support_bot"
+}, {
+  icon: /*#__PURE__*/jsxRuntime.jsx(WhatsupIcon.WhatsupIcon, {}),
+  link: "https://api.whatsapp.com/send?phone=79250012551"
+}];
+
+var AvailableTime = function AvailableTime() {
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx("span", {
+      children: "Mon-Fr: 08:00-00:00 (GMT+3)"
+    }), jsxRuntime.jsx("br", {}), jsxRuntime.jsx("span", {
+      children: "Sut-Sun: 09:00-21:00 (GMT+3)"
+    })]
+  });
+};
+
+var phonesRU = [{
+  phone: "84952151198",
+  title: "8 [phone]",
+  label: "Moscow"
+}, {
+  phone: "88005552198",
+  title: "8 [phone]",
+  label: "Russia (free)"
+}];
+var callUsButton = "Call";
+var contactsConfigEN = {
+  availableTime: /*#__PURE__*/jsxRuntime.jsx(AvailableTime, {}),
+  phones: phonesRU,
+  email: email,
+  callUsButton: callUsButton,
+  socialNetworks: socialNetworks
+};
+
+var AvailableTime$1 = function AvailableTime() {
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx("span", {
+      children: "\u041F\u043D-\u041F\u0442: 08:00-00:00"
+    }), jsxRuntime.jsx("br", {}), jsxRuntime.jsx("span", {
+      children: "\u0421\u0431-\u0412\u0441: 09:00-21:00"
+    })]
+  });
+};
+
+var phonesRU$1 = [{
+  phone: "84952151198",
+  title: "8 [phone]",
+  label: "Москва"
+}, {
+  phone: "88005552198",
+  title: "8 [phone]",
+  label: "Россия (бесплатно)"
+}];
+var callUsButton$1 = "Позвонить онлайн";
+var contactsConfigRU = {
+  availableTime: /*#__PURE__*/jsxRuntime.jsx(AvailableTime$1, {}),
+  phones: phonesRU$1,
+  email: email,
+  callUsButton: callUsButton$1,
+  socialNetworks: socialNetworks
+};
+
+var configs = {
+  ru: contactsConfigRU,
+  en: contactsConfigEN
+};
+
 var Contacts = /*#__PURE__*/react.memo(function (_ref) {
@@ -107,8 +187,4 @@ var _ref$baseAppearance = _ref.baseAppearance,
       appearance = _ref$appearance === void 0 ? "base" : _ref$appearance,
-      _ref$contacts = _ref.contacts,
-      availableTime = _ref$contacts.availableTime,
-      phones = _ref$contacts.phones,
-      email = _ref$contacts.email,
-      callUsButton = _ref$contacts.callUsButton,
-      socialNetworks = _ref$contacts.socialNetworks;
+      _ref$language = _ref.language,
+      language = _ref$language === void 0 ? "ru" : _ref$language;
   var classes = useStyles();
@@ -136,2 +212,5 @@ var classNames = react.useMemo(function () {
   });
+  var config = react.useMemo(function () {
+    return configs[language];
+  }, [language]);
   return jsxRuntime.jsxs("ul", {
@@ -141,4 +220,4 @@ className: classNames.contactsListClassName,
       className: classNames.contactsListItemClassName,
-      children: availableTime
-    }), phones.map(function (_ref2) {
+      children: config.availableTime
+    }), config.phones.map(function (_ref2) {
       var phone = _ref2.phone,
@@ -160,9 +239,9 @@ title = _ref2.title,
       children: jsxRuntime.jsx("a", {
-        href: "mailto:" + email,
+        href: "mailto:" + config.email,
         className: classNames.contactsListItemLinkClassName,
         rel: "noopener noreferrer",
         target: "_blank",
-        children: email
+        children: config.email
       })
-    }), callUsButton && jsxRuntime.jsx("li", {
+    }), jsxRuntime.jsx("li", {
       className: classNames.contactsListItemClassName,
@@ -174,8 +253,8 @@ children: jsxRuntime.jsx("div", {
           className: classnames(classNames.contactsCallUsButtonClassName, "support-call-button"),
-          children: [jsxRuntime.jsx(CallIcon.CallIcon, {}), callUsButton.title]
+          children: [jsxRuntime.jsx(CallIcon.CallIcon, {}), config.callUsButton]
         })
       })
-    }), !!(socialNetworks != null && socialNetworks.length) && jsxRuntime.jsx("li", {
+    }), jsxRuntime.jsx("li", {
       className: classNames.contactsListItemSocialNetworksClassName,
-      children: socialNetworks.map(function (_ref3, i) {
+      children: config.socialNetworks.map(function (_ref3, i) {
         var icon = _ref3.icon,
@@ -182,0 +261,0 @@ link = _ref3.link;

dist/contacts.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t,e,s=require("react/jsx-runtime"),a=require("react"),c=(t=require("classnames"))&&"object"==typeof t&&"default"in t?t.default:t,n=require("@che-ins-ui/icons/CallIcon"),i=require("@che-ins-ui/theme"),o=require("react-jss"),l={contactsList:"contactsList",contactsListItem:"contactsListItem",contactsListItemLink:"contactsListItemLink",contactsListItemSocialNetworks:"contactsListItemSocialNetworks",contactsSocialNetworkLink:"contactsSocialNetworkLink",callUsButton:"callUsButton"},r=((e={})[l.contactsList]={padding:"0px",listStyle:"none",margin:"0px",display:"flex",flexDirection:"column",gap:"9px",width:"max-content",flexShrink:0},e[l.contactsListItem]={color:"#808FA4",fontSize:"13px",fontWeight:400,letterSpacing:"-.45px"},e[l.contactsListItemSocialNetworks]={marginTop:"19px",display:"flex",gap:"20px"},e[l.contactsSocialNetworkLink]={},e[l.contactsListItemLink]={textDecoration:"none",marginRight:"3px",fontSize:"13px",fontWeight:400,letterSpacing:"-.45px",color:"#636AFF"},e[l.callUsButton]={display:"flex",justifyContent:"space-between",alignItems:"center",minHeight:"25px",background:"white",border:"1px solid currentColor",borderRadius:"8px",padding:"0 6px",color:"#636AFF",cursor:"pointer",transition:"0.2s","& svg":{marginRight:"5px"},"&:hover":{background:"#EDF4FE"},"&:active":{transform:"scale(0.95)"}},e),m=o.createUseStyles(i.createClasses(r,"@che/contacts"),{name:"contacts"}),N=a.memo((function(t){var e=t.baseAppearance,o=void 0===e?"base":e,l=t.appearance,r=void 0===l?"base":l,N=t.contacts,p=N.availableTime,u=N.phones,L=N.email,x=N.callUsButton,C=N.socialNetworks,d=m(),g=a.useMemo((function(){return{contactsListClassName:i.getClassName(d,o,r,"contactsList"),contactsListItemClassName:i.getClassName(d,o,r,"contactsListItem"),contactsListItemLinkClassName:i.getClassName(d,o,r,"contactsListItemLink"),contactsCallUsButtonClassName:i.getClassName(d,o,r,"callUsButton"),contactsListItemSocialNetworksClassName:i.getClassName(d,o,r,"contactsListItemSocialNetworks"),contactsSocialNetworkLinkClassName:i.getClassName(d,o,r,"contactsSocialNetworkLink")}}),[d,o,r]),h=JSON.stringify({host:"widgets.mango-office.ru/",id:"MTAwMTc3NjI=",errorMessage:"В данный момент наблюдаются технические проблемы и совершение звонка невозможно"});return s.jsxs("ul",{className:g.contactsListClassName,children:[s.jsx("li",{className:g.contactsListItemClassName,children:p}),u.map((function(t){var e=t.phone,a=t.label;return s.jsxs("li",{className:g.contactsListItemClassName,children:[s.jsx("a",{href:"tel:"+e,className:g.contactsListItemLinkClassName,children:t.title})," ",s.jsx("span",{children:a})]},e)})),s.jsx("li",{className:g.contactsListItemClassName,children:s.jsx("a",{href:"mailto:"+L,className:g.contactsListItemLinkClassName,rel:"noopener noreferrer",target:"_blank",children:L})}),x&&s.jsx("li",{className:g.contactsListItemClassName,children:s.jsx("div",{"data-options":h,className:"mango-call-site",children:s.jsxs("button",{className:c(g.contactsCallUsButtonClassName,"support-call-button"),children:[s.jsx(n.CallIcon,{}),x.title]})})}),!(null==C||!C.length)&&s.jsx("li",{className:g.contactsListItemSocialNetworksClassName,children:C.map((function(t,e){return s.jsx("a",{href:t.link,target:"_blank",referrerPolicy:"no-referrer",className:g.contactsSocialNetworkLinkClassName,children:t.icon},e)}))})]})}));exports.CONTACTS_COMPONENTS_NAMES=l,exports.CONTACTS_COMPONENT_NAMESPACE="@che/contacts",exports.Contacts=N;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t,e,s=require("react/jsx-runtime"),a=require("react"),n=(t=require("classnames"))&&"object"==typeof t&&"default"in t?t.default:t,c=require("@che-ins-ui/icons/CallIcon"),i=require("@che-ins-ui/theme"),o=require("react-jss"),l=require("@che-ins-ui/icons/TelegramIcon"),r=require("@che-ins-ui/icons/TwitterIcon"),m=require("@che-ins-ui/icons/VKIcon"),p=require("@che-ins-ui/icons/WhatsupIcon"),u={contactsList:"contactsList",contactsListItem:"contactsListItem",contactsListItemLink:"contactsListItemLink",contactsListItemSocialNetworks:"contactsListItemSocialNetworks",contactsSocialNetworkLink:"contactsSocialNetworkLink",callUsButton:"callUsButton"},h=((e={})[u.contactsList]={padding:"0px",listStyle:"none",margin:"0px",display:"flex",flexDirection:"column",gap:"9px",width:"max-content",flexShrink:0},e[u.contactsListItem]={color:"#808FA4",fontSize:"13px",fontWeight:400,letterSpacing:"-.45px"},e[u.contactsListItemSocialNetworks]={marginTop:"19px",display:"flex",gap:"20px"},e[u.contactsSocialNetworkLink]={},e[u.contactsListItemLink]={textDecoration:"none",marginRight:"3px",fontSize:"13px",fontWeight:400,letterSpacing:"-.45px",color:"#636AFF"},e[u.callUsButton]={display:"flex",justifyContent:"space-between",alignItems:"center",minHeight:"25px",background:"white",border:"1px solid currentColor",borderRadius:"8px",padding:"0 6px",color:"#636AFF",cursor:"pointer",transition:"0.2s","& svg":{marginRight:"5px"},"&:hover":{background:"#EDF4FE"},"&:active":{transform:"scale(0.95)"}},e),N=o.createUseStyles(i.createClasses(h,"@che/contacts"),{name:"contacts"}),x="[e-mail]",d=[{icon:s.jsx(m.VKIcon,{}),link:"https://vk.com/cherehapa"},{icon:s.jsx(r.TwitterIcon,{}),link:"https://twitter.com/cherehapa"},{icon:s.jsx(l.TelegramIcon,{}),link:"https://t.me/Cherehapa_support_bot"},{icon:s.jsx(p.WhatsupIcon,{}),link:"https://api.whatsapp.com/send?phone=79250012551"}],L=function(){return s.jsxs(s.Fragment,{children:[s.jsx("span",{children:"Mon-Fr: 08:00-00:00 (GMT+3)"}),s.jsx("br",{}),s.jsx("span",{children:"Sut-Sun: 09:00-21:00 (GMT+3)"})]})},k={availableTime:s.jsx(L,{}),phones:[{phone:"84952151198",title:"8 [phone]",label:"Moscow"},{phone:"88005552198",title:"8 [phone]",label:"Russia (free)"}],email:x,callUsButton:"Call",socialNetworks:d},C=function(){return s.jsxs(s.Fragment,{children:[s.jsx("span",{children:"Пн-Пт: 08:00-00:00"}),s.jsx("br",{}),s.jsx("span",{children:"Сб-Вс: 09:00-21:00"})]})},g={ru:{availableTime:s.jsx(C,{}),phones:[{phone:"84952151198",title:"8 [phone]",label:"Москва"},{phone:"88005552198",title:"8 [phone]",label:"Россия (бесплатно)"}],email:x,callUsButton:"Позвонить онлайн",socialNetworks:d},en:k},I=a.memo((function(t){var e=t.baseAppearance,o=void 0===e?"base":e,l=t.appearance,r=void 0===l?"base":l,m=t.language,p=void 0===m?"ru":m,u=N(),h=a.useMemo((function(){return{contactsListClassName:i.getClassName(u,o,r,"contactsList"),contactsListItemClassName:i.getClassName(u,o,r,"contactsListItem"),contactsListItemLinkClassName:i.getClassName(u,o,r,"contactsListItemLink"),contactsCallUsButtonClassName:i.getClassName(u,o,r,"callUsButton"),contactsListItemSocialNetworksClassName:i.getClassName(u,o,r,"contactsListItemSocialNetworks"),contactsSocialNetworkLinkClassName:i.getClassName(u,o,r,"contactsSocialNetworkLink")}}),[u,o,r]),x=JSON.stringify({host:"widgets.mango-office.ru/",id:"MTAwMTc3NjI=",errorMessage:"В данный момент наблюдаются технические проблемы и совершение звонка невозможно"}),d=a.useMemo((function(){return g[p]}),[p]);return s.jsxs("ul",{className:h.contactsListClassName,children:[s.jsx("li",{className:h.contactsListItemClassName,children:d.availableTime}),d.phones.map((function(t){var e=t.phone,a=t.label;return s.jsxs("li",{className:h.contactsListItemClassName,children:[s.jsx("a",{href:"tel:"+e,className:h.contactsListItemLinkClassName,children:t.title})," ",s.jsx("span",{children:a})]},e)})),s.jsx("li",{className:h.contactsListItemClassName,children:s.jsx("a",{href:"mailto:"+d.email,className:h.contactsListItemLinkClassName,rel:"noopener noreferrer",target:"_blank",children:d.email})}),s.jsx("li",{className:h.contactsListItemClassName,children:s.jsx("div",{"data-options":x,className:"mango-call-site",children:s.jsxs("button",{className:n(h.contactsCallUsButtonClassName,"support-call-button"),children:[s.jsx(c.CallIcon,{}),d.callUsButton]})})}),s.jsx("li",{className:h.contactsListItemSocialNetworksClassName,children:d.socialNetworks.map((function(t,e){return s.jsx("a",{href:t.link,target:"_blank",referrerPolicy:"no-referrer",className:h.contactsSocialNetworkLinkClassName,children:t.icon},e)}))})]})}));exports.CONTACTS_COMPONENTS_NAMES=u,exports.CONTACTS_COMPONENT_NAMESPACE="@che/contacts",exports.Contacts=I;
 //# sourceMappingURL=contacts.cjs.production.min.js.map

dist/Contacts.d.ts

@@ -1,34 +0,6 @@
-import { ReactNode } from "react";
+/// <reference types="react" />
 import { IThemedProps } from "@che-ins-ui/theme";
-declare type Phone = {
-    /**
-     * Телефон куда звоним
-     */
-    phone: string | number;
-    /**
-     * Текст телефона который видит пользователь для клика
-     */
-    title: string | number;
-    /**
-     * Страна / Город
-     */
-    label: string | number;
-};
-declare type SocialNetwork = {
-    icon: ReactNode;
-    link: string;
-};
-export interface IContacts {
-    availableTime: ReactNode;
-    phones: Phone[];
-    email: string;
-    socialNetworks?: SocialNetwork[];
-    callUsButton?: {
-        title: string | ReactNode;
-    };
-}
 export interface IContactsProps extends IThemedProps {
-    contacts: IContacts;
+    language?: "ru" | "en";
 }
-export declare const Contacts: import("react").MemoExoticComponent<({ baseAppearance, appearance, contacts: { availableTime, phones, email, callUsButton, socialNetworks }, }: IContactsProps) => JSX.Element>;
-export {};
+export declare const Contacts: import("react").MemoExoticComponent<({ baseAppearance, appearance, language, }: IContactsProps) => JSX.Element>;

dist/contacts.esm.js

@@ -1,2 +0,2 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { memo, useMemo } from 'react';
@@ -7,2 +7,6 @@ import classnames from 'classnames';
 import { createUseStyles } from 'react-jss';
+import { TelegramIcon } from '@che-ins-ui/icons/TelegramIcon';
+import { TwitterIcon } from '@che-ins-ui/icons/TwitterIcon';
+import { VKIcon } from '@che-ins-ui/icons/VKIcon';
+import { WhatsupIcon } from '@che-ins-ui/icons/WhatsupIcon';
 
@@ -95,2 +99,78 @@ var CONTACTS_COMPONENT_NAMESPACE = "@che/contacts";
 
+var email = "[e-mail]";
+var socialNetworks = [{
+  icon: /*#__PURE__*/jsx(VKIcon, {}),
+  link: "https://vk.com/cherehapa"
+}, {
+  icon: /*#__PURE__*/jsx(TwitterIcon, {}),
+  link: "https://twitter.com/cherehapa"
+}, {
+  icon: /*#__PURE__*/jsx(TelegramIcon, {}),
+  link: "https://t.me/Cherehapa_support_bot"
+}, {
+  icon: /*#__PURE__*/jsx(WhatsupIcon, {}),
+  link: "https://api.whatsapp.com/send?phone=79250012551"
+}];
+
+var AvailableTime = function AvailableTime() {
+  return jsxs(Fragment, {
+    children: [jsx("span", {
+      children: "Mon-Fr: 08:00-00:00 (GMT+3)"
+    }), jsx("br", {}), jsx("span", {
+      children: "Sut-Sun: 09:00-21:00 (GMT+3)"
+    })]
+  });
+};
+
+var phonesRU = [{
+  phone: "84952151198",
+  title: "8 [phone]",
+  label: "Moscow"
+}, {
+  phone: "88005552198",
+  title: "8 [phone]",
+  label: "Russia (free)"
+}];
+var callUsButton = "Call";
+var contactsConfigEN = {
+  availableTime: /*#__PURE__*/jsx(AvailableTime, {}),
+  phones: phonesRU,
+  email: email,
+  callUsButton: callUsButton,
+  socialNetworks: socialNetworks
+};
+
+var AvailableTime$1 = function AvailableTime() {
+  return jsxs(Fragment, {
+    children: [jsx("span", {
+      children: "\u041F\u043D-\u041F\u0442: 08:00-00:00"
+    }), jsx("br", {}), jsx("span", {
+      children: "\u0421\u0431-\u0412\u0441: 09:00-21:00"
+    })]
+  });
+};
+
+var phonesRU$1 = [{
+  phone: "84952151198",
+  title: "8 [phone]",
+  label: "Москва"
+}, {
+  phone: "88005552198",
+  title: "8 [phone]",
+  label: "Россия (бесплатно)"
+}];
+var callUsButton$1 = "Позвонить онлайн";
+var contactsConfigRU = {
+  availableTime: /*#__PURE__*/jsx(AvailableTime$1, {}),
+  phones: phonesRU$1,
+  email: email,
+  callUsButton: callUsButton$1,
+  socialNetworks: socialNetworks
+};
+
+var configs = {
+  ru: contactsConfigRU,
+  en: contactsConfigEN
+};
+
 var Contacts = /*#__PURE__*/memo(function (_ref) {
@@ -101,8 +181,4 @@ var _ref$baseAppearance = _ref.baseAppearance,
       appearance = _ref$appearance === void 0 ? "base" : _ref$appearance,
-      _ref$contacts = _ref.contacts,
-      availableTime = _ref$contacts.availableTime,
-      phones = _ref$contacts.phones,
-      email = _ref$contacts.email,
-      callUsButton = _ref$contacts.callUsButton,
-      socialNetworks = _ref$contacts.socialNetworks;
+      _ref$language = _ref.language,
+      language = _ref$language === void 0 ? "ru" : _ref$language;
   var classes = useStyles();
@@ -130,2 +206,5 @@ var classNames = useMemo(function () {
   });
+  var config = useMemo(function () {
+    return configs[language];
+  }, [language]);
   return jsxs("ul", {
@@ -135,4 +214,4 @@ className: classNames.contactsListClassName,
       className: classNames.contactsListItemClassName,
-      children: availableTime
-    }), phones.map(function (_ref2) {
+      children: config.availableTime
+    }), config.phones.map(function (_ref2) {
       var phone = _ref2.phone,
@@ -154,9 +233,9 @@ title = _ref2.title,
       children: jsx("a", {
-        href: "mailto:" + email,
+        href: "mailto:" + config.email,
         className: classNames.contactsListItemLinkClassName,
         rel: "noopener noreferrer",
         target: "_blank",
-        children: email
+        children: config.email
       })
-    }), callUsButton && jsx("li", {
+    }), jsx("li", {
       className: classNames.contactsListItemClassName,
@@ -168,8 +247,8 @@ children: jsx("div", {
           className: classnames(classNames.contactsCallUsButtonClassName, "support-call-button"),
-          children: [jsx(CallIcon, {}), callUsButton.title]
+          children: [jsx(CallIcon, {}), config.callUsButton]
         })
       })
-    }), !!(socialNetworks != null && socialNetworks.length) && jsx("li", {
+    }), jsx("li", {
       className: classNames.contactsListItemSocialNetworksClassName,
-      children: socialNetworks.map(function (_ref3, i) {
+      children: config.socialNetworks.map(function (_ref3, i) {
         var icon = _ref3.icon,
@@ -176,0 +255,0 @@ link = _ref3.link;

dist/stories/Contacts.stories.d.ts

@@ -5,2 +5,5 @@ /// <reference types="react" />
 export default _default;
-export declare const BaseTemplate: () => JSX.Element;
+interface IBaseTemplateProps {
+    language?: "en" | "ru";
+}
+export declare const BaseTemplate: ({ language }: IBaseTemplateProps) => JSX.Element;

package.json

 {
 	"name": "@che-ins-ui/contacts",
-	"version": "3.0.1",
+	"version": "3.1.0",
 	"description": "<>",
@@ -26,4 +26,4 @@ "build:storybook": "src/index.ts",
 	"dependencies": {
-		"@che-ins-ui/icons": "^3.0.1",
-		"@che-ins-ui/theme": "^3.0.1",
+		"@che-ins-ui/icons": "^3.0.2",
+		"@che-ins-ui/theme": "^3.0.2",
 		"classnames": "^2.3.1"
@@ -37,3 +37,3 @@ },
 	},
-	"gitHead": "8a443ecfe879cd368ec71c2bfb84d31b9af0338b"
+	"gitHead": "be68681fdece79450ed7f4b10be4d5cb8e7903c9"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

73650

increased by25.92%

Number of package files

23

increased by27.78%

Lines of code

619

increased by37.25%

Dependency changes

• Updated@che-ins-ui/icons@^3.0.2

• Updated@che-ins-ui/theme@^3.0.2