@raketa-cms/raketa-mir - npm Package Compare versions

Comparing version 1.1.7 to 1.1.8

dist/index.js

@@ -41,2 +41,3 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
     primary: '#1473e6',
+    primaryRGB06: 'rgba(20, 115, 230, 0.6)',
     primaryLight: '#2680eb',
@@ -844,2 +845,106 @@ successDarker: '#107154',
 
+function _templateObject5$1() {
+  var data = _taggedTemplateLiteralLoose(["\n  position: relative;\n  z-index: 10;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  border-radius: 4px;\n  background-color: ", ";\n  text-transform: uppercase;\n  cursor: pointer;\n"]);
+
+  _templateObject5$1 = function _templateObject5() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject4$1() {
+  var data = _taggedTemplateLiteralLoose(["\n  position: relative;\n  width: 48px;\n  height: 48px;\n  background-color: ", ";\n  text-transform: uppercase;\n\n  span {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n    opacity: 0.6;\n\n    color: ", ";\n    font-weight: 500;\n    text-decoration: none;\n  }\n\n  a {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: 3;\n\n    color: ", ";\n    font-weight: 700;\n    text-decoration: none;\n\n    :hover {\n      background-color: ", ";\n    }\n  }\n"]);
+
+  _templateObject4$1 = function _templateObject4() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject3$3() {
+  var data = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 48px;\n  height: 48px;\n  background-color: ", ";\n  text-transform: uppercase;\n\n  a {\n    color: ", ";\n    font-weight: 500;\n    text-decoration: none;\n\n    :hover {\n      background-color: ", ";\n    }\n  }\n"]);
+
+  _templateObject3$3 = function _templateObject3() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject2$5() {
+  var data = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  z-index: 9;\n  left: -1000px;\n  display: flex;\n  flex-wrap: nowrap;\n  height: 100%;\n  background-color: ", ";\n  opacity: 0;\n  transition: all ease-in-out 0.3s;\n"]);
+
+  _templateObject2$5 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject$n() {
+  var data = _taggedTemplateLiteralLoose(["\n  position: relative;\n  display: flex;\n  flex-wrap: nowrap;\n  width: 100%;\n  height: 100%;\n  color: #fff;\n\n  &:hover {\n    [data-switcher] {\n      left: 48px;\n      opacity: 1;\n    }\n  }\n"]);
+
+  _templateObject$n = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+var LanguageSwitcherWrapper = styled__default.div(_templateObject$n());
+var LanguageSwitcherMenu = styled__default.div(_templateObject2$5(), function (props) {
+  return props.theme.colors.trueBlack;
+});
+var LanguageSwitcherItem = styled__default.div(_templateObject3$3(), function (props) {
+  return props.theme.colors.trueBlack;
+}, function (props) {
+  return props.theme.colors.trueWhite;
+}, function (props) {
+  return props.theme.colors.primaryRGB06;
+});
+var LanguageSwitcherNewItem = styled__default.div(_templateObject4$1(), function (props) {
+  return props.theme.colors.trueBlack;
+}, function (props) {
+  return props.theme.colors.trueWhite;
+}, function (props) {
+  return props.theme.colors.trueWhite;
+}, function (props) {
+  return props.theme.colors.primaryRGB06;
+});
+var LanguageSwitcherCurrent = styled__default.div(_templateObject5$1(), function (props) {
+  return props.theme.colors.primary;
+});
+
+var LanguageSwitcherItemComponent = function LanguageSwitcherItemComponent(_ref) {
+  var path = _ref.path,
+      label = _ref.label;
+  return /*#__PURE__*/React.createElement(LanguageSwitcherItem, null, /*#__PURE__*/React.createElement("a", {
+    href: path
+  }, label));
+};
+
+var LanguageSwitcherNewItemComponent = function LanguageSwitcherNewItemComponent(_ref2) {
+  var path = _ref2.path,
+      label = _ref2.label;
+  return /*#__PURE__*/React.createElement(LanguageSwitcherNewItem, null, /*#__PURE__*/React.createElement("span", null, label), /*#__PURE__*/React.createElement("a", {
+    href: path
+  }, "+"));
+};
+
+var LanguageSwitcher = function LanguageSwitcher(_ref3) {
+  var current = _ref3.current,
+      navigation = _ref3.navigation;
+  return /*#__PURE__*/React.createElement(LanguageSwitcherWrapper, null, /*#__PURE__*/React.createElement(LanguageSwitcherCurrent, null, current), /*#__PURE__*/React.createElement(LanguageSwitcherMenu, {
+    "data-switcher": true
+  }, navigation.map(function (navItem, idx) {
+    var LinkComponent = navItem.newItem ? LanguageSwitcherNewItemComponent : LanguageSwitcherItemComponent;
+    return /*#__PURE__*/React.createElement(LinkComponent, {
+      key: idx,
+      path: navItem.path,
+      label: navItem.label
+    });
+  })));
+};
+
 exports.Button = Button;
@@ -856,2 +961,3 @@ exports.Col = Col;
 exports.Label = Label;
+exports.LanguageSwitcher = LanguageSwitcher;
 exports.Modal = Modal;
@@ -858,0 +964,0 @@ exports.NavItem = NavItem;

dist/index.modern.js

@@ -38,2 +38,3 @@ import styled, { css } from 'styled-components';
     primary: '#1473e6',
+    primaryRGB06: 'rgba(20, 115, 230, 0.6)',
     primaryLight: '#2680eb',
@@ -841,3 +842,107 @@ successDarker: '#107154',
 
-export { Button, Col, Container, DataGrid, Field, FormGroup, H, Handle, Hint, Input, Label, Modal, NavItem, Navigation, P, PageTitle, Pagination, Panel, PanelContent, PanelTitle, Row, Select, Shift, Stack, Tabs, Textarea, Toolbar, buttonReset, reset, theme };
+function _templateObject5$1() {
+  var data = _taggedTemplateLiteralLoose(["\n  position: relative;\n  z-index: 10;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  border-radius: 4px;\n  background-color: ", ";\n  text-transform: uppercase;\n  cursor: pointer;\n"]);
+
+  _templateObject5$1 = function _templateObject5() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject4$1() {
+  var data = _taggedTemplateLiteralLoose(["\n  position: relative;\n  width: 48px;\n  height: 48px;\n  background-color: ", ";\n  text-transform: uppercase;\n\n  span {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n    opacity: 0.6;\n\n    color: ", ";\n    font-weight: 500;\n    text-decoration: none;\n  }\n\n  a {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: 3;\n\n    color: ", ";\n    font-weight: 700;\n    text-decoration: none;\n\n    :hover {\n      background-color: ", ";\n    }\n  }\n"]);
+
+  _templateObject4$1 = function _templateObject4() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject3$3() {
+  var data = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 48px;\n  height: 48px;\n  background-color: ", ";\n  text-transform: uppercase;\n\n  a {\n    color: ", ";\n    font-weight: 500;\n    text-decoration: none;\n\n    :hover {\n      background-color: ", ";\n    }\n  }\n"]);
+
+  _templateObject3$3 = function _templateObject3() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject2$5() {
+  var data = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  z-index: 9;\n  left: -1000px;\n  display: flex;\n  flex-wrap: nowrap;\n  height: 100%;\n  background-color: ", ";\n  opacity: 0;\n  transition: all ease-in-out 0.3s;\n"]);
+
+  _templateObject2$5 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject$n() {
+  var data = _taggedTemplateLiteralLoose(["\n  position: relative;\n  display: flex;\n  flex-wrap: nowrap;\n  width: 100%;\n  height: 100%;\n  color: #fff;\n\n  &:hover {\n    [data-switcher] {\n      left: 48px;\n      opacity: 1;\n    }\n  }\n"]);
+
+  _templateObject$n = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+var LanguageSwitcherWrapper = styled.div(_templateObject$n());
+var LanguageSwitcherMenu = styled.div(_templateObject2$5(), function (props) {
+  return props.theme.colors.trueBlack;
+});
+var LanguageSwitcherItem = styled.div(_templateObject3$3(), function (props) {
+  return props.theme.colors.trueBlack;
+}, function (props) {
+  return props.theme.colors.trueWhite;
+}, function (props) {
+  return props.theme.colors.primaryRGB06;
+});
+var LanguageSwitcherNewItem = styled.div(_templateObject4$1(), function (props) {
+  return props.theme.colors.trueBlack;
+}, function (props) {
+  return props.theme.colors.trueWhite;
+}, function (props) {
+  return props.theme.colors.trueWhite;
+}, function (props) {
+  return props.theme.colors.primaryRGB06;
+});
+var LanguageSwitcherCurrent = styled.div(_templateObject5$1(), function (props) {
+  return props.theme.colors.primary;
+});
+
+var LanguageSwitcherItemComponent = function LanguageSwitcherItemComponent(_ref) {
+  var path = _ref.path,
+      label = _ref.label;
+  return /*#__PURE__*/React.createElement(LanguageSwitcherItem, null, /*#__PURE__*/React.createElement("a", {
+    href: path
+  }, label));
+};
+
+var LanguageSwitcherNewItemComponent = function LanguageSwitcherNewItemComponent(_ref2) {
+  var path = _ref2.path,
+      label = _ref2.label;
+  return /*#__PURE__*/React.createElement(LanguageSwitcherNewItem, null, /*#__PURE__*/React.createElement("span", null, label), /*#__PURE__*/React.createElement("a", {
+    href: path
+  }, "+"));
+};
+
+var LanguageSwitcher = function LanguageSwitcher(_ref3) {
+  var current = _ref3.current,
+      navigation = _ref3.navigation;
+  return /*#__PURE__*/React.createElement(LanguageSwitcherWrapper, null, /*#__PURE__*/React.createElement(LanguageSwitcherCurrent, null, current), /*#__PURE__*/React.createElement(LanguageSwitcherMenu, {
+    "data-switcher": true
+  }, navigation.map(function (navItem, idx) {
+    var LinkComponent = navItem.newItem ? LanguageSwitcherNewItemComponent : LanguageSwitcherItemComponent;
+    return /*#__PURE__*/React.createElement(LinkComponent, {
+      key: idx,
+      path: navItem.path,
+      label: navItem.label
+    });
+  })));
+};
+
+export { Button, Col, Container, DataGrid, Field, FormGroup, H, Handle, Hint, Input, Label, LanguageSwitcher, Modal, NavItem, Navigation, P, PageTitle, Pagination, Panel, PanelContent, PanelTitle, Row, Select, Shift, Stack, Tabs, Textarea, Toolbar, buttonReset, reset, theme };
 //# sourceMappingURL=index.modern.js.map

package.json

 {
   "name": "@raketa-cms/raketa-mir",
-  "version": "1.1.7",
+  "version": "1.1.8",
   "description": "Raketa Design System",
@@ -5,0 +5,0 @@ "author": "studioraketa",

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

156789

increased by14.75%

Lines of code

1644

increased by12.22%

No dependency changes