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
|
@@ -33,6 +33,8 @@ export declare const Container: import("styled-components/dist/types").IStyledCo
|
|
|
33
33
|
$scrollbarWidth?: string | undefined;
|
|
34
34
|
$border?: string | undefined;
|
|
35
35
|
$borderRadius?: string | undefined;
|
|
36
|
+
$borderTopLeftRadius?: string | undefined;
|
|
37
|
+
$borderTopRightRadius?: string | undefined;
|
|
36
38
|
$borderBottom?: string | undefined;
|
|
37
39
|
$borderLeft?: string | undefined;
|
|
38
40
|
$fontWeight?: string | undefined;
|
|
@@ -19,6 +19,7 @@ export { default as CloseCircle } from './CloseCircle';
|
|
|
19
19
|
export { default as CloseEye } from './CloseEye';
|
|
20
20
|
export { default as Copy } from './Copy';
|
|
21
21
|
export { default as CPU } from './CPU';
|
|
22
|
+
export { default as Cube3D } from './Cube3D';
|
|
22
23
|
export { default as Cyber } from './Cyber';
|
|
23
24
|
export { default as DocumentBadge } from './DocumentBadge';
|
|
24
25
|
export { default as DownArrow } from './DownArrow';
|
package/dist/Icons/index.d.ts
CHANGED
|
@@ -9,7 +9,7 @@ export interface SVGProps {
|
|
|
9
9
|
color: string;
|
|
10
10
|
weight: string;
|
|
11
11
|
}
|
|
12
|
-
export declare type IconNames = 'Add' | 'AddProfile' | 'Back' | 'Bin' | 'Bulb' | 'Business' | 'Calendar' | 'CCTV_1' | 'CCTV_2' | 'Circle' | 'CircularEdit' | 'CircularFilledWarning' | 'CircularPause' | 'CircularPlay' | 'CircularWarning' | 'Client' | 'Close' | 'CloseCircle' | 'CloseEye' | 'Copy' | 'CPU' | 'Cyber' | 'DocumentBadge' | 'DownArrow' | 'Download' | 'Email' | 'ExitFullScreen' | 'FaceRecognition' | 'OpenEye' | 'FilesBox' | 'FilledCircle' | 'FilledPin' | 'Filter_1' | 'Filter_2' | 'Forward_10_Sec' | 'Forward' | 'FPS' | 'Free' | 'FullScreen' | 'Grid_2x2_Hollow' | 'Grid_2x2' | 'Grid_3x3' | 'Grid_4x4' | 'Grid_5x5' | 'Hazard' | 'History' | 'Hexagon' | 'Information' | 'Key' | 'KeyDown' | 'LedBulb' | 'LeftArrow' | 'Letter' | 'Live' | 'Lock' | 'Logout' | 'Maps' | 'MediumVolume' | 'Mute' | 'MuteVolume' | 'Menu' | 'NetworkStorage' | 'NoCam' | 'NoStorage' | 'Notifications' | 'OpenBin' | 'OpenEye' | 'PasswordLock' | 'Pause' | 'Phone' | 'Pin_2' | 'Pin' | 'Play_1' | 'Play_2' | 'Playback' | 'PremiumBadge' | 'ProcessingBulb' | 'Profile_1' | 'Profile_2' | 'Profile_3' | 'Recording' | 'Rectangle' | 'Retry' | 'Return' | 'Rewind_10_Sec' | 'RightArrow' | 'ROI' | 'RunAway' | 'SandTimer' | 'Search' | 'Settings' | 'Shield' | 'SlantLine' | 'SquareEdit' | 'SquareTick' | 'StorageDisks' | 'Tag' | 'Team' | 'ThreeDots' | 'ThumbsUp' | 'Tick' | 'TriangularFilledWarning' | 'UnPinned' | 'UpArrow' | 'Video' | 'FullVolume' | 'Wallet' | 'WiFiCam' | 'Zapper';
|
|
12
|
+
export declare type IconNames = 'Add' | 'AddProfile' | 'Back' | 'Bin' | 'Bulb' | 'Business' | 'Calendar' | 'CCTV_1' | 'CCTV_2' | 'Circle' | 'CircularEdit' | 'CircularFilledWarning' | 'CircularPause' | 'CircularPlay' | 'CircularWarning' | 'Client' | 'Close' | 'CloseCircle' | 'CloseEye' | 'Copy' | 'CPU' | 'Cube3D' | 'Cyber' | 'DocumentBadge' | 'DownArrow' | 'Download' | 'Email' | 'ExitFullScreen' | 'FaceRecognition' | 'OpenEye' | 'FilesBox' | 'FilledCircle' | 'FilledPin' | 'Filter_1' | 'Filter_2' | 'Forward_10_Sec' | 'Forward' | 'FPS' | 'Free' | 'FullScreen' | 'Grid_2x2_Hollow' | 'Grid_2x2' | 'Grid_3x3' | 'Grid_4x4' | 'Grid_5x5' | 'Hazard' | 'History' | 'Hexagon' | 'Information' | 'Key' | 'KeyDown' | 'LedBulb' | 'LeftArrow' | 'Letter' | 'Live' | 'Lock' | 'Logout' | 'Maps' | 'MediumVolume' | 'Mute' | 'MuteVolume' | 'Menu' | 'NetworkStorage' | 'NoCam' | 'NoStorage' | 'Notifications' | 'OpenBin' | 'OpenEye' | 'PasswordLock' | 'Pause' | 'Phone' | 'Pin_2' | 'Pin' | 'Play_1' | 'Play_2' | 'Playback' | 'PremiumBadge' | 'ProcessingBulb' | 'Profile_1' | 'Profile_2' | 'Profile_3' | 'Recording' | 'Rectangle' | 'Retry' | 'Return' | 'Rewind_10_Sec' | 'RightArrow' | 'ROI' | 'RunAway' | 'SandTimer' | 'Search' | 'Settings' | 'Shield' | 'SlantLine' | 'SquareEdit' | 'SquareTick' | 'StorageDisks' | 'Tag' | 'Team' | 'ThreeDots' | 'ThumbsUp' | 'Tick' | 'TriangularFilledWarning' | 'UnPinned' | 'UpArrow' | 'Video' | 'FullVolume' | 'Wallet' | 'WiFiCam' | 'Zapper';
|
|
13
13
|
export interface IconProps {
|
|
14
14
|
icon: IconNames;
|
|
15
15
|
size?: number;
|
package/dist/index.js
CHANGED
|
@@ -659,6 +659,32 @@ var CPU = function CPU(_ref) {
|
|
|
659
659
|
}));
|
|
660
660
|
};
|
|
661
661
|
|
|
662
|
+
var Cube3D = function Cube3D(_ref) {
|
|
663
|
+
var size = _ref.size,
|
|
664
|
+
color = _ref.color,
|
|
665
|
+
weight = _ref.weight;
|
|
666
|
+
return React__default.createElement("svg", {
|
|
667
|
+
width: size,
|
|
668
|
+
height: size,
|
|
669
|
+
strokeWidth: weight,
|
|
670
|
+
viewBox: "0 0 20 22",
|
|
671
|
+
fill: "none",
|
|
672
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
673
|
+
}, React__default.createElement("path", {
|
|
674
|
+
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",
|
|
675
|
+
stroke: color,
|
|
676
|
+
strokeWidth: "1.5",
|
|
677
|
+
strokeLinecap: "round",
|
|
678
|
+
strokeLinejoin: "round"
|
|
679
|
+
}), React__default.createElement("path", {
|
|
680
|
+
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",
|
|
681
|
+
stroke: color,
|
|
682
|
+
strokeWidth: "1.5",
|
|
683
|
+
strokeLinecap: "round",
|
|
684
|
+
strokeLinejoin: "round"
|
|
685
|
+
}));
|
|
686
|
+
};
|
|
687
|
+
|
|
662
688
|
var Cyber = function Cyber(_ref) {
|
|
663
689
|
var size = _ref.size,
|
|
664
690
|
color = _ref.color,
|
|
@@ -2786,6 +2812,7 @@ var IconSVGs = {
|
|
|
2786
2812
|
CloseEye: CloseEye,
|
|
2787
2813
|
Copy: Copy,
|
|
2788
2814
|
CPU: CPU,
|
|
2815
|
+
Cube3D: Cube3D,
|
|
2789
2816
|
Cyber: Cyber,
|
|
2790
2817
|
DocumentBadge: DocumentBadge,
|
|
2791
2818
|
DownArrow: DownArrow,
|
|
@@ -2899,7 +2926,7 @@ var Icon = function Icon(_ref2) {
|
|
|
2899
2926
|
};
|
|
2900
2927
|
|
|
2901
2928
|
var _templateObject$1, _templateObject2$1;
|
|
2902
|
-
var Container = styled__default.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) {
|
|
2929
|
+
var Container = styled__default.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) {
|
|
2903
2930
|
var $flex = _ref.$flex;
|
|
2904
2931
|
return $flex;
|
|
2905
2932
|
}, function (_ref2) {
|
|
@@ -2954,92 +2981,98 @@ var Container = styled__default.div(_templateObject$1 || (_templateObject$1 = _t
|
|
|
2954
2981
|
var $borderRadius = _ref18.$borderRadius;
|
|
2955
2982
|
return $borderRadius;
|
|
2956
2983
|
}, function (_ref19) {
|
|
2957
|
-
var $
|
|
2958
|
-
return $
|
|
2984
|
+
var $borderTopLeftRadius = _ref19.$borderTopLeftRadius;
|
|
2985
|
+
return $borderTopLeftRadius;
|
|
2959
2986
|
}, function (_ref20) {
|
|
2960
|
-
var $
|
|
2961
|
-
return $
|
|
2987
|
+
var $borderTopRightRadius = _ref20.$borderTopRightRadius;
|
|
2988
|
+
return $borderTopRightRadius;
|
|
2962
2989
|
}, function (_ref21) {
|
|
2963
|
-
var $
|
|
2964
|
-
return $
|
|
2990
|
+
var $cursor = _ref21.$cursor;
|
|
2991
|
+
return $cursor;
|
|
2965
2992
|
}, function (_ref22) {
|
|
2966
|
-
var $
|
|
2967
|
-
return $
|
|
2993
|
+
var $fontSize = _ref22.$fontSize;
|
|
2994
|
+
return $fontSize;
|
|
2968
2995
|
}, function (_ref23) {
|
|
2969
|
-
var $
|
|
2970
|
-
return $
|
|
2996
|
+
var $opacity = _ref23.$opacity;
|
|
2997
|
+
return $opacity;
|
|
2971
2998
|
}, function (_ref24) {
|
|
2972
|
-
var $
|
|
2973
|
-
return $
|
|
2999
|
+
var $pointerEvents = _ref24.$pointerEvents;
|
|
3000
|
+
return $pointerEvents;
|
|
2974
3001
|
}, function (_ref25) {
|
|
2975
|
-
var $
|
|
2976
|
-
return $
|
|
3002
|
+
var $position = _ref25.$position;
|
|
3003
|
+
return $position;
|
|
2977
3004
|
}, function (_ref26) {
|
|
2978
|
-
var $
|
|
2979
|
-
return $
|
|
3005
|
+
var $top = _ref26.$top;
|
|
3006
|
+
return $top;
|
|
2980
3007
|
}, function (_ref27) {
|
|
2981
|
-
var $
|
|
2982
|
-
return $
|
|
3008
|
+
var $bottom = _ref27.$bottom;
|
|
3009
|
+
return $bottom;
|
|
2983
3010
|
}, function (_ref28) {
|
|
2984
|
-
var $
|
|
2985
|
-
return $
|
|
3011
|
+
var $left = _ref28.$left;
|
|
3012
|
+
return $left;
|
|
2986
3013
|
}, function (_ref29) {
|
|
2987
|
-
var $
|
|
2988
|
-
return $
|
|
3014
|
+
var $right = _ref29.$right;
|
|
3015
|
+
return $right;
|
|
2989
3016
|
}, function (_ref30) {
|
|
2990
|
-
var $
|
|
2991
|
-
return $
|
|
3017
|
+
var $textAlign = _ref30.$textAlign;
|
|
3018
|
+
return $textAlign;
|
|
2992
3019
|
}, function (_ref31) {
|
|
2993
|
-
var $
|
|
2994
|
-
return $
|
|
3020
|
+
var $color = _ref31.$color;
|
|
3021
|
+
return $color;
|
|
2995
3022
|
}, function (_ref32) {
|
|
2996
|
-
var $
|
|
2997
|
-
return $
|
|
3023
|
+
var $overflow = _ref32.$overflow;
|
|
3024
|
+
return $overflow || 'visible';
|
|
2998
3025
|
}, function (_ref33) {
|
|
2999
|
-
var $
|
|
3000
|
-
return $
|
|
3026
|
+
var $overflowY = _ref33.$overflowY;
|
|
3027
|
+
return $overflowY;
|
|
3001
3028
|
}, function (_ref34) {
|
|
3002
|
-
var $
|
|
3003
|
-
return $
|
|
3029
|
+
var $zIndex = _ref34.$zIndex;
|
|
3030
|
+
return $zIndex;
|
|
3004
3031
|
}, function (_ref35) {
|
|
3005
|
-
var $
|
|
3006
|
-
return $
|
|
3032
|
+
var $scrollbarWidth = _ref35.$scrollbarWidth;
|
|
3033
|
+
return $scrollbarWidth;
|
|
3007
3034
|
}, function (_ref36) {
|
|
3008
|
-
var $
|
|
3009
|
-
return $
|
|
3035
|
+
var $border = _ref36.$border;
|
|
3036
|
+
return $border;
|
|
3010
3037
|
}, function (_ref37) {
|
|
3011
|
-
var $
|
|
3012
|
-
return $
|
|
3038
|
+
var $borderBottom = _ref37.$borderBottom;
|
|
3039
|
+
return $borderBottom;
|
|
3013
3040
|
}, function (_ref38) {
|
|
3014
|
-
var $
|
|
3041
|
+
var $borderLeft = _ref38.$borderLeft;
|
|
3042
|
+
return $borderLeft;
|
|
3043
|
+
}, function (_ref39) {
|
|
3044
|
+
var $hoverBackground = _ref39.$hoverBackground;
|
|
3045
|
+
return $hoverBackground;
|
|
3046
|
+
}, function (_ref40) {
|
|
3047
|
+
var $hoverColor = _ref40.$hoverColor;
|
|
3015
3048
|
return $hoverColor;
|
|
3016
3049
|
});
|
|
3017
|
-
var Span = styled__default.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 (
|
|
3018
|
-
var $fontFamily =
|
|
3050
|
+
var Span = styled__default.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) {
|
|
3051
|
+
var $fontFamily = _ref41.$fontFamily;
|
|
3019
3052
|
return $fontFamily ? $fontFamily : 'NotoSans, sans-serif';
|
|
3020
|
-
}, function (
|
|
3021
|
-
var $fontWeight =
|
|
3053
|
+
}, function (_ref42) {
|
|
3054
|
+
var $fontWeight = _ref42.$fontWeight;
|
|
3022
3055
|
return $fontWeight ? $fontWeight : '500';
|
|
3023
|
-
}, function (
|
|
3024
|
-
var $fontSize =
|
|
3056
|
+
}, function (_ref43) {
|
|
3057
|
+
var $fontSize = _ref43.$fontSize;
|
|
3025
3058
|
return $fontSize ? $fontSize : '16px';
|
|
3026
|
-
}, function (
|
|
3027
|
-
var $color =
|
|
3059
|
+
}, function (_ref44) {
|
|
3060
|
+
var $color = _ref44.$color;
|
|
3028
3061
|
return $color ? $color : colorVariables.text.medium;
|
|
3029
|
-
}, function (
|
|
3030
|
-
var $lineHeight =
|
|
3062
|
+
}, function (_ref45) {
|
|
3063
|
+
var $lineHeight = _ref45.$lineHeight;
|
|
3031
3064
|
return $lineHeight ? $lineHeight : '100%';
|
|
3032
|
-
}, function (
|
|
3033
|
-
var $textAlign =
|
|
3065
|
+
}, function (_ref46) {
|
|
3066
|
+
var $textAlign = _ref46.$textAlign;
|
|
3034
3067
|
return $textAlign ? $textAlign : 'center';
|
|
3035
|
-
}, function (
|
|
3036
|
-
var $minWidth =
|
|
3068
|
+
}, function (_ref47) {
|
|
3069
|
+
var $minWidth = _ref47.$minWidth;
|
|
3037
3070
|
return $minWidth;
|
|
3038
|
-
}, function (
|
|
3039
|
-
var $width =
|
|
3071
|
+
}, function (_ref48) {
|
|
3072
|
+
var $width = _ref48.$width;
|
|
3040
3073
|
return $width;
|
|
3041
|
-
}, function (
|
|
3042
|
-
var $overflowWrap =
|
|
3074
|
+
}, function (_ref49) {
|
|
3075
|
+
var $overflowWrap = _ref49.$overflowWrap;
|
|
3043
3076
|
return $overflowWrap;
|
|
3044
3077
|
});
|
|
3045
3078
|
|