labsense-ui-kit 1.3.12 → 1.3.14

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.
@@ -251,6 +251,23 @@ var App = function App(_ref) {
251
251
  }));
252
252
  };
253
253
 
254
+ var Arrow_Up_Down_Left_Right = function Arrow_Up_Down_Left_Right(_ref) {
255
+ var size = _ref.size,
256
+ color = _ref.color,
257
+ weight = _ref.weight;
258
+ return React.createElement("svg", {
259
+ width: size,
260
+ height: size,
261
+ strokeWidth: weight,
262
+ viewBox: '0 0 667 667',
263
+ fill: 'none',
264
+ xmlns: 'http://www.w3.org/2000/svg'
265
+ }, React.createElement("path", {
266
+ d: 'M333.334 0L466.667 138.071L422.224 184.095L364.761 124.592V301.907H542.077L482.571 244.445L528.597 200.001L666.667 333.333L528.597 466.667L482.571 422.223L542.074 364.76H364.761V542.077L422.224 482.573L466.667 528.597L333.334 666.667L200.001 528.597L244.446 482.573L301.907 542.077V364.76H124.591L184.095 422.223L138.071 466.667L0 333.333L138.071 200.001L184.095 244.445L124.592 301.907H301.907V124.591L244.445 184.095L200.001 138.071L333.334 0Z',
267
+ fill: color
268
+ }));
269
+ };
270
+
254
271
  var ArrowDown = function ArrowDown(_ref) {
255
272
  var size = _ref.size,
256
273
  color = _ref.color,
@@ -5453,7 +5470,7 @@ var useCopyToClipboard = function useCopyToClipboard() {
5453
5470
  };
5454
5471
 
5455
5472
  var _templateObject, _templateObject2;
5456
- 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: 99999;\n backdrop-filter: blur(4px);\n"])));
5473
+ 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"])));
5457
5474
  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: 90vh;\n max-width: ", ";\n overflow-y: ", ";\n scrollbar-width: thin;\n"])), function (_ref) {
5458
5475
  var theme = _ref.theme;
5459
5476
  return theme.vms.accent.light_1;
@@ -5791,6 +5808,7 @@ var IconSVGs = {
5791
5808
  AI_Brain: AI_Brain,
5792
5809
  AI_License: AI_License,
5793
5810
  App: App,
5811
+ Arrow_Up_Down_Left_Right: Arrow_Up_Down_Left_Right,
5794
5812
  ArrowDown: ArrowDown,
5795
5813
  ArrowUp: ArrowUp,
5796
5814
  Ascending: Ascending,
@@ -9304,7 +9322,7 @@ var ProgressBar = function ProgressBar(_ref3) {
9304
9322
  };
9305
9323
 
9306
9324
  var _templateObject$n, _templateObject2$j, _templateObject3$c, _templateObject4$9, _templateObject5$8, _templateObject6$7, _templateObject7$5;
9307
- var SidebarContainer = styled.div(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n width: 68px;\n max-width: 68px;\n height: 100vh;\n background: ", ";\n transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n align-items: start;\n padding: 20px;\n position: fixed;\n left: 0;\n top: 0;\n overflow: hidden;\n z-index: 10000;\n justify-content: space-between;\n\n /* Expand on hover */\n &:hover {\n width: max-content;\n max-width: 400px;\n\n /* You can also add a class for children */\n span, .expandable {\n opacity: 1;\n visibility: visible;\n transform: translateX(0);\n }\n }\n"])), function (_ref) {
9325
+ var SidebarContainer = styled.div(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n width: 68px;\n max-width: 68px;\n height: 100vh;\n background: ", ";\n transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n flex-direction: column;\n align-items: start;\n padding: 20px;\n position: fixed;\n left: 0;\n top: 0;\n overflow: hidden;\n z-index: 9988;\n justify-content: space-between;\n\n /* Expand on hover */\n &:hover {\n width: max-content;\n max-width: 400px;\n\n /* You can also add a class for children */\n span, .expandable {\n opacity: 1;\n visibility: visible;\n transform: translateX(0);\n }\n }\n"])), function (_ref) {
9308
9326
  var $background = _ref.$background,
9309
9327
  theme = _ref.theme;
9310
9328
  return $background || theme.vms.accent.softBlue;