labsense-ui-kit 1.2.51 → 1.2.53

package/dist/index.modern.js

@@ -1676,7 +1676,7 @@ var FullScreen = function FullScreen(_ref) {
   }));
 };
 
-var FullVolume = function FullVolume(_ref) {
+var FullVolume_2 = function FullVolume_2(_ref) {
   var size = _ref.size,
     color = _ref.color,
     weight = _ref.weight;
@@ -1693,6 +1693,26 @@ var FullVolume = function FullVolume(_ref) {
   }));
 };
 
+var FullVolume = function FullVolume(_ref) {
+  var size = _ref.size,
+    color = _ref.color,
+    weight = _ref.weight;
+  return React.createElement("svg", {
+    width: size,
+    height: size,
+    strokeWidth: weight,
+    viewBox: '0 0 16 16',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, React.createElement("path", {
+    d: 'M8.5 16.1035V-0.103516L3.6465 4.74998H0.5V11.25H3.6465L8.5 16.1035ZM1 5.24998H3.8535L8 1.10348V14.8965L3.8535 10.75H1V5.24998ZM10.25 10.25V10.75C11.7662 10.75 13 9.51623 13 7.99998C13 6.48373 11.7662 5.24998 10.25 5.24998V5.74998C11.4905 5.74998 12.5 6.75948 12.5 7.99998C12.5 9.24048 11.4905 10.25 10.25 10.25Z',
+    fill: color
+  }), React.createElement("path", {
+    d: 'M10.25 13.25C13.145 13.25 15.5 10.895 15.5 8C15.5 5.105 13.145 2.75 10.25 2.75V3.25C12.8693 3.25 15 5.38075 15 8C15 10.6193 12.8693 12.75 10.25 12.75V13.25Z',
+    fill: color
+  }));
+};
+
 var Globe = function Globe(_ref) {
   var size = _ref.size;
   return React.createElement("svg", {
@@ -4967,7 +4987,7 @@ var useCopyToClipboard = function useCopyToClipboard() {
 };
 
 var _templateObject, _templateObject2;
-var ModalOverlay = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-family: NotoSans, sans-serif;\n  z-index: 9999;\n  backdrop-filter: blur(4px);\n"])));
+var ModalOverlay = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 9999;\n  backdrop-filter: blur(4px);\n"])));
 var ModalContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  background: ", ";\n  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n  border-radius: 8px;\n  max-height: 100vh;\n  max-width: ", ";\n  overflow: visible;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.vms.accent.light_1;
@@ -6025,6 +6045,7 @@ var IconSVGs = {
   FPS: FPS,
   Free: Free,
   FullScreen: FullScreen,
+  FullVolume_2: FullVolume_2,
   FullVolume: FullVolume,
   Globe: Globe,
   GlobeIcon: GlobeIcon,
@@ -6917,8 +6938,8 @@ var SelectedStart = styled.div(_templateObject6$2 || (_templateObject6$2 = _tagg
   var theme = _ref4.theme;
   return theme.vms.text.medium;
 });
-var CurrentDate = styled.p(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteralLoose(["\n  font-family: NotoSans, sans-serif;\n  font-weight: 400;\n  font-size: 12px;\n"])));
-var CurrentTime = styled.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteralLoose(["\n  font-family: NotoSans, sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  color: ", ";\n"])), function (_ref5) {
+var CurrentDate = styled.p(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteralLoose(["\n  font-weight: 400;\n  font-size: 12px;\n"])));
+var CurrentTime = styled.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteralLoose(["\n  font-weight: 500;\n  font-size: 14px;\n  color: ", ";\n"])), function (_ref5) {
   var theme = _ref5.theme;
   return theme.vms.text.medium;
 });
@@ -6979,8 +7000,8 @@ var CalendarDates = styled.div(_templateObject16 || (_templateObject16 = _tagged
     theme = _ref18.theme;
   return !$futureDateTime && $isFuture ? 'transparent' : $selected ? theme.vms.disabled.primary : $inRange ? theme.vms.disabled.primary : theme.vms.disabled.primary;
 });
-var Year = styled.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n  font-family: NotoSans, sans-serif;\n  font-weight: 500;\n  font-size: 12px;\n"])));
-var Month = styled.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n  font-family: NotoSans, sans-serif;\n  font-weight: 600;\n  font-size: 14px;\n"])));
+var Year = styled.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n  font-weight: 500;\n  font-size: 12px;\n"])));
+var Month = styled.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n  font-weight: 600;\n  font-size: 14px;\n"])));
 var InputWrapper = styled.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: 24px;\n"])));
 var TimeInputWrapper = styled.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n  position: relative;\n  display: flex;\n  align-items: center;\n"])));
 var StyledInput = styled.input(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n  outline: none;\n  width: 60px;\n  height: 30px;\n  text-align: center;\n  font-size: 16px;\n  border-radius: 5px;\n  background: ", ";\n  border: ", ";\n  color: ", ";\n"])), function (_ref19) {
@@ -7234,7 +7255,7 @@ var OptionItem = styled.div(_templateObject2$7 || (_templateObject2$7 = _taggedT
     theme = _ref.theme;
   return $isborder ? $optionBorder || "1px solid " + theme.vms.border.extraLight : '';
 });
-var OptionLabel = styled.label(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteralLoose(["\n  cursor: pointer;\n  display: flex;\n  gap: 8px;\n  padding: 8px 12px;\n  word-break: break-word;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  font-family: NotoSans, sans-serif;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 14px;\n  color: ", ";\n"])), function (_ref2) {
+var OptionLabel = styled.label(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteralLoose(["\n  cursor: pointer;\n  display: flex;\n  gap: 8px;\n  padding: 8px 12px;\n  word-break: break-word;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 14px;\n  color: ", ";\n"])), function (_ref2) {
   var $optionColor = _ref2.$optionColor,
     theme = _ref2.theme;
   switch ($optionColor) {
@@ -7288,7 +7309,7 @@ var SearchContainer = styled.div(_templateObject4$3 || (_templateObject4$3 = _ta
   var $borderRadius = _ref5.$borderRadius;
   return $borderRadius || '8px';
 });
-var SearchBar = styled.input(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteralLoose(["\n  border: none;\n  outline: none;\n  width: 100%;\n  font-family: NotoSans, sans-serif;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 14px;\n  background: ", ";\n  color: ", ";\n  &::placeholder {\n    color: ", ";\n    font-style: italic;\n  }\n"])), function (_ref6) {
+var SearchBar = styled.input(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteralLoose(["\n  border: none;\n  outline: none;\n  width: 100%;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 14px;\n  background: ", ";\n  color: ", ";\n  &::placeholder {\n    color: ", ";\n    font-style: italic;\n  }\n"])), function (_ref6) {
   var theme = _ref6.theme;
   return theme.vms["default"].tertiary;
 }, function (_ref7) {
@@ -7427,7 +7448,7 @@ var DropdownContainer = styled.div(_templateObject$b || (_templateObject$b = _ta
   var $replaceLabel = _ref3.$replaceLabel;
   return $replaceLabel ? 'calc(100% - 22px)' : '';
 });
-var DropdownButton = styled.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n  overflow: ", ";\n  padding: ", ";\n  gap: 8px;\n  box-sizing: border-box;\n  transition: all 0.3s ease;\n  width: ", ";\n  height: ", ";\n  border: ", ";\n  border-radius: ", ";\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: ", ";\n  background: ", ";\n  color: ", ";\n  font-family: NotoSans, sans-serif;\n  font-weight: 400;\n  font-size: ", ";\n  line-height: ", ";\n"])), function (_ref4) {
+var DropdownButton = styled.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n  overflow: ", ";\n  padding: ", ";\n  gap: 8px;\n  box-sizing: border-box;\n  transition: all 0.3s ease;\n  width: ", ";\n  height: ", ";\n  border: ", ";\n  border-radius: ", ";\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: ", ";\n  background: ", ";\n  color: ", ";\n  font-weight: 400;\n  font-size: ", ";\n  line-height: ", ";\n"])), function (_ref4) {
   var $replaceLabel = _ref4.$replaceLabel;
   return $replaceLabel ? 'auto' : '';
 }, function (_ref5) {
@@ -7565,7 +7586,7 @@ var DropdownMenu = styled.div(_templateObject6$4 || (_templateObject6$4 = _tagge
   return $menuBackground || theme.vms.accent.light_2;
 });
 var SelectedOptionsWrapper = styled.div(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  height: 100%;\n"])));
-var SelectedOptionDiv = styled.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  background: ", ";\n  border-radius: 4px;\n  padding: 6px 8px;\n  box-sizing: border-box;\n  gap: 6px;\n  font-family: NotoSans, sans-serif;\n  font-style: normal;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 12px;\n  color: ", ";\n"])), function (_ref25) {
+var SelectedOptionDiv = styled.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  background: ", ";\n  border-radius: 4px;\n  padding: 6px 8px;\n  box-sizing: border-box;\n  gap: 6px;\n  font-style: normal;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 12px;\n  color: ", ";\n"])), function (_ref25) {
   var $selectedOptionBackground = _ref25.$selectedOptionBackground,
     $disabled = _ref25.$disabled,
     theme = _ref25.theme;
@@ -7830,7 +7851,7 @@ var DropdownContainer$1 = styled.div(_templateObject2$9 || (_templateObject2$9 =
   var $width = _ref4.$width;
   return $width || '100%';
 });
-var DropdownButton$1 = styled.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: ", ";\n  font-family: NotoSans, sans-serif;\n  font-weight: 400;\n  width: ", ";\n  height: ", ";\n  border-radius: ", ";\n  transition: all 0.3s ease;\n  border: ", ";\n  gap: 6px;\n  padding: ", ";\n  background: ", ";\n  font-size: ", ";\n  line-height: ", ";\n"])), function (_ref5) {
+var DropdownButton$1 = styled.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: ", ";\n  font-weight: 400;\n  width: ", ";\n  height: ", ";\n  border-radius: ", ";\n  transition: all 0.3s ease;\n  border: ", ";\n  gap: 6px;\n  padding: ", ";\n  background: ", ";\n  font-size: ", ";\n  line-height: ", ";\n"])), function (_ref5) {
   var $disabled = _ref5.$disabled;
   return $disabled ? 'not-allowed' : 'pointer';
 }, function (_ref6) {
@@ -7971,7 +7992,7 @@ var SearchContainer$1 = styled.div(_templateObject9$3 || (_templateObject9$3 = _
   var $borderRadius = _ref33.$borderRadius;
   return $borderRadius || '8px 8px 0 0';
 });
-var SearchBar$1 = styled.input(_templateObject10$3 || (_templateObject10$3 = _taggedTemplateLiteralLoose(["\n  border: none;\n  width: 100%;\n  font-family: NotoSans, sans-serif;\n  font-weight: 400;\n  font-style: normal;\n  font-size: 14px;\n  line-height: normal;\n  background: transparent;\n  color: ", ";\n  outline: none;\n  \n  &::placeholder {\n    color: ", ";\n    font-style: italic;\n  }\n"])), function (_ref34) {
+var SearchBar$1 = styled.input(_templateObject10$3 || (_templateObject10$3 = _taggedTemplateLiteralLoose(["\n  border: none;\n  width: 100%;\n  font-weight: 400;\n  font-style: normal;\n  font-size: 14px;\n  line-height: normal;\n  background: transparent;\n  color: ", ";\n  outline: none;\n  \n  &::placeholder {\n    color: ", ";\n    font-style: italic;\n  }\n"])), function (_ref34) {
   var $inputColor = _ref34.$inputColor,
     theme = _ref34.theme;
   return $inputColor || theme.vms.text.medium;
@@ -8247,7 +8268,7 @@ var ButtonDropdown = function ButtonDropdown(_ref) {
 
 var _templateObject$d, _templateObject2$a, _templateObject3$7;
 var SelectedOptionsWrapper$1 = styled.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n"])));
-var SelectedOptionDiv$1 = styled.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  background: ", ";\n  border-radius: 4px;\n  padding: 6px 8px;\n  box-sizing: border-box;\n  gap: 6px;\n  font-family: NotoSans, sans-serif;\n  font-style: normal;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 12px;\n  color: ", ";\n"])), function (_ref) {
+var SelectedOptionDiv$1 = styled.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  background: ", ";\n  border-radius: 4px;\n  padding: 6px 8px;\n  box-sizing: border-box;\n  gap: 6px;\n  font-style: normal;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 12px;\n  color: ", ";\n"])), function (_ref) {
   var $selectedOptionBackground = _ref.$selectedOptionBackground,
     $type = _ref.$type,
     theme = _ref.theme;
@@ -8330,7 +8351,7 @@ var SearchContainer$2 = styled.div(_templateObject$e || (_templateObject$e = _ta
   var theme = _ref5.theme;
   return "1px solid " + theme.vms.text.dark;
 });
-var SearchBar$2 = styled.input(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteralLoose(["\n  border: none;\n  width: 100%;\n  font-family: NotoSans, sans-serif;\n  font-weight: 400;\n  font-style: normal;\n  font-size: 14px;\n  line-height: normal;\n  background: ", ";\n  color: ", ";\n  &::placeholder {\n    color: ", ";\n    font-style: italic;\n    line-height: 100%;\n  }\n"])), function (_ref6) {
+var SearchBar$2 = styled.input(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteralLoose(["\n  border: none;\n  width: 100%;\n  font-weight: 400;\n  font-style: normal;\n  font-size: 14px;\n  line-height: normal;\n  background: ", ";\n  color: ", ";\n  &::placeholder {\n    color: ", ";\n    font-style: italic;\n    line-height: 100%;\n  }\n"])), function (_ref6) {
   var theme = _ref6.theme;
   return theme.vms["default"].tertiary;
 }, function (_ref7) {
@@ -8425,7 +8446,7 @@ var Label = styled.label(_templateObject$f || (_templateObject$f = _taggedTempla
       return $titlecolor;
   }
 });
-var Input = styled.input(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  border: ", ";\n  border-radius: 8px;\n  cursor: ", ";\n  background: ", ";\n  transition: all 0.3s ease;\n  color: ", ";\n  pointer-events: ", ";\n\n  ", "\n\n  &:focus {\n    border: 1px solid\n      ", ";\n  }\n\n  &::placeholder {\n    color: ", ";\n    font-style: italic;\n    font-family: NotoSans, sans-serif;\n  }\n"])), function (_ref4) {
+var Input = styled.input(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  border: ", ";\n  border-radius: 8px;\n  cursor: ", ";\n  background: ", ";\n  transition: all 0.3s ease;\n  color: ", ";\n  pointer-events: ", ";\n\n  ", "\n\n  &:focus {\n    border: 1px solid\n      ", ";\n  }\n\n  &::placeholder {\n    color: ", ";\n    font-style: italic;\n  }\n"])), function (_ref4) {
   var theme = _ref4.theme;
   return "1px solid " + theme.vms.border.light;
 }, function (_ref5) {
@@ -8612,7 +8633,7 @@ var Label$1 = styled.label(_templateObject2$d || (_templateObject2$d = _taggedTe
     theme = _ref4.theme;
   return $titlecolor || theme.vms.text.dark;
 });
-var TextAreaComponent = styled.textarea(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  border: ", ";\n  border-radius: 8px;\n  cursor: ", ";\n  background: ", ";\n  transition: all 0.3s ease;\n  color: ", ";\n  resize: none;\n  height: 100%;\n  \n  ", "\n\n  &:focus {\n    border-color: ", ";\n  }\n\n  &::placeholder {\n    color: ", ";\n    font-style: italic;\n    font-family: NotoSans, sans-serif;\n  }\n"])), function (_ref5) {
+var TextAreaComponent = styled.textarea(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  border: ", ";\n  border-radius: 8px;\n  cursor: ", ";\n  background: ", ";\n  transition: all 0.3s ease;\n  color: ", ";\n  resize: none;\n  height: 100%;\n  \n  ", "\n\n  &:focus {\n    border-color: ", ";\n  }\n\n  &::placeholder {\n    color: ", ";\n    font-style: italic;\n  }\n"])), function (_ref5) {
   var theme = _ref5.theme;
   return "1px solid " + theme.vms.border.light;
 }, function (_ref6) {
@@ -8720,7 +8741,7 @@ var TotalOptionsHeader = styled.div(_templateObject3$a || (_templateObject3$a =
   var theme = _ref8.theme;
   return "1px solid " + theme.vms.text.light;
 });
-var OptionLabel$1 = styled.label(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteralLoose(["\n  cursor: pointer;\n  height: max-content;\n  gap: 8px;\n  padding: 8px 12px;\n  word-break: break-word;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  font-family: NotoSans;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 14px;\n"])));
+var OptionLabel$1 = styled.label(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteralLoose(["\n  cursor: pointer;\n  height: max-content;\n  gap: 8px;\n  padding: 8px 12px;\n  word-break: break-word;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 14px;\n"])));
 var SearchContainer$3 = styled.div(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: auto;\n  background: ", ";\n  border: ", ";\n  border-radius: ", ";\n  padding: 6.5px 8px;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n"])), function (_ref9) {
   var $background = _ref9.$background,
     theme = _ref9.theme;
@@ -8751,7 +8772,7 @@ var SearchContainer$3 = styled.div(_templateObject5$7 || (_templateObject5$7 = _
   var $borderRadius = _ref11.$borderRadius;
   return $borderRadius || '8px';
 });
-var SearchBar$3 = styled.input(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteralLoose(["\n  border: none;\n  outline: none;\n  width: 100%;\n  font-family: NotoSans, sans-serif;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 100%;\n  background: ", ";\n\n  color: ", ";\n\n  &::placeholder {\n    color: ", ";\n  font-style: italic;\n  font-size: 14px;\n  }\n"])), function (_ref12) {
+var SearchBar$3 = styled.input(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteralLoose(["\n  border: none;\n  outline: none;\n  width: 100%;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 100%;\n  background: ", ";\n\n  color: ", ";\n\n  &::placeholder {\n    color: ", ";\n  font-style: italic;\n  font-size: 14px;\n  }\n"])), function (_ref12) {
   var theme = _ref12.theme;
   return theme.vms["default"].tertiary;
 }, function (_ref13) {
@@ -10008,7 +10029,7 @@ var Container$4 = styled.div(_templateObject$r || (_templateObject$r = _taggedTe
   var $border = _ref3.$border;
   return $border;
 });
-var FirstContainer = styled.div(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: flex;\n  font-family: NotoSans, sans-serif;\n  font-size: 16px;\n  gap: 24px;\n  border-bottom: ", ";\n  padding: ", ";\n  justify-content: space-between;\n  align-items: center;\n  height: max-content;\n"])), function (_ref4) {
+var FirstContainer = styled.div(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: flex;\n  font-size: 16px;\n  gap: 24px;\n  border-bottom: ", ";\n  padding: ", ";\n  justify-content: space-between;\n  align-items: center;\n  height: max-content;\n"])), function (_ref4) {
   var $bordeBottom = _ref4.$bordeBottom,
     theme = _ref4.theme;
   return $bordeBottom != null ? $bordeBottom : "1px solid " + theme.vms.border.light;
@@ -10016,7 +10037,7 @@ var FirstContainer = styled.div(_templateObject2$m || (_templateObject2$m = _tag
   var $headerPadding = _ref5.$headerPadding;
   return $headerPadding ? $headerPadding : '0px';
 });
-var TabContainer = styled.div(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n  width: auto;\n  display: flex;\n  align-items: center;\n  cursor: ", ";\n  opacity: ", ";\n  gap: 8px;\n  font-family: NotoSans, sans-serif;\n  font-size: 14px;\n  font-weight: 500;\n  color: ", ";\n  height: ", ";\n\n  svg {\n    cursor: ", ";\n  }\n\n"])), function (_ref6) {
+var TabContainer = styled.div(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n  width: auto;\n  display: flex;\n  align-items: center;\n  cursor: ", ";\n  opacity: ", ";\n  gap: 8px;\n  font-size: 14px;\n  font-weight: 500;\n  color: ", ";\n  height: ", ";\n\n  svg {\n    cursor: ", ";\n  }\n\n"])), function (_ref6) {
   var $disabled = _ref6.$disabled;
   return $disabled ? 'not-allowed' : 'pointer';
 }, function (_ref7) {
@@ -10041,7 +10062,7 @@ var TabItemContainer = styled.div(_templateObject4$c || (_templateObject4$c = _t
   var theme = _ref12.theme;
   return theme.vms["default"].primary;
 });
-var DetailsFirstContainer = styled.div(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n  text-align: center;\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: 500;\n  font-family: NotoSans, sans-serif;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  color: ", ";\n  white-space: nowrap;\n"])), function (_ref13) {
+var DetailsFirstContainer = styled.div(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n  text-align: center;\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: 500;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  color: ", ";\n  white-space: nowrap;\n"])), function (_ref13) {
   var $active = _ref13.$active,
     theme = _ref13.theme;
   return $active ? theme.vms["default"].primary : theme.vms.text.medium;