labsense-ui-kit 1.2.51 → 1.2.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.js +20 -20
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.modern.js +20 -20
  4. package/dist/index.modern.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -4971,7 +4971,7 @@ var useCopyToClipboard = function useCopyToClipboard() {
4971
4971
  };
4972
4972
 
4973
4973
  var _templateObject, _templateObject2;
4974
- var ModalOverlay = styled__default.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"])));
4974
+ var ModalOverlay = styled__default.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"])));
4975
4975
  var ModalContainer = styled__default.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) {
4976
4976
  var theme = _ref.theme;
4977
4977
  return theme.vms.accent.light_1;
@@ -6921,8 +6921,8 @@ var SelectedStart = styled__default.div(_templateObject6$2 || (_templateObject6$
6921
6921
  var theme = _ref4.theme;
6922
6922
  return theme.vms.text.medium;
6923
6923
  });
6924
- var CurrentDate = styled__default.p(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteralLoose(["\n font-family: NotoSans, sans-serif;\n font-weight: 400;\n font-size: 12px;\n"])));
6925
- var CurrentTime = styled__default.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) {
6924
+ var CurrentDate = styled__default.p(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteralLoose(["\n font-weight: 400;\n font-size: 12px;\n"])));
6925
+ var CurrentTime = styled__default.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteralLoose(["\n font-weight: 500;\n font-size: 14px;\n color: ", ";\n"])), function (_ref5) {
6926
6926
  var theme = _ref5.theme;
6927
6927
  return theme.vms.text.medium;
6928
6928
  });
@@ -6983,8 +6983,8 @@ var CalendarDates = styled__default.div(_templateObject16 || (_templateObject16
6983
6983
  theme = _ref18.theme;
6984
6984
  return !$futureDateTime && $isFuture ? 'transparent' : $selected ? theme.vms.disabled.primary : $inRange ? theme.vms.disabled.primary : theme.vms.disabled.primary;
6985
6985
  });
6986
- var Year = styled__default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n font-family: NotoSans, sans-serif;\n font-weight: 500;\n font-size: 12px;\n"])));
6987
- var Month = styled__default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n font-family: NotoSans, sans-serif;\n font-weight: 600;\n font-size: 14px;\n"])));
6986
+ var Year = styled__default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n font-weight: 500;\n font-size: 12px;\n"])));
6987
+ var Month = styled__default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n font-weight: 600;\n font-size: 14px;\n"])));
6988
6988
  var InputWrapper = styled__default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 24px;\n"])));
6989
6989
  var TimeInputWrapper = styled__default.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n align-items: center;\n"])));
6990
6990
  var StyledInput = styled__default.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) {
@@ -7238,7 +7238,7 @@ var OptionItem = styled__default.div(_templateObject2$7 || (_templateObject2$7 =
7238
7238
  theme = _ref.theme;
7239
7239
  return $isborder ? $optionBorder || "1px solid " + theme.vms.border.extraLight : '';
7240
7240
  });
7241
- var OptionLabel = styled__default.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) {
7241
+ var OptionLabel = styled__default.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) {
7242
7242
  var $optionColor = _ref2.$optionColor,
7243
7243
  theme = _ref2.theme;
7244
7244
  switch ($optionColor) {
@@ -7292,7 +7292,7 @@ var SearchContainer = styled__default.div(_templateObject4$3 || (_templateObject
7292
7292
  var $borderRadius = _ref5.$borderRadius;
7293
7293
  return $borderRadius || '8px';
7294
7294
  });
7295
- var SearchBar = styled__default.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) {
7295
+ var SearchBar = styled__default.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) {
7296
7296
  var theme = _ref6.theme;
7297
7297
  return theme.vms["default"].tertiary;
7298
7298
  }, function (_ref7) {
@@ -7431,7 +7431,7 @@ var DropdownContainer = styled__default.div(_templateObject$b || (_templateObjec
7431
7431
  var $replaceLabel = _ref3.$replaceLabel;
7432
7432
  return $replaceLabel ? 'calc(100% - 22px)' : '';
7433
7433
  });
7434
- var DropdownButton = styled__default.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) {
7434
+ var DropdownButton = styled__default.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) {
7435
7435
  var $replaceLabel = _ref4.$replaceLabel;
7436
7436
  return $replaceLabel ? 'auto' : '';
7437
7437
  }, function (_ref5) {
@@ -7569,7 +7569,7 @@ var DropdownMenu = styled__default.div(_templateObject6$4 || (_templateObject6$4
7569
7569
  return $menuBackground || theme.vms.accent.light_2;
7570
7570
  });
7571
7571
  var SelectedOptionsWrapper = styled__default.div(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n height: 100%;\n"])));
7572
- var SelectedOptionDiv = styled__default.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) {
7572
+ var SelectedOptionDiv = styled__default.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) {
7573
7573
  var $selectedOptionBackground = _ref25.$selectedOptionBackground,
7574
7574
  $disabled = _ref25.$disabled,
7575
7575
  theme = _ref25.theme;
@@ -7834,7 +7834,7 @@ var DropdownContainer$1 = styled__default.div(_templateObject2$9 || (_templateOb
7834
7834
  var $width = _ref4.$width;
7835
7835
  return $width || '100%';
7836
7836
  });
7837
- var DropdownButton$1 = styled__default.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) {
7837
+ var DropdownButton$1 = styled__default.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) {
7838
7838
  var $disabled = _ref5.$disabled;
7839
7839
  return $disabled ? 'not-allowed' : 'pointer';
7840
7840
  }, function (_ref6) {
@@ -7975,7 +7975,7 @@ var SearchContainer$1 = styled__default.div(_templateObject9$3 || (_templateObje
7975
7975
  var $borderRadius = _ref33.$borderRadius;
7976
7976
  return $borderRadius || '8px 8px 0 0';
7977
7977
  });
7978
- var SearchBar$1 = styled__default.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) {
7978
+ var SearchBar$1 = styled__default.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) {
7979
7979
  var $inputColor = _ref34.$inputColor,
7980
7980
  theme = _ref34.theme;
7981
7981
  return $inputColor || theme.vms.text.medium;
@@ -8251,7 +8251,7 @@ var ButtonDropdown = function ButtonDropdown(_ref) {
8251
8251
 
8252
8252
  var _templateObject$d, _templateObject2$a, _templateObject3$7;
8253
8253
  var SelectedOptionsWrapper$1 = styled__default.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n"])));
8254
- var SelectedOptionDiv$1 = styled__default.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) {
8254
+ var SelectedOptionDiv$1 = styled__default.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) {
8255
8255
  var $selectedOptionBackground = _ref.$selectedOptionBackground,
8256
8256
  $type = _ref.$type,
8257
8257
  theme = _ref.theme;
@@ -8334,7 +8334,7 @@ var SearchContainer$2 = styled__default.div(_templateObject$e || (_templateObjec
8334
8334
  var theme = _ref5.theme;
8335
8335
  return "1px solid " + theme.vms.text.dark;
8336
8336
  });
8337
- var SearchBar$2 = styled__default.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) {
8337
+ var SearchBar$2 = styled__default.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) {
8338
8338
  var theme = _ref6.theme;
8339
8339
  return theme.vms["default"].tertiary;
8340
8340
  }, function (_ref7) {
@@ -8429,7 +8429,7 @@ var Label = styled__default.label(_templateObject$f || (_templateObject$f = _tag
8429
8429
  return $titlecolor;
8430
8430
  }
8431
8431
  });
8432
- var Input = styled__default.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) {
8432
+ var Input = styled__default.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) {
8433
8433
  var theme = _ref4.theme;
8434
8434
  return "1px solid " + theme.vms.border.light;
8435
8435
  }, function (_ref5) {
@@ -8616,7 +8616,7 @@ var Label$1 = styled__default.label(_templateObject2$d || (_templateObject2$d =
8616
8616
  theme = _ref4.theme;
8617
8617
  return $titlecolor || theme.vms.text.dark;
8618
8618
  });
8619
- var TextAreaComponent = styled__default.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) {
8619
+ var TextAreaComponent = styled__default.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) {
8620
8620
  var theme = _ref5.theme;
8621
8621
  return "1px solid " + theme.vms.border.light;
8622
8622
  }, function (_ref6) {
@@ -8724,7 +8724,7 @@ var TotalOptionsHeader = styled__default.div(_templateObject3$a || (_templateObj
8724
8724
  var theme = _ref8.theme;
8725
8725
  return "1px solid " + theme.vms.text.light;
8726
8726
  });
8727
- var OptionLabel$1 = styled__default.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"])));
8727
+ var OptionLabel$1 = styled__default.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"])));
8728
8728
  var SearchContainer$3 = styled__default.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) {
8729
8729
  var $background = _ref9.$background,
8730
8730
  theme = _ref9.theme;
@@ -8755,7 +8755,7 @@ var SearchContainer$3 = styled__default.div(_templateObject5$7 || (_templateObje
8755
8755
  var $borderRadius = _ref11.$borderRadius;
8756
8756
  return $borderRadius || '8px';
8757
8757
  });
8758
- var SearchBar$3 = styled__default.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) {
8758
+ var SearchBar$3 = styled__default.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) {
8759
8759
  var theme = _ref12.theme;
8760
8760
  return theme.vms["default"].tertiary;
8761
8761
  }, function (_ref13) {
@@ -10012,7 +10012,7 @@ var Container$4 = styled__default.div(_templateObject$r || (_templateObject$r =
10012
10012
  var $border = _ref3.$border;
10013
10013
  return $border;
10014
10014
  });
10015
- var FirstContainer = styled__default.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) {
10015
+ var FirstContainer = styled__default.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) {
10016
10016
  var $bordeBottom = _ref4.$bordeBottom,
10017
10017
  theme = _ref4.theme;
10018
10018
  return $bordeBottom != null ? $bordeBottom : "1px solid " + theme.vms.border.light;
@@ -10020,7 +10020,7 @@ var FirstContainer = styled__default.div(_templateObject2$m || (_templateObject2
10020
10020
  var $headerPadding = _ref5.$headerPadding;
10021
10021
  return $headerPadding ? $headerPadding : '0px';
10022
10022
  });
10023
- var TabContainer = styled__default.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) {
10023
+ var TabContainer = styled__default.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) {
10024
10024
  var $disabled = _ref6.$disabled;
10025
10025
  return $disabled ? 'not-allowed' : 'pointer';
10026
10026
  }, function (_ref7) {
@@ -10045,7 +10045,7 @@ var TabItemContainer = styled__default.div(_templateObject4$c || (_templateObjec
10045
10045
  var theme = _ref12.theme;
10046
10046
  return theme.vms["default"].primary;
10047
10047
  });
10048
- var DetailsFirstContainer = styled__default.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) {
10048
+ var DetailsFirstContainer = styled__default.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) {
10049
10049
  var $active = _ref13.$active,
10050
10050
  theme = _ref13.theme;
10051
10051
  return $active ? theme.vms["default"].primary : theme.vms.text.medium;