labsense-ui-kit 1.2.6 → 1.2.8

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.
@@ -1178,6 +1178,138 @@ var FullVolume = function FullVolume(_ref) {
1178
1178
  }));
1179
1179
  };
1180
1180
 
1181
+ var Globe = function Globe(_ref) {
1182
+ var size = _ref.size;
1183
+ return React.createElement("svg", {
1184
+ width: size,
1185
+ height: size,
1186
+ viewBox: "0 0 1028 1028",
1187
+ fill: "none",
1188
+ xmlns: "http://www.w3.org/2000/svg"
1189
+ }, React.createElement("g", {
1190
+ filter: "url(#filter0_ddi_1510_3418)"
1191
+ }, React.createElement("rect", {
1192
+ x: "114",
1193
+ y: "114",
1194
+ width: "800",
1195
+ height: "800",
1196
+ rx: "400",
1197
+ fill: "url(#paint0_linear_1510_3418)"
1198
+ }), React.createElement("rect", {
1199
+ x: "114",
1200
+ y: "114",
1201
+ width: "800",
1202
+ height: "800",
1203
+ rx: "400",
1204
+ fill: "url(#paint1_radial_1510_3418)",
1205
+ "fill-opacity": "0.6"
1206
+ })), React.createElement("defs", null, React.createElement("filter", {
1207
+ id: "filter0_ddi_1510_3418",
1208
+ x: "0",
1209
+ y: "0",
1210
+ width: "1028",
1211
+ height: "1028",
1212
+ filterUnits: "userSpaceOnUse",
1213
+ "color-interpolation-filters": "sRGB"
1214
+ }, React.createElement("feFlood", {
1215
+ "flood-opacity": "0",
1216
+ result: "BackgroundImageFix"
1217
+ }), React.createElement("feColorMatrix", {
1218
+ "in": "SourceAlpha",
1219
+ type: "matrix",
1220
+ values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
1221
+ result: "hardAlpha"
1222
+ }), React.createElement("feOffset", null), React.createElement("feGaussianBlur", {
1223
+ stdDeviation: "57"
1224
+ }), React.createElement("feComposite", {
1225
+ in2: "hardAlpha",
1226
+ operator: "out"
1227
+ }), React.createElement("feColorMatrix", {
1228
+ type: "matrix",
1229
+ values: "0 0 0 0 0.0941176 0 0 0 0 0.286275 0 0 0 0 0.662745 0 0 0 0.8 0"
1230
+ }), React.createElement("feBlend", {
1231
+ mode: "normal",
1232
+ in2: "BackgroundImageFix",
1233
+ result: "effect1_dropShadow_1510_3418"
1234
+ }), React.createElement("feColorMatrix", {
1235
+ "in": "SourceAlpha",
1236
+ type: "matrix",
1237
+ values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
1238
+ result: "hardAlpha"
1239
+ }), React.createElement("feMorphology", {
1240
+ radius: "5",
1241
+ operator: "dilate",
1242
+ "in": "SourceAlpha",
1243
+ result: "effect2_dropShadow_1510_3418"
1244
+ }), React.createElement("feOffset", null), React.createElement("feGaussianBlur", {
1245
+ stdDeviation: "10"
1246
+ }), React.createElement("feComposite", {
1247
+ in2: "hardAlpha",
1248
+ operator: "out"
1249
+ }), React.createElement("feColorMatrix", {
1250
+ type: "matrix",
1251
+ values: "0 0 0 0 0.0941176 0 0 0 0 0.286275 0 0 0 0 0.662745 0 0 0 1 0"
1252
+ }), React.createElement("feBlend", {
1253
+ mode: "normal",
1254
+ in2: "effect1_dropShadow_1510_3418",
1255
+ result: "effect2_dropShadow_1510_3418"
1256
+ }), React.createElement("feBlend", {
1257
+ mode: "normal",
1258
+ "in": "SourceGraphic",
1259
+ in2: "effect2_dropShadow_1510_3418",
1260
+ result: "shape"
1261
+ }), React.createElement("feColorMatrix", {
1262
+ "in": "SourceAlpha",
1263
+ type: "matrix",
1264
+ values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
1265
+ result: "hardAlpha"
1266
+ }), React.createElement("feMorphology", {
1267
+ radius: "20",
1268
+ operator: "erode",
1269
+ "in": "SourceAlpha",
1270
+ result: "effect3_innerShadow_1510_3418"
1271
+ }), React.createElement("feOffset", null), React.createElement("feGaussianBlur", {
1272
+ stdDeviation: "56"
1273
+ }), React.createElement("feComposite", {
1274
+ in2: "hardAlpha",
1275
+ operator: "arithmetic",
1276
+ k2: "-1",
1277
+ k3: "1"
1278
+ }), React.createElement("feColorMatrix", {
1279
+ type: "matrix",
1280
+ values: "0 0 0 0 0.0941176 0 0 0 0 0.286275 0 0 0 0 0.662745 0 0 0 1 0"
1281
+ }), React.createElement("feBlend", {
1282
+ mode: "normal",
1283
+ in2: "shape",
1284
+ result: "effect3_innerShadow_1510_3418"
1285
+ })), React.createElement("linearGradient", {
1286
+ id: "paint0_linear_1510_3418",
1287
+ x1: "914",
1288
+ y1: "114",
1289
+ x2: "114",
1290
+ y2: "914",
1291
+ gradientUnits: "userSpaceOnUse"
1292
+ }, React.createElement("stop", {
1293
+ "stop-color": "#CCEEFF"
1294
+ }), React.createElement("stop", {
1295
+ offset: "0.773726",
1296
+ "stop-color": "#1849A9"
1297
+ })), React.createElement("radialGradient", {
1298
+ id: "paint1_radial_1510_3418",
1299
+ cx: "0",
1300
+ cy: "0",
1301
+ r: "1",
1302
+ gradientUnits: "userSpaceOnUse",
1303
+ gradientTransform: "translate(514 514) rotate(90) scale(400)"
1304
+ }, React.createElement("stop", {
1305
+ "stop-color": "white"
1306
+ }), React.createElement("stop", {
1307
+ offset: "1",
1308
+ "stop-color": "white",
1309
+ "stop-opacity": "0"
1310
+ }))));
1311
+ };
1312
+
1181
1313
  var Grid_2x2_Hollow = function Grid_2x2_Hollow(_ref) {
1182
1314
  var size = _ref.size,
1183
1315
  color = _ref.color,
@@ -3262,7 +3394,7 @@ var useCustomModal = function useCustomModal(_ref4) {
3262
3394
  };
3263
3395
 
3264
3396
  var _templateObject$1, _templateObject2$1;
3265
- var Container = styled.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex: ", ";\n flex-wrap: ", ";\n flex-direction: ", ";\n justify-content: ", ";\n align-items: ", "; \n gap: ", ";\n font-weight: ", ";\n height: ", ";\n min-height: ", ";\n max-height: ", ";\n width: ", ";\n min-width: ", ";\n max-width: ", ";\n padding: ", ";\n background: ", ";\n object-fit:", ";\n margin: ", ";\n border-radius: ", ";\n border-top-left-radius: ", ";\n border-top-right-radius: ", ";\n border-bottom-right-radius: ", ";\n border-bottom-left-radius: ", ";\n cursor: ", ";\n font-size: ", ";\n opacity: ", ";\n pointer-events: ", ";\n position: ", ";\n top: ", ";\n bottom: ", ";\n left: ", ";\n right: ", ";\n text-align: ", "; \n color: ", "; \n overflow: ", ";\n overflow-y: ", ";\n z-index: ", "; \n scrollbar-width: ", ";\n border: ", "; \n border-top: ", ";\n border-bottom: ", ";\n border-left: ", ";\n transition: ", ";\n box-shadow: ", ";\n\n &:hover {\n background: ", ";\n color: ", ";\n }\n"])), function (_ref) {
3397
+ var Container = styled.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex: ", ";\n flex-wrap: ", ";\n flex-direction: ", ";\n justify-content: ", ";\n align-items: ", "; \n gap: ", ";\n font-weight: ", ";\n height: ", ";\n min-height: ", ";\n max-height: ", ";\n width: ", ";\n min-width: ", ";\n max-width: ", ";\n padding: ", ";\n background: ", ";\n object-fit:", ";\n margin: ", ";\n border-radius: ", ";\n border-top-left-radius: ", ";\n border-top-right-radius: ", ";\n border-bottom-right-radius: ", ";\n border-bottom-left-radius: ", ";\n cursor: ", ";\n font-size: ", ";\n opacity: ", ";\n pointer-events: ", ";\n position: ", ";\n top: ", ";\n bottom: ", ";\n left: ", ";\n right: ", ";\n text-align: ", "; \n color: ", "; \n overflow: ", ";\n overflow-y: ", ";\n z-index: ", "; \n scrollbar-width: ", ";\n border: ", "; \n border-top: ", ";\n border-bottom: ", ";\n border-left: ", ";\n transition: ", ";\n transform: ", ";\n box-shadow: ", ";\n backdrop-filter: ", ";\n\n &:hover {\n background: ", ";\n color: ", ";\n }\n"])), function (_ref) {
3266
3398
  var $flex = _ref.$flex;
3267
3399
  return $flex;
3268
3400
  }, function (_ref2) {
@@ -3389,45 +3521,51 @@ var Container = styled.div(_templateObject$1 || (_templateObject$1 = _taggedTemp
3389
3521
  var $transition = _ref42.$transition;
3390
3522
  return $transition;
3391
3523
  }, function (_ref43) {
3392
- var $boxShadow = _ref43.$boxShadow;
3393
- return $boxShadow;
3524
+ var $transform = _ref43.$transform;
3525
+ return $transform;
3394
3526
  }, function (_ref44) {
3395
- var $hoverBackground = _ref44.$hoverBackground;
3396
- return $hoverBackground;
3527
+ var $boxShadow = _ref44.$boxShadow;
3528
+ return $boxShadow;
3397
3529
  }, function (_ref45) {
3398
- var $hoverColor = _ref45.$hoverColor;
3530
+ var $backDropFilter = _ref45.$backDropFilter;
3531
+ return $backDropFilter;
3532
+ }, function (_ref46) {
3533
+ var $hoverBackground = _ref46.$hoverBackground;
3534
+ return $hoverBackground;
3535
+ }, function (_ref47) {
3536
+ var $hoverColor = _ref47.$hoverColor;
3399
3537
  return $hoverColor;
3400
3538
  });
3401
- var Span = styled.span(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n font-weight: ", ";\n font-size: ", ";\n font-style: ", ";\n color: ", ";\n line-height: ", ";\n text-align: ", ";\n min-width: ", ";\n width: ", ";\n overflow-wrap: ", ";\n"])), function (_ref46) {
3402
- var $fontFamily = _ref46.$fontFamily;
3539
+ var Span = styled.span(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n font-weight: ", ";\n font-size: ", ";\n font-style: ", ";\n color: ", ";\n line-height: ", ";\n text-align: ", ";\n min-width: ", ";\n width: ", ";\n overflow-wrap: ", ";\n"])), function (_ref48) {
3540
+ var $fontFamily = _ref48.$fontFamily;
3403
3541
  return $fontFamily ? $fontFamily : 'NotoSans, sans-serif';
3404
- }, function (_ref47) {
3405
- var $fontWeight = _ref47.$fontWeight;
3542
+ }, function (_ref49) {
3543
+ var $fontWeight = _ref49.$fontWeight;
3406
3544
  return $fontWeight ? $fontWeight : '500';
3407
- }, function (_ref48) {
3408
- var $fontSize = _ref48.$fontSize;
3545
+ }, function (_ref50) {
3546
+ var $fontSize = _ref50.$fontSize;
3409
3547
  return $fontSize ? $fontSize : '16px';
3410
- }, function (_ref49) {
3411
- var $fontStyle = _ref49.$fontStyle;
3548
+ }, function (_ref51) {
3549
+ var $fontStyle = _ref51.$fontStyle;
3412
3550
  return $fontStyle ? $fontStyle : 'normal';
3413
- }, function (_ref50) {
3414
- var $color = _ref50.$color,
3415
- theme = _ref50.theme;
3551
+ }, function (_ref52) {
3552
+ var $color = _ref52.$color,
3553
+ theme = _ref52.theme;
3416
3554
  return $color ? $color : theme.text.medium;
3417
- }, function (_ref51) {
3418
- var $lineHeight = _ref51.$lineHeight;
3555
+ }, function (_ref53) {
3556
+ var $lineHeight = _ref53.$lineHeight;
3419
3557
  return $lineHeight ? $lineHeight : '100%';
3420
- }, function (_ref52) {
3421
- var $textAlign = _ref52.$textAlign;
3558
+ }, function (_ref54) {
3559
+ var $textAlign = _ref54.$textAlign;
3422
3560
  return $textAlign ? $textAlign : 'center';
3423
- }, function (_ref53) {
3424
- var $minWidth = _ref53.$minWidth;
3561
+ }, function (_ref55) {
3562
+ var $minWidth = _ref55.$minWidth;
3425
3563
  return $minWidth;
3426
- }, function (_ref54) {
3427
- var $width = _ref54.$width;
3564
+ }, function (_ref56) {
3565
+ var $width = _ref56.$width;
3428
3566
  return $width;
3429
- }, function (_ref55) {
3430
- var $overflowWrap = _ref55.$overflowWrap;
3567
+ }, function (_ref57) {
3568
+ var $overflowWrap = _ref57.$overflowWrap;
3431
3569
  return $overflowWrap;
3432
3570
  });
3433
3571
 
@@ -3729,6 +3867,7 @@ var IconSVGs = {
3729
3867
  Free: Free,
3730
3868
  FullScreen: FullScreen,
3731
3869
  FullVolume: FullVolume,
3870
+ Globe: Globe,
3732
3871
  Grid_2x2_Hollow: Grid_2x2_Hollow,
3733
3872
  Grid_2x2: Grid_2x2,
3734
3873
  Grid_3x3: Grid_3x3,