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.modern.js CHANGED
@@ -4967,7 +4967,7 @@ var useCopyToClipboard = function useCopyToClipboard() {
4967
4967
  };
4968
4968
 
4969
4969
  var _templateObject, _templateObject2;
4970
- 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"])));
4970
+ 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"])));
4971
4971
  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) {
4972
4972
  var theme = _ref.theme;
4973
4973
  return theme.vms.accent.light_1;
@@ -6917,8 +6917,8 @@ var SelectedStart = styled.div(_templateObject6$2 || (_templateObject6$2 = _tagg
6917
6917
  var theme = _ref4.theme;
6918
6918
  return theme.vms.text.medium;
6919
6919
  });
6920
- var CurrentDate = styled.p(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteralLoose(["\n font-family: NotoSans, sans-serif;\n font-weight: 400;\n font-size: 12px;\n"])));
6921
- 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) {
6920
+ var CurrentDate = styled.p(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteralLoose(["\n font-weight: 400;\n font-size: 12px;\n"])));
6921
+ var CurrentTime = styled.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteralLoose(["\n font-weight: 500;\n font-size: 14px;\n color: ", ";\n"])), function (_ref5) {
6922
6922
  var theme = _ref5.theme;
6923
6923
  return theme.vms.text.medium;
6924
6924
  });
@@ -6979,8 +6979,8 @@ var CalendarDates = styled.div(_templateObject16 || (_templateObject16 = _tagged
6979
6979
  theme = _ref18.theme;
6980
6980
  return !$futureDateTime && $isFuture ? 'transparent' : $selected ? theme.vms.disabled.primary : $inRange ? theme.vms.disabled.primary : theme.vms.disabled.primary;
6981
6981
  });
6982
- var Year = styled.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n font-family: NotoSans, sans-serif;\n font-weight: 500;\n font-size: 12px;\n"])));
6983
- var Month = styled.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n font-family: NotoSans, sans-serif;\n font-weight: 600;\n font-size: 14px;\n"])));
6982
+ var Year = styled.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n font-weight: 500;\n font-size: 12px;\n"])));
6983
+ var Month = styled.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n font-weight: 600;\n font-size: 14px;\n"])));
6984
6984
  var InputWrapper = styled.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 24px;\n"])));
6985
6985
  var TimeInputWrapper = styled.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n align-items: center;\n"])));
6986
6986
  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 +7234,7 @@ var OptionItem = styled.div(_templateObject2$7 || (_templateObject2$7 = _taggedT
7234
7234
  theme = _ref.theme;
7235
7235
  return $isborder ? $optionBorder || "1px solid " + theme.vms.border.extraLight : '';
7236
7236
  });
7237
- 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) {
7237
+ 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) {
7238
7238
  var $optionColor = _ref2.$optionColor,
7239
7239
  theme = _ref2.theme;
7240
7240
  switch ($optionColor) {
@@ -7288,7 +7288,7 @@ var SearchContainer = styled.div(_templateObject4$3 || (_templateObject4$3 = _ta
7288
7288
  var $borderRadius = _ref5.$borderRadius;
7289
7289
  return $borderRadius || '8px';
7290
7290
  });
7291
- 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) {
7291
+ 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) {
7292
7292
  var theme = _ref6.theme;
7293
7293
  return theme.vms["default"].tertiary;
7294
7294
  }, function (_ref7) {
@@ -7427,7 +7427,7 @@ var DropdownContainer = styled.div(_templateObject$b || (_templateObject$b = _ta
7427
7427
  var $replaceLabel = _ref3.$replaceLabel;
7428
7428
  return $replaceLabel ? 'calc(100% - 22px)' : '';
7429
7429
  });
7430
- 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) {
7430
+ 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) {
7431
7431
  var $replaceLabel = _ref4.$replaceLabel;
7432
7432
  return $replaceLabel ? 'auto' : '';
7433
7433
  }, function (_ref5) {
@@ -7565,7 +7565,7 @@ var DropdownMenu = styled.div(_templateObject6$4 || (_templateObject6$4 = _tagge
7565
7565
  return $menuBackground || theme.vms.accent.light_2;
7566
7566
  });
7567
7567
  var SelectedOptionsWrapper = styled.div(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n height: 100%;\n"])));
7568
- 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) {
7568
+ 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) {
7569
7569
  var $selectedOptionBackground = _ref25.$selectedOptionBackground,
7570
7570
  $disabled = _ref25.$disabled,
7571
7571
  theme = _ref25.theme;
@@ -7830,7 +7830,7 @@ var DropdownContainer$1 = styled.div(_templateObject2$9 || (_templateObject2$9 =
7830
7830
  var $width = _ref4.$width;
7831
7831
  return $width || '100%';
7832
7832
  });
7833
- 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) {
7833
+ 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) {
7834
7834
  var $disabled = _ref5.$disabled;
7835
7835
  return $disabled ? 'not-allowed' : 'pointer';
7836
7836
  }, function (_ref6) {
@@ -7971,7 +7971,7 @@ var SearchContainer$1 = styled.div(_templateObject9$3 || (_templateObject9$3 = _
7971
7971
  var $borderRadius = _ref33.$borderRadius;
7972
7972
  return $borderRadius || '8px 8px 0 0';
7973
7973
  });
7974
- 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) {
7974
+ 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) {
7975
7975
  var $inputColor = _ref34.$inputColor,
7976
7976
  theme = _ref34.theme;
7977
7977
  return $inputColor || theme.vms.text.medium;
@@ -8247,7 +8247,7 @@ var ButtonDropdown = function ButtonDropdown(_ref) {
8247
8247
 
8248
8248
  var _templateObject$d, _templateObject2$a, _templateObject3$7;
8249
8249
  var SelectedOptionsWrapper$1 = styled.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-wrap: wrap;\n gap: 6px;\n"])));
8250
- 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) {
8250
+ 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) {
8251
8251
  var $selectedOptionBackground = _ref.$selectedOptionBackground,
8252
8252
  $type = _ref.$type,
8253
8253
  theme = _ref.theme;
@@ -8330,7 +8330,7 @@ var SearchContainer$2 = styled.div(_templateObject$e || (_templateObject$e = _ta
8330
8330
  var theme = _ref5.theme;
8331
8331
  return "1px solid " + theme.vms.text.dark;
8332
8332
  });
8333
- 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) {
8333
+ 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) {
8334
8334
  var theme = _ref6.theme;
8335
8335
  return theme.vms["default"].tertiary;
8336
8336
  }, function (_ref7) {
@@ -8425,7 +8425,7 @@ var Label = styled.label(_templateObject$f || (_templateObject$f = _taggedTempla
8425
8425
  return $titlecolor;
8426
8426
  }
8427
8427
  });
8428
- 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) {
8428
+ 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) {
8429
8429
  var theme = _ref4.theme;
8430
8430
  return "1px solid " + theme.vms.border.light;
8431
8431
  }, function (_ref5) {
@@ -8612,7 +8612,7 @@ var Label$1 = styled.label(_templateObject2$d || (_templateObject2$d = _taggedTe
8612
8612
  theme = _ref4.theme;
8613
8613
  return $titlecolor || theme.vms.text.dark;
8614
8614
  });
8615
- 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) {
8615
+ 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) {
8616
8616
  var theme = _ref5.theme;
8617
8617
  return "1px solid " + theme.vms.border.light;
8618
8618
  }, function (_ref6) {
@@ -8720,7 +8720,7 @@ var TotalOptionsHeader = styled.div(_templateObject3$a || (_templateObject3$a =
8720
8720
  var theme = _ref8.theme;
8721
8721
  return "1px solid " + theme.vms.text.light;
8722
8722
  });
8723
- 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"])));
8723
+ 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"])));
8724
8724
  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) {
8725
8725
  var $background = _ref9.$background,
8726
8726
  theme = _ref9.theme;
@@ -8751,7 +8751,7 @@ var SearchContainer$3 = styled.div(_templateObject5$7 || (_templateObject5$7 = _
8751
8751
  var $borderRadius = _ref11.$borderRadius;
8752
8752
  return $borderRadius || '8px';
8753
8753
  });
8754
- 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) {
8754
+ 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) {
8755
8755
  var theme = _ref12.theme;
8756
8756
  return theme.vms["default"].tertiary;
8757
8757
  }, function (_ref13) {
@@ -10008,7 +10008,7 @@ var Container$4 = styled.div(_templateObject$r || (_templateObject$r = _taggedTe
10008
10008
  var $border = _ref3.$border;
10009
10009
  return $border;
10010
10010
  });
10011
- 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) {
10011
+ 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) {
10012
10012
  var $bordeBottom = _ref4.$bordeBottom,
10013
10013
  theme = _ref4.theme;
10014
10014
  return $bordeBottom != null ? $bordeBottom : "1px solid " + theme.vms.border.light;
@@ -10016,7 +10016,7 @@ var FirstContainer = styled.div(_templateObject2$m || (_templateObject2$m = _tag
10016
10016
  var $headerPadding = _ref5.$headerPadding;
10017
10017
  return $headerPadding ? $headerPadding : '0px';
10018
10018
  });
10019
- 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) {
10019
+ 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) {
10020
10020
  var $disabled = _ref6.$disabled;
10021
10021
  return $disabled ? 'not-allowed' : 'pointer';
10022
10022
  }, function (_ref7) {
@@ -10041,7 +10041,7 @@ var TabItemContainer = styled.div(_templateObject4$c || (_templateObject4$c = _t
10041
10041
  var theme = _ref12.theme;
10042
10042
  return theme.vms["default"].primary;
10043
10043
  });
10044
- 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) {
10044
+ 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) {
10045
10045
  var $active = _ref13.$active,
10046
10046
  theme = _ref13.theme;
10047
10047
  return $active ? theme.vms["default"].primary : theme.vms.text.medium;