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.
- package/dist/Container&Span/StyledComponents.d.ts +2 -0
- package/dist/Icons/SVGs/Globe.d.ts +4 -0
- package/dist/Icons/SVGs/index.d.ts +1 -0
- package/dist/Icons/index.d.ts +1 -1
- package/dist/index.js +166 -27
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +166 -27
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -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 $
|
|
3393
|
-
return $
|
|
3524
|
+
var $transform = _ref43.$transform;
|
|
3525
|
+
return $transform;
|
|
3394
3526
|
}, function (_ref44) {
|
|
3395
|
-
var $
|
|
3396
|
-
return $
|
|
3527
|
+
var $boxShadow = _ref44.$boxShadow;
|
|
3528
|
+
return $boxShadow;
|
|
3397
3529
|
}, function (_ref45) {
|
|
3398
|
-
var $
|
|
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 (
|
|
3402
|
-
var $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 (
|
|
3405
|
-
var $fontWeight =
|
|
3542
|
+
}, function (_ref49) {
|
|
3543
|
+
var $fontWeight = _ref49.$fontWeight;
|
|
3406
3544
|
return $fontWeight ? $fontWeight : '500';
|
|
3407
|
-
}, function (
|
|
3408
|
-
var $fontSize =
|
|
3545
|
+
}, function (_ref50) {
|
|
3546
|
+
var $fontSize = _ref50.$fontSize;
|
|
3409
3547
|
return $fontSize ? $fontSize : '16px';
|
|
3410
|
-
}, function (
|
|
3411
|
-
var $fontStyle =
|
|
3548
|
+
}, function (_ref51) {
|
|
3549
|
+
var $fontStyle = _ref51.$fontStyle;
|
|
3412
3550
|
return $fontStyle ? $fontStyle : 'normal';
|
|
3413
|
-
}, function (
|
|
3414
|
-
var $color =
|
|
3415
|
-
theme =
|
|
3551
|
+
}, function (_ref52) {
|
|
3552
|
+
var $color = _ref52.$color,
|
|
3553
|
+
theme = _ref52.theme;
|
|
3416
3554
|
return $color ? $color : theme.text.medium;
|
|
3417
|
-
}, function (
|
|
3418
|
-
var $lineHeight =
|
|
3555
|
+
}, function (_ref53) {
|
|
3556
|
+
var $lineHeight = _ref53.$lineHeight;
|
|
3419
3557
|
return $lineHeight ? $lineHeight : '100%';
|
|
3420
|
-
}, function (
|
|
3421
|
-
var $textAlign =
|
|
3558
|
+
}, function (_ref54) {
|
|
3559
|
+
var $textAlign = _ref54.$textAlign;
|
|
3422
3560
|
return $textAlign ? $textAlign : 'center';
|
|
3423
|
-
}, function (
|
|
3424
|
-
var $minWidth =
|
|
3561
|
+
}, function (_ref55) {
|
|
3562
|
+
var $minWidth = _ref55.$minWidth;
|
|
3425
3563
|
return $minWidth;
|
|
3426
|
-
}, function (
|
|
3427
|
-
var $width =
|
|
3564
|
+
}, function (_ref56) {
|
|
3565
|
+
var $width = _ref56.$width;
|
|
3428
3566
|
return $width;
|
|
3429
|
-
}, function (
|
|
3430
|
-
var $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,
|