labsense-ui-kit 1.1.77 → 1.1.79

package/dist/index.modern.js

@@ -159,13 +159,15 @@ var dark = {
 };
 var getCurrentTheme = function getCurrentTheme() {
   if (typeof document !== 'undefined') {
-    return document.documentElement.classList.contains('dark') ? dark : light;
+    var isDarkClass = document.documentElement.classList.contains('dark');
+    return isDarkClass ? 'dark' : 'light';
   }
-  return light;
+  return 'light';
 };
 var colorVariables = new Proxy({}, {
   get: function get(_, prop) {
-    var currentTheme = getCurrentTheme();
+    var currentThemeName = getCurrentTheme();
+    var currentTheme = themes[currentThemeName];
     return currentTheme[prop];
   }
 });
@@ -6771,42 +6773,51 @@ var SidebarContainer = styled.div(_templateObject$m || (_templateObject$m = _tag
   var $isExpanded = _ref.$isExpanded;
   return $isExpanded ? '225px' : '68px';
 }, function (_ref2) {
-  var $background = _ref2.$background;
-  return $background || colorVariables.accent.softBlue;
+  var $background = _ref2.$background,
+    theme = _ref2.theme;
+  return $background || theme.accent.softBlue;
 });
-var SidebarLink = styled(NavLink)(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  height: 28px;\n  width: 100%;\n  gap: 10px;\n  cursor: pointer;\n  border-radius: 4px;\n  color: ", ";\n  text-decoration: none;\n  transition: background 0.3s;\n\n  &:hover {\n    background: ", ";\n  }\n"])), colorVariables.text.medium, colorVariables["default"].primary);
-var IconWrapper$2 = styled.div(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteralLoose(["\n  background: ", ";\n  padding: 4px;\n  border-radius: 4px;\n  width: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), function (_ref3) {
-  var $selected = _ref3.$selected;
-  return $selected ? colorVariables["default"].primary : colorVariables["default"].tertiary;
+var SidebarLink = styled(NavLink)(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  height: 28px;\n  width: 100%;\n  gap: 10px;\n  cursor: pointer;\n  border-radius: 4px;\n  color: ", ";\n  text-decoration: none;\n  transition: background 0.3s;\n\n  &:hover {\n  background: ", ";\n  }\n"])), function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.text.medium;
+}, function (_ref4) {
+  var theme = _ref4.theme;
+  return theme["default"].primary;
+});
+var IconWrapper$2 = styled.div(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteralLoose(["\n  background: ", ";\n  padding: 4px;\n  border-radius: 4px;\n  width: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), function (_ref5) {
+  var $selected = _ref5.$selected,
+    theme = _ref5.theme;
+  return $selected ? theme["default"].primary : theme["default"].tertiary;
 });
 var Logo = styled.div(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  width: 100%;\n  min-width: max-content;\n  height: 32px;\n  align-items: center;\n  justify-content: start;\n  gap: 10px;\n"])));
-var TextContainer = styled.span(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n  white-space: nowrap;\n  padding: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  color: ", ";\n  opacity: ", ";\n  visibility: ", ";\n  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;\n"])), function (_ref4) {
-  var $padding = _ref4.$padding;
+var TextContainer = styled.span(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n  white-space: nowrap;\n  padding: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  color: ", ";\n  opacity: ", ";\n  visibility: ", ";\n  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;\n"])), function (_ref6) {
+  var $padding = _ref6.$padding;
   return $padding;
-}, function (_ref5) {
-  var $fontSize = _ref5.$fontSize;
-  return $fontSize || '20px';
-}, function (_ref6) {
-  var $fontWeight = _ref6.$fontWeight;
-  return $fontWeight || '500';
 }, function (_ref7) {
-  var $color = _ref7.$color;
-  return $color || colorVariables["default"].primary;
+  var $fontSize = _ref7.$fontSize;
+  return $fontSize || '20px';
 }, function (_ref8) {
-  var $isExpanded = _ref8.$isExpanded;
-  return $isExpanded ? 1 : 0;
+  var $fontWeight = _ref8.$fontWeight;
+  return $fontWeight || '500';
 }, function (_ref9) {
-  var $isExpanded = _ref9.$isExpanded;
+  var $color = _ref9.$color,
+    theme = _ref9.theme;
+  return $color || theme["default"].primary;
+}, function (_ref10) {
+  var $isExpanded = _ref10.$isExpanded;
+  return $isExpanded ? 1 : 0;
+}, function (_ref11) {
+  var $isExpanded = _ref11.$isExpanded;
   return $isExpanded ? 'visible' : 'hidden';
 });
-var Sidebar = function Sidebar(_ref10) {
-  var logo = _ref10.logo,
-    content = _ref10.content,
-    background = _ref10.background,
-    ProfileContent = _ref10.ProfileContent,
-    _ref10$isExpanded = _ref10.isExpanded,
-    isExpanded = _ref10$isExpanded === void 0 ? false : _ref10$isExpanded,
-    setIsExpanded = _ref10.setIsExpanded;
+var Sidebar = function Sidebar(_ref12) {
+  var logo = _ref12.logo,
+    content = _ref12.content,
+    background = _ref12.background,
+    ProfileContent = _ref12.ProfileContent,
+    _ref12$isExpanded = _ref12.isExpanded,
+    isExpanded = _ref12$isExpanded === void 0 ? false : _ref12$isExpanded,
+    setIsExpanded = _ref12.setIsExpanded;
   var location = useLocation();
   var _useState = useState({}),
     openMenus = _useState[0],