labsense-ui-kit 1.2.52 → 1.2.54
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/index.modern.js
CHANGED
|
@@ -1676,7 +1676,7 @@ var FullScreen = function FullScreen(_ref) {
|
|
|
1676
1676
|
}));
|
|
1677
1677
|
};
|
|
1678
1678
|
|
|
1679
|
-
var
|
|
1679
|
+
var FullVolume_2 = function FullVolume_2(_ref) {
|
|
1680
1680
|
var size = _ref.size,
|
|
1681
1681
|
color = _ref.color,
|
|
1682
1682
|
weight = _ref.weight;
|
|
@@ -1693,6 +1693,26 @@ var FullVolume = function FullVolume(_ref) {
|
|
|
1693
1693
|
}));
|
|
1694
1694
|
};
|
|
1695
1695
|
|
|
1696
|
+
var FullVolume = function FullVolume(_ref) {
|
|
1697
|
+
var size = _ref.size,
|
|
1698
|
+
color = _ref.color,
|
|
1699
|
+
weight = _ref.weight;
|
|
1700
|
+
return React.createElement("svg", {
|
|
1701
|
+
width: size,
|
|
1702
|
+
height: size,
|
|
1703
|
+
strokeWidth: weight,
|
|
1704
|
+
viewBox: '0 0 16 16',
|
|
1705
|
+
fill: 'none',
|
|
1706
|
+
xmlns: 'http://www.w3.org/2000/svg'
|
|
1707
|
+
}, React.createElement("path", {
|
|
1708
|
+
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',
|
|
1709
|
+
fill: color
|
|
1710
|
+
}), React.createElement("path", {
|
|
1711
|
+
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',
|
|
1712
|
+
fill: color
|
|
1713
|
+
}));
|
|
1714
|
+
};
|
|
1715
|
+
|
|
1696
1716
|
var Globe = function Globe(_ref) {
|
|
1697
1717
|
var size = _ref.size;
|
|
1698
1718
|
return React.createElement("svg", {
|
|
@@ -6025,6 +6045,7 @@ var IconSVGs = {
|
|
|
6025
6045
|
FPS: FPS,
|
|
6026
6046
|
Free: Free,
|
|
6027
6047
|
FullScreen: FullScreen,
|
|
6048
|
+
FullVolume_2: FullVolume_2,
|
|
6028
6049
|
FullVolume: FullVolume,
|
|
6029
6050
|
Globe: Globe,
|
|
6030
6051
|
GlobeIcon: GlobeIcon,
|
|
@@ -9419,7 +9440,7 @@ var SidebarContainer = styled.div(_templateObject$n || (_templateObject$n = _tag
|
|
|
9419
9440
|
theme = _ref3.theme;
|
|
9420
9441
|
return $background || theme.vms.accent.softBlue;
|
|
9421
9442
|
});
|
|
9422
|
-
var SidebarLink = styled(NavLink)(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n height: 28px;\n width: 100%;\n gap: 10px;\n cursor: pointer;\n border-radius: 4px;\n text-decoration: none;\n transition: all 0.
|
|
9443
|
+
var SidebarLink = styled(NavLink)(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n height: 28px;\n width: 100%;\n gap: 10px;\n cursor: pointer;\n border-radius: 4px;\n text-decoration: none;\n transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);\n padding: ", ";\n color: ", ";\n\n &:hover {\n color: ", ";\n background: ", ";\n }\n"])), function (_ref4) {
|
|
9423
9444
|
var $padding = _ref4.$padding;
|
|
9424
9445
|
return $padding;
|
|
9425
9446
|
}, function (_ref5) {
|
|
@@ -9432,12 +9453,12 @@ var SidebarLink = styled(NavLink)(_templateObject2$j || (_templateObject2$j = _t
|
|
|
9432
9453
|
var theme = _ref7.theme;
|
|
9433
9454
|
return theme.vms["default"].primary;
|
|
9434
9455
|
});
|
|
9435
|
-
var IconWrapper$2 = styled.div(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteralLoose(["\n background: ", ";\n transition: all 0.
|
|
9456
|
+
var IconWrapper$2 = styled.div(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteralLoose(["\n background: ", ";\n transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);\n padding: 4px;\n border-radius: 4px;\n width: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (_ref8) {
|
|
9436
9457
|
var $selected = _ref8.$selected,
|
|
9437
9458
|
theme = _ref8.theme;
|
|
9438
9459
|
return $selected ? theme.vms["default"].primary : theme.vms["default"].tertiary;
|
|
9439
9460
|
});
|
|
9440
|
-
var Logo = styled.div(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n transition: all 0.
|
|
9461
|
+
var Logo = styled.div(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);\n display: flex;\n width: 100%;\n min-width: max-content;\n height: 32px;\n align-items: center;\n justify-content: center;\n gap: 10px;\n"])));
|
|
9441
9462
|
var TextContainer = styled.span(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n white-space: nowrap;\n padding: ", ";\n font-size: ", ";\n font-weight: ", ";\n opacity: ", ";\n visibility: ", ";\n transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;\n transform: ", ";\n"])), function (_ref9) {
|
|
9442
9463
|
var $padding = _ref9.$padding;
|
|
9443
9464
|
return $padding;
|