labsense-ui-kit 1.1.14 → 1.1.16
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/Cube3D.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 +91 -58
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +91 -58
- package/dist/index.modern.js.map +1 -1
- package/package.json +5 -5
package/dist/index.modern.js
CHANGED
|
@@ -655,6 +655,32 @@ var CPU = function CPU(_ref) {
|
|
|
655
655
|
}));
|
|
656
656
|
};
|
|
657
657
|
|
|
658
|
+
var Cube3D = function Cube3D(_ref) {
|
|
659
|
+
var size = _ref.size,
|
|
660
|
+
color = _ref.color,
|
|
661
|
+
weight = _ref.weight;
|
|
662
|
+
return React.createElement("svg", {
|
|
663
|
+
width: size,
|
|
664
|
+
height: size,
|
|
665
|
+
strokeWidth: weight,
|
|
666
|
+
viewBox: "0 0 20 22",
|
|
667
|
+
fill: "none",
|
|
668
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
669
|
+
}, React.createElement("path", {
|
|
670
|
+
d: "M19 6.35223V15.6462C19.0001 15.7534 18.9714 15.8585 18.9171 15.9509C18.8627 16.0432 18.7847 16.1193 18.691 16.1712L10.291 20.8372C10.202 20.8866 10.1018 20.9125 10 20.9125C9.89818 20.9125 9.79804 20.8866 9.709 20.8372L1.309 16.1712C1.21532 16.1193 1.13725 16.0432 1.08292 15.9509C1.02858 15.8585 0.999948 15.7534 1 15.6462V6.35223C1.00013 6.24527 1.02884 6.1403 1.08317 6.04817C1.1375 5.95604 1.21547 5.8801 1.309 5.82823L9.709 1.16123C9.79804 1.11185 9.89818 1.08594 10 1.08594C10.1018 1.08594 10.202 1.11185 10.291 1.16123L18.691 5.82823C18.7845 5.8801 18.8625 5.95604 18.9168 6.04817C18.9712 6.1403 18.9999 6.24527 19 6.35223Z",
|
|
671
|
+
stroke: color,
|
|
672
|
+
strokeWidth: "1.5",
|
|
673
|
+
strokeLinecap: "round",
|
|
674
|
+
strokeLinejoin: "round"
|
|
675
|
+
}), React.createElement("path", {
|
|
676
|
+
d: "M1.52795 6.29334L9.70795 10.8373C9.79712 10.8869 9.89744 10.9129 9.99945 10.9129C10.1015 10.9129 10.2018 10.8869 10.291 10.8373L18.5 6.27734M9.99995 19.9993V10.9993",
|
|
677
|
+
stroke: color,
|
|
678
|
+
strokeWidth: "1.5",
|
|
679
|
+
strokeLinecap: "round",
|
|
680
|
+
strokeLinejoin: "round"
|
|
681
|
+
}));
|
|
682
|
+
};
|
|
683
|
+
|
|
658
684
|
var Cyber = function Cyber(_ref) {
|
|
659
685
|
var size = _ref.size,
|
|
660
686
|
color = _ref.color,
|
|
@@ -2782,6 +2808,7 @@ var IconSVGs = {
|
|
|
2782
2808
|
CloseEye: CloseEye,
|
|
2783
2809
|
Copy: Copy,
|
|
2784
2810
|
CPU: CPU,
|
|
2811
|
+
Cube3D: Cube3D,
|
|
2785
2812
|
Cyber: Cyber,
|
|
2786
2813
|
DocumentBadge: DocumentBadge,
|
|
2787
2814
|
DownArrow: DownArrow,
|
|
@@ -2895,7 +2922,7 @@ var Icon = function Icon(_ref2) {
|
|
|
2895
2922
|
};
|
|
2896
2923
|
|
|
2897
2924
|
var _templateObject$1, _templateObject2$1;
|
|
2898
|
-
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 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-bottom: ", ";\n border-left: ", ";\n\n &:hover {\n background: ", ";\n color: ", ";\n }\n"])), function (_ref) {
|
|
2925
|
+
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 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-bottom: ", ";\n border-left: ", ";\n\n &:hover {\n background: ", ";\n color: ", ";\n }\n"])), function (_ref) {
|
|
2899
2926
|
var $flex = _ref.$flex;
|
|
2900
2927
|
return $flex;
|
|
2901
2928
|
}, function (_ref2) {
|
|
@@ -2950,92 +2977,98 @@ var Container = styled.div(_templateObject$1 || (_templateObject$1 = _taggedTemp
|
|
|
2950
2977
|
var $borderRadius = _ref18.$borderRadius;
|
|
2951
2978
|
return $borderRadius;
|
|
2952
2979
|
}, function (_ref19) {
|
|
2953
|
-
var $
|
|
2954
|
-
return $
|
|
2980
|
+
var $borderTopLeftRadius = _ref19.$borderTopLeftRadius;
|
|
2981
|
+
return $borderTopLeftRadius;
|
|
2955
2982
|
}, function (_ref20) {
|
|
2956
|
-
var $
|
|
2957
|
-
return $
|
|
2983
|
+
var $borderTopRightRadius = _ref20.$borderTopRightRadius;
|
|
2984
|
+
return $borderTopRightRadius;
|
|
2958
2985
|
}, function (_ref21) {
|
|
2959
|
-
var $
|
|
2960
|
-
return $
|
|
2986
|
+
var $cursor = _ref21.$cursor;
|
|
2987
|
+
return $cursor;
|
|
2961
2988
|
}, function (_ref22) {
|
|
2962
|
-
var $
|
|
2963
|
-
return $
|
|
2989
|
+
var $fontSize = _ref22.$fontSize;
|
|
2990
|
+
return $fontSize;
|
|
2964
2991
|
}, function (_ref23) {
|
|
2965
|
-
var $
|
|
2966
|
-
return $
|
|
2992
|
+
var $opacity = _ref23.$opacity;
|
|
2993
|
+
return $opacity;
|
|
2967
2994
|
}, function (_ref24) {
|
|
2968
|
-
var $
|
|
2969
|
-
return $
|
|
2995
|
+
var $pointerEvents = _ref24.$pointerEvents;
|
|
2996
|
+
return $pointerEvents;
|
|
2970
2997
|
}, function (_ref25) {
|
|
2971
|
-
var $
|
|
2972
|
-
return $
|
|
2998
|
+
var $position = _ref25.$position;
|
|
2999
|
+
return $position;
|
|
2973
3000
|
}, function (_ref26) {
|
|
2974
|
-
var $
|
|
2975
|
-
return $
|
|
3001
|
+
var $top = _ref26.$top;
|
|
3002
|
+
return $top;
|
|
2976
3003
|
}, function (_ref27) {
|
|
2977
|
-
var $
|
|
2978
|
-
return $
|
|
3004
|
+
var $bottom = _ref27.$bottom;
|
|
3005
|
+
return $bottom;
|
|
2979
3006
|
}, function (_ref28) {
|
|
2980
|
-
var $
|
|
2981
|
-
return $
|
|
3007
|
+
var $left = _ref28.$left;
|
|
3008
|
+
return $left;
|
|
2982
3009
|
}, function (_ref29) {
|
|
2983
|
-
var $
|
|
2984
|
-
return $
|
|
3010
|
+
var $right = _ref29.$right;
|
|
3011
|
+
return $right;
|
|
2985
3012
|
}, function (_ref30) {
|
|
2986
|
-
var $
|
|
2987
|
-
return $
|
|
3013
|
+
var $textAlign = _ref30.$textAlign;
|
|
3014
|
+
return $textAlign;
|
|
2988
3015
|
}, function (_ref31) {
|
|
2989
|
-
var $
|
|
2990
|
-
return $
|
|
3016
|
+
var $color = _ref31.$color;
|
|
3017
|
+
return $color;
|
|
2991
3018
|
}, function (_ref32) {
|
|
2992
|
-
var $
|
|
2993
|
-
return $
|
|
3019
|
+
var $overflow = _ref32.$overflow;
|
|
3020
|
+
return $overflow || 'visible';
|
|
2994
3021
|
}, function (_ref33) {
|
|
2995
|
-
var $
|
|
2996
|
-
return $
|
|
3022
|
+
var $overflowY = _ref33.$overflowY;
|
|
3023
|
+
return $overflowY;
|
|
2997
3024
|
}, function (_ref34) {
|
|
2998
|
-
var $
|
|
2999
|
-
return $
|
|
3025
|
+
var $zIndex = _ref34.$zIndex;
|
|
3026
|
+
return $zIndex;
|
|
3000
3027
|
}, function (_ref35) {
|
|
3001
|
-
var $
|
|
3002
|
-
return $
|
|
3028
|
+
var $scrollbarWidth = _ref35.$scrollbarWidth;
|
|
3029
|
+
return $scrollbarWidth;
|
|
3003
3030
|
}, function (_ref36) {
|
|
3004
|
-
var $
|
|
3005
|
-
return $
|
|
3031
|
+
var $border = _ref36.$border;
|
|
3032
|
+
return $border;
|
|
3006
3033
|
}, function (_ref37) {
|
|
3007
|
-
var $
|
|
3008
|
-
return $
|
|
3034
|
+
var $borderBottom = _ref37.$borderBottom;
|
|
3035
|
+
return $borderBottom;
|
|
3009
3036
|
}, function (_ref38) {
|
|
3010
|
-
var $
|
|
3037
|
+
var $borderLeft = _ref38.$borderLeft;
|
|
3038
|
+
return $borderLeft;
|
|
3039
|
+
}, function (_ref39) {
|
|
3040
|
+
var $hoverBackground = _ref39.$hoverBackground;
|
|
3041
|
+
return $hoverBackground;
|
|
3042
|
+
}, function (_ref40) {
|
|
3043
|
+
var $hoverColor = _ref40.$hoverColor;
|
|
3011
3044
|
return $hoverColor;
|
|
3012
3045
|
});
|
|
3013
|
-
var Span = styled.span(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n font-weight: ", ";\n font-size: ", ";\n color: ", ";\n line-height: ", ";\n text-align: ", ";\n min-width: ", ";\n width: ", ";\n overflow-wrap: ", ";\n"])), function (
|
|
3014
|
-
var $fontFamily =
|
|
3046
|
+
var Span = styled.span(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n font-weight: ", ";\n font-size: ", ";\n color: ", ";\n line-height: ", ";\n text-align: ", ";\n min-width: ", ";\n width: ", ";\n overflow-wrap: ", ";\n"])), function (_ref41) {
|
|
3047
|
+
var $fontFamily = _ref41.$fontFamily;
|
|
3015
3048
|
return $fontFamily ? $fontFamily : 'NotoSans, sans-serif';
|
|
3016
|
-
}, function (
|
|
3017
|
-
var $fontWeight =
|
|
3049
|
+
}, function (_ref42) {
|
|
3050
|
+
var $fontWeight = _ref42.$fontWeight;
|
|
3018
3051
|
return $fontWeight ? $fontWeight : '500';
|
|
3019
|
-
}, function (
|
|
3020
|
-
var $fontSize =
|
|
3052
|
+
}, function (_ref43) {
|
|
3053
|
+
var $fontSize = _ref43.$fontSize;
|
|
3021
3054
|
return $fontSize ? $fontSize : '16px';
|
|
3022
|
-
}, function (
|
|
3023
|
-
var $color =
|
|
3055
|
+
}, function (_ref44) {
|
|
3056
|
+
var $color = _ref44.$color;
|
|
3024
3057
|
return $color ? $color : colorVariables.text.medium;
|
|
3025
|
-
}, function (
|
|
3026
|
-
var $lineHeight =
|
|
3058
|
+
}, function (_ref45) {
|
|
3059
|
+
var $lineHeight = _ref45.$lineHeight;
|
|
3027
3060
|
return $lineHeight ? $lineHeight : '100%';
|
|
3028
|
-
}, function (
|
|
3029
|
-
var $textAlign =
|
|
3061
|
+
}, function (_ref46) {
|
|
3062
|
+
var $textAlign = _ref46.$textAlign;
|
|
3030
3063
|
return $textAlign ? $textAlign : 'center';
|
|
3031
|
-
}, function (
|
|
3032
|
-
var $minWidth =
|
|
3064
|
+
}, function (_ref47) {
|
|
3065
|
+
var $minWidth = _ref47.$minWidth;
|
|
3033
3066
|
return $minWidth;
|
|
3034
|
-
}, function (
|
|
3035
|
-
var $width =
|
|
3067
|
+
}, function (_ref48) {
|
|
3068
|
+
var $width = _ref48.$width;
|
|
3036
3069
|
return $width;
|
|
3037
|
-
}, function (
|
|
3038
|
-
var $overflowWrap =
|
|
3070
|
+
}, function (_ref49) {
|
|
3071
|
+
var $overflowWrap = _ref49.$overflowWrap;
|
|
3039
3072
|
return $overflowWrap;
|
|
3040
3073
|
});
|
|
3041
3074
|
|