labsense-ui-kit 1.2.51 → 1.2.53

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 (8) hide show
  1. package/dist/Icons/SVGs/FullVolume_2.d.ts +4 -0
  2. package/dist/Icons/SVGs/index.d.ts +1 -0
  3. package/dist/Icons/index.d.ts +1 -1
  4. package/dist/index.js +42 -21
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.modern.js +42 -21
  7. package/dist/index.modern.js.map +1 -1
  8. package/package.json +1 -1
package/dist/Icons/SVGs/FullVolume_2.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { SVGProps } from '..';
3
+ declare const FullVolume_2: React.FC<SVGProps>;
4
+ export default FullVolume_2;
package/dist/Icons/SVGs/index.d.ts CHANGED
@@ -70,6 +70,7 @@ export { default as Forward } from './Forward';
70
70
  export { default as FPS } from './FPS';
71
71
  export { default as Free } from './Free';
72
72
  export { default as FullScreen } from './FullScreen';
73
+ export { default as FullVolume_2 } from './FullVolume_2';
73
74
  export { default as FullVolume } from './FullVolume';
74
75
  export { default as Globe } from './Globe';
75
76
  export { default as GlobeIcon } from './GlobeIcon';
package/dist/Icons/index.d.ts CHANGED
@@ -10,7 +10,7 @@ export interface SVGProps {
10
10
  color: string;
11
11
  weight: string;
12
12
  }
13
- export declare type IconNames = 'Add_1' | 'Add_2' | 'AddProfile' | 'AddUser' | 'AI_Brain' | 'AI_Web' | 'Analytics' | 'App' | 'Ascending' | 'Back' | 'Bank' | 'Bell' | 'Bin' | 'BrainNetworking' | 'Building' | 'Bulb' | 'Business' | 'Calendar' | 'Car' | 'CCTV_1' | 'CCTV_2' | 'Circle' | 'Check' | 'CircularEdit' | 'CircularFilledWarning' | 'CircularPause' | 'CircularPlay' | 'CircularWarning' | 'City' | 'Client' | 'Close' | 'CloseCircle_2' | 'CloseCircle' | 'CloseEye' | 'CloudCross' | 'Copy_2' | 'Copy' | 'Copyright' | 'CPU' | 'Cube3D' | 'Cyber' | 'Dashboard' | 'Decrease' | 'Descending' | 'DiagonalArrow' | 'Directory' | 'Disk' | 'DNS_1' | 'DNS_2' | 'DNS_3' | 'Document' | 'DocumentBadge' | 'DoubleQuotes' | 'DownArrow' | 'Download_2' | 'Download' | 'Email' | 'ExitFullScreen' | 'FaceRecognition_2' | 'FaceRecognition' | 'FastDelivery' | 'OpenEye' | 'FilesBox' | 'FilledCircle' | 'FilledCircleTick' | 'FilledPin' | 'Filter_1' | 'Filter_2' | 'Flow' | 'Forward_10_Sec' | 'Forward' | 'FPS' | 'Free' | 'FullScreen' | 'Grid_2x2_Hollow' | 'Grid_2x2' | 'Grid_3x3' | 'Grid_4x4' | 'Grid_5x5' | 'Hamburger' | 'Handshake' | 'Hazard' | 'Help' | 'History' | 'Home' | 'Hospital' | 'Increase' | 'Hexagon' | 'Highway' | 'Information' | 'InformationFilled' | 'Instagram' | 'Install' | 'IP' | 'Key_2' | 'Key' | 'KeyDown' | 'KnobController' | 'LedBulb' | 'LeftArrow' | 'Letter' | 'License' | 'Linkedin' | 'Licenses' | 'Live' | 'Location' | 'Lock' | 'Logout' | 'Manufacturing' | 'Maps' | 'Media' | 'Monitor' | 'MonitorEye' | 'More' | 'MultiMonitor' | 'MediumVolume' | 'Mute' | 'MuteVolume' | 'Menu' | 'MeterUp' | 'NetworkStorage' | 'NFS_Directory' | 'NoCam' | 'Node' | 'NoStorage' | 'Notifications' | 'OpenBin' | 'OpenBook' | 'OpenEye' | 'PasswordLock' | 'Pause' | 'PeopleAnalytics' | 'Phone' | 'Pin_2' | 'Pin' | 'Play_1' | 'Play_2' | 'Playback' | 'PoliceBadge' | 'Power' | 'PremiumBadge' | 'ProcessingBulb' | 'Profile_1' | 'Profile_2' | 'Profile_3' | 'Recording_1' | 'Recording_2' | 'Recording_3' | 'Rectangle' | 'Restaurant' | 'Retail' | 'Retry' | 'Return' | 'Rewind_10_Sec' | 'Rhombus' | 'RightArrow' | 'Ringing_Bell' | 'Rocket' | 'ROI' | 'RunAway' | 'Rupee' | 'SandTimer' | 'Scalable' | 'School' | 'Search' | 'SecureSystem' | 'Security' | 'Send' | 'Settings' | 'ShelfMonitoring' | 'Shield' | 'ShoppingCart' | 'Sink' | 'SlantLine' | 'Sort_2' | 'Sort' | 'Source' | 'SquareEdit' | 'SquareTick' | 'Star' | 'StorageDisks' | 'Tag' | 'Team' | 'Team_2' | 'ThreeDots' | 'ThumbsUp_2' | 'ThumbsUp' | 'Tick' | 'Timer' | 'Tool' | 'Tools' | 'Translate' | 'TriangularFilledWarning' | 'UnPinned' | 'UpArrow' | 'VehicleNumber' | 'Video' | 'FullVolume' | 'Globe' | 'GlobeIcon' | 'Government' | 'Wallet' | 'Web' | 'WiFiCam' | 'WiFiLaptop' | 'Workflow' | 'X' | 'Youtube' | 'Zapper';
13
+ export declare type IconNames = 'Add_1' | 'Add_2' | 'AddProfile' | 'AddUser' | 'AI_Brain' | 'AI_Web' | 'Analytics' | 'App' | 'Ascending' | 'Back' | 'Bank' | 'Bell' | 'Bin' | 'BrainNetworking' | 'Building' | 'Bulb' | 'Business' | 'Calendar' | 'Car' | 'CCTV_1' | 'CCTV_2' | 'Circle' | 'Check' | 'CircularEdit' | 'CircularFilledWarning' | 'CircularPause' | 'CircularPlay' | 'CircularWarning' | 'City' | 'Client' | 'Close' | 'CloseCircle_2' | 'CloseCircle' | 'CloseEye' | 'CloudCross' | 'Copy_2' | 'Copy' | 'Copyright' | 'CPU' | 'Cube3D' | 'Cyber' | 'Dashboard' | 'Decrease' | 'Descending' | 'DiagonalArrow' | 'Directory' | 'Disk' | 'DNS_1' | 'DNS_2' | 'DNS_3' | 'Document' | 'DocumentBadge' | 'DoubleQuotes' | 'DownArrow' | 'Download_2' | 'Download' | 'Email' | 'ExitFullScreen' | 'FaceRecognition_2' | 'FaceRecognition' | 'FastDelivery' | 'OpenEye' | 'FilesBox' | 'FilledCircle' | 'FilledCircleTick' | 'FilledPin' | 'Filter_1' | 'Filter_2' | 'Flow' | 'Forward_10_Sec' | 'Forward' | 'FPS' | 'Free' | 'FullScreen' | 'Grid_2x2_Hollow' | 'Grid_2x2' | 'Grid_3x3' | 'Grid_4x4' | 'Grid_5x5' | 'Hamburger' | 'Handshake' | 'Hazard' | 'Help' | 'History' | 'Home' | 'Hospital' | 'Increase' | 'Hexagon' | 'Highway' | 'Information' | 'InformationFilled' | 'Instagram' | 'Install' | 'IP' | 'Key_2' | 'Key' | 'KeyDown' | 'KnobController' | 'LedBulb' | 'LeftArrow' | 'Letter' | 'License' | 'Linkedin' | 'Licenses' | 'Live' | 'Location' | 'Lock' | 'Logout' | 'Manufacturing' | 'Maps' | 'Media' | 'Monitor' | 'MonitorEye' | 'More' | 'MultiMonitor' | 'MediumVolume' | 'Mute' | 'MuteVolume' | 'Menu' | 'MeterUp' | 'NetworkStorage' | 'NFS_Directory' | 'NoCam' | 'Node' | 'NoStorage' | 'Notifications' | 'OpenBin' | 'OpenBook' | 'OpenEye' | 'PasswordLock' | 'Pause' | 'PeopleAnalytics' | 'Phone' | 'Pin_2' | 'Pin' | 'Play_1' | 'Play_2' | 'Playback' | 'PoliceBadge' | 'Power' | 'PremiumBadge' | 'ProcessingBulb' | 'Profile_1' | 'Profile_2' | 'Profile_3' | 'Recording_1' | 'Recording_2' | 'Recording_3' | 'Rectangle' | 'Restaurant' | 'Retail' | 'Retry' | 'Return' | 'Rewind_10_Sec' | 'Rhombus' | 'RightArrow' | 'Ringing_Bell' | 'Rocket' | 'ROI' | 'RunAway' | 'Rupee' | 'SandTimer' | 'Scalable' | 'School' | 'Search' | 'SecureSystem' | 'Security' | 'Send' | 'Settings' | 'ShelfMonitoring' | 'Shield' | 'ShoppingCart' | 'Sink' | 'SlantLine' | 'Sort_2' | 'Sort' | 'Source' | 'SquareEdit' | 'SquareTick' | 'Star' | 'StorageDisks' | 'Tag' | 'Team' | 'Team_2' | 'ThreeDots' | 'ThumbsUp_2' | 'ThumbsUp' | 'Tick' | 'Timer' | 'Tool' | 'Tools' | 'Translate' | 'TriangularFilledWarning' | 'UnPinned' | 'UpArrow' | 'VehicleNumber' | 'Video' | 'FullVolume_2' | 'FullVolume' | 'Globe' | 'GlobeIcon' | 'Government' | 'Wallet' | 'Web' | 'WiFiCam' | 'WiFiLaptop' | 'Workflow' | 'X' | 'Youtube' | 'Zapper';
14
14
  export interface IconProps {
15
15
  icon: IconNames;
16
16
  size?: number;
package/dist/index.js CHANGED
@@ -1680,7 +1680,7 @@ var FullScreen = function FullScreen(_ref) {
1680
1680
  }));
1681
1681
  };
1682
1682
 
1683
- var FullVolume = function FullVolume(_ref) {
1683
+ var FullVolume_2 = function FullVolume_2(_ref) {
1684
1684
  var size = _ref.size,
1685
1685
  color = _ref.color,
1686
1686
  weight = _ref.weight;
@@ -1697,6 +1697,26 @@ var FullVolume = function FullVolume(_ref) {
1697
1697
  }));
1698
1698
  };
1699
1699
 
1700
+ var FullVolume = function FullVolume(_ref) {
1701
+ var size = _ref.size,
1702
+ color = _ref.color,
1703
+ weight = _ref.weight;
1704
+ return React__default.createElement("svg", {
1705
+ width: size,
1706
+ height: size,
1707
+ strokeWidth: weight,
1708
+ viewBox: '0 0 16 16',
1709
+ fill: 'none',
1710
+ xmlns: 'http://www.w3.org/2000/svg'
1711
+ }, React__default.createElement("path", {
1712
+ 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',
1713
+ fill: color
1714
+ }), React__default.createElement("path", {
1715
+ 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',
1716
+ fill: color
1717
+ }));
1718
+ };
1719
+
1700
1720
  var Globe = function Globe(_ref) {
1701
1721
  var size = _ref.size;
1702
1722
  return React__default.createElement("svg", {
@@ -4971,7 +4991,7 @@ var useCopyToClipboard = function useCopyToClipboard() {
4971
4991
  };
4972
4992
 
4973
4993
  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"])));
4994
+ 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
4995
  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
4996
  var theme = _ref.theme;
4977
4997
  return theme.vms.accent.light_1;
@@ -6029,6 +6049,7 @@ var IconSVGs = {
6029
6049
  FPS: FPS,
6030
6050
  Free: Free,
6031
6051
  FullScreen: FullScreen,
6052
+ FullVolume_2: FullVolume_2,
6032
6053
  FullVolume: FullVolume,
6033
6054
  Globe: Globe,
6034
6055
  GlobeIcon: GlobeIcon,
@@ -6921,8 +6942,8 @@ var SelectedStart = styled__default.div(_templateObject6$2 || (_templateObject6$
6921
6942
  var theme = _ref4.theme;
6922
6943
  return theme.vms.text.medium;
6923
6944
  });
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) {
6945
+ var CurrentDate = styled__default.p(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteralLoose(["\n font-weight: 400;\n font-size: 12px;\n"])));
6946
+ var CurrentTime = styled__default.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteralLoose(["\n font-weight: 500;\n font-size: 14px;\n color: ", ";\n"])), function (_ref5) {
6926
6947
  var theme = _ref5.theme;
6927
6948
  return theme.vms.text.medium;
6928
6949
  });
@@ -6983,8 +7004,8 @@ var CalendarDates = styled__default.div(_templateObject16 || (_templateObject16
6983
7004
  theme = _ref18.theme;
6984
7005
  return !$futureDateTime && $isFuture ? 'transparent' : $selected ? theme.vms.disabled.primary : $inRange ? theme.vms.disabled.primary : theme.vms.disabled.primary;
6985
7006
  });
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"])));
7007
+ var Year = styled__default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n font-weight: 500;\n font-size: 12px;\n"])));
7008
+ var Month = styled__default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n font-weight: 600;\n font-size: 14px;\n"])));
6988
7009
  var InputWrapper = styled__default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 24px;\n"])));
6989
7010
  var TimeInputWrapper = styled__default.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n align-items: center;\n"])));
6990
7011
  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 +7259,7 @@ var OptionItem = styled__default.div(_templateObject2$7 || (_templateObject2$7 =
7238
7259
  theme = _ref.theme;
7239
7260
  return $isborder ? $optionBorder || "1px solid " + theme.vms.border.extraLight : '';
7240
7261
  });
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) {
7262
+ 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
7263
  var $optionColor = _ref2.$optionColor,
7243
7264
  theme = _ref2.theme;
7244
7265
  switch ($optionColor) {
@@ -7292,7 +7313,7 @@ var SearchContainer = styled__default.div(_templateObject4$3 || (_templateObject
7292
7313
  var $borderRadius = _ref5.$borderRadius;
7293
7314
  return $borderRadius || '8px';
7294
7315
  });
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) {
7316
+ 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
7317
  var theme = _ref6.theme;
7297
7318
  return theme.vms["default"].tertiary;
7298
7319
  }, function (_ref7) {
@@ -7431,7 +7452,7 @@ var DropdownContainer = styled__default.div(_templateObject$b || (_templateObjec
7431
7452
  var $replaceLabel = _ref3.$replaceLabel;
7432
7453
  return $replaceLabel ? 'calc(100% - 22px)' : '';
7433
7454
  });
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) {
7455
+ 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
7456
  var $replaceLabel = _ref4.$replaceLabel;
7436
7457
  return $replaceLabel ? 'auto' : '';
7437
7458
  }, function (_ref5) {
@@ -7569,7 +7590,7 @@ var DropdownMenu = styled__default.div(_templateObject6$4 || (_templateObject6$4
7569
7590
  return $menuBackground || theme.vms.accent.light_2;
7570
7591
  });
7571
7592
  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) {
7593
+ 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
7594
  var $selectedOptionBackground = _ref25.$selectedOptionBackground,
7574
7595
  $disabled = _ref25.$disabled,
7575
7596
  theme = _ref25.theme;
@@ -7834,7 +7855,7 @@ var DropdownContainer$1 = styled__default.div(_templateObject2$9 || (_templateOb
7834
7855
  var $width = _ref4.$width;
7835
7856
  return $width || '100%';
7836
7857
  });
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) {
7858
+ 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
7859
  var $disabled = _ref5.$disabled;
7839
7860
  return $disabled ? 'not-allowed' : 'pointer';
7840
7861
  }, function (_ref6) {
@@ -7975,7 +7996,7 @@ var SearchContainer$1 = styled__default.div(_templateObject9$3 || (_templateObje
7975
7996
  var $borderRadius = _ref33.$borderRadius;
7976
7997
  return $borderRadius || '8px 8px 0 0';
7977
7998
  });
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) {
7999
+ 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
8000
  var $inputColor = _ref34.$inputColor,
7980
8001
  theme = _ref34.theme;
7981
8002
  return $inputColor || theme.vms.text.medium;
@@ -8251,7 +8272,7 @@ var ButtonDropdown = function ButtonDropdown(_ref) {
8251
8272
 
8252
8273
  var _templateObject$d, _templateObject2$a, _templateObject3$7;
8253
8274
  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) {
8275
+ 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
8276
  var $selectedOptionBackground = _ref.$selectedOptionBackground,
8256
8277
  $type = _ref.$type,
8257
8278
  theme = _ref.theme;
@@ -8334,7 +8355,7 @@ var SearchContainer$2 = styled__default.div(_templateObject$e || (_templateObjec
8334
8355
  var theme = _ref5.theme;
8335
8356
  return "1px solid " + theme.vms.text.dark;
8336
8357
  });
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) {
8358
+ 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
8359
  var theme = _ref6.theme;
8339
8360
  return theme.vms["default"].tertiary;
8340
8361
  }, function (_ref7) {
@@ -8429,7 +8450,7 @@ var Label = styled__default.label(_templateObject$f || (_templateObject$f = _tag
8429
8450
  return $titlecolor;
8430
8451
  }
8431
8452
  });
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) {
8453
+ 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
8454
  var theme = _ref4.theme;
8434
8455
  return "1px solid " + theme.vms.border.light;
8435
8456
  }, function (_ref5) {
@@ -8616,7 +8637,7 @@ var Label$1 = styled__default.label(_templateObject2$d || (_templateObject2$d =
8616
8637
  theme = _ref4.theme;
8617
8638
  return $titlecolor || theme.vms.text.dark;
8618
8639
  });
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) {
8640
+ 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
8641
  var theme = _ref5.theme;
8621
8642
  return "1px solid " + theme.vms.border.light;
8622
8643
  }, function (_ref6) {
@@ -8724,7 +8745,7 @@ var TotalOptionsHeader = styled__default.div(_templateObject3$a || (_templateObj
8724
8745
  var theme = _ref8.theme;
8725
8746
  return "1px solid " + theme.vms.text.light;
8726
8747
  });
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"])));
8748
+ 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
8749
  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
8750
  var $background = _ref9.$background,
8730
8751
  theme = _ref9.theme;
@@ -8755,7 +8776,7 @@ var SearchContainer$3 = styled__default.div(_templateObject5$7 || (_templateObje
8755
8776
  var $borderRadius = _ref11.$borderRadius;
8756
8777
  return $borderRadius || '8px';
8757
8778
  });
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) {
8779
+ 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
8780
  var theme = _ref12.theme;
8760
8781
  return theme.vms["default"].tertiary;
8761
8782
  }, function (_ref13) {
@@ -10012,7 +10033,7 @@ var Container$4 = styled__default.div(_templateObject$r || (_templateObject$r =
10012
10033
  var $border = _ref3.$border;
10013
10034
  return $border;
10014
10035
  });
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) {
10036
+ 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
10037
  var $bordeBottom = _ref4.$bordeBottom,
10017
10038
  theme = _ref4.theme;
10018
10039
  return $bordeBottom != null ? $bordeBottom : "1px solid " + theme.vms.border.light;
@@ -10020,7 +10041,7 @@ var FirstContainer = styled__default.div(_templateObject2$m || (_templateObject2
10020
10041
  var $headerPadding = _ref5.$headerPadding;
10021
10042
  return $headerPadding ? $headerPadding : '0px';
10022
10043
  });
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) {
10044
+ 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
10045
  var $disabled = _ref6.$disabled;
10025
10046
  return $disabled ? 'not-allowed' : 'pointer';
10026
10047
  }, function (_ref7) {
@@ -10045,7 +10066,7 @@ var TabItemContainer = styled__default.div(_templateObject4$c || (_templateObjec
10045
10066
  var theme = _ref12.theme;
10046
10067
  return theme.vms["default"].primary;
10047
10068
  });
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) {
10069
+ 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
10070
  var $active = _ref13.$active,
10050
10071
  theme = _ref13.theme;
10051
10072
  return $active ? theme.vms["default"].primary : theme.vms.text.medium;