labsense-ui-kit 1.0.16 → 1.0.18
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.js +7 -7
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +7 -7
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2135,9 +2135,9 @@ var colorVariables = {
|
|
|
2135
2135
|
var _templateObject$1;
|
|
2136
2136
|
var fontFaces = styled.css(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n @font-face {\n font-family: 'NotoSans';\n font-weight: 200;\n font-style: normal;\n src: url('./NotoSans-ExtraLight.woff') format('woff');\n font-display: fallback;\n }\n\n @font-face {\n font-family: 'NotoSans';\n font-weight: 300;\n font-style: normal;\n src: url('./NotoSans-Light.woff') format('woff');\n font-display: fallback;\n }\n @font-face {\n font-family: 'NotoSans';\n font-weight: 400;\n font-style: normal;\n src: url('./NotoSans-Regular.woff') format('woff');\n font-display: fallback;\n }\n @font-face {\n font-family: 'NotoSans';\n font-weight: 400;\n font-style: italic;\n src: url('./NotoSans-italic.woff') format('woff');\n font-display: fallback;\n }\n\n @font-face {\n font-family: 'NotoSans';\n font-weight: 500;\n font-style: normal;\n src: url('./NotoSans-Medium.woff') format('woff');\n font-display: fallback;\n }\n\n @font-face {\n font-family: 'NotoSans';\n font-weight: 600;\n font-style: normal;\n src: url('./NotoSans-SemiBold.woff') format('woff');\n font-display: fallback;\n }\n @font-face {\n font-family: 'NotoSans';\n font-weight: 700;\n font-style: normal;\n src: url('./NotoSans-Bold.woff') format('woff');\n font-display: fallback;\n }\n @font-face {\n font-family: 'NotoSans';\n font-weight: 800;\n font-style: normal;\n src: url('./NotoSans-ExtraBold.woff') format('woff');\n font-display: fallback;\n }\n"])));
|
|
2137
2137
|
var GlobalFonts = {
|
|
2138
|
-
bold: "
|
|
2139
|
-
regular: "
|
|
2140
|
-
light: "
|
|
2138
|
+
bold: "NotoSans, sans-serif",
|
|
2139
|
+
regular: "NotoSans, sans-serif",
|
|
2140
|
+
light: "NotoSans, sans-serif"
|
|
2141
2141
|
};
|
|
2142
2142
|
|
|
2143
2143
|
var _templateObject$2, _templateObject2$1;
|
|
@@ -2149,7 +2149,7 @@ var StyledButton = styled__default.button(_templateObject$2 || (_templateObject$
|
|
|
2149
2149
|
return disabled ? 'not-allowed' : 'pointer';
|
|
2150
2150
|
}, function (_ref3) {
|
|
2151
2151
|
var gap = _ref3.gap;
|
|
2152
|
-
return gap || '
|
|
2152
|
+
return gap || '4px';
|
|
2153
2153
|
}, function (_ref4) {
|
|
2154
2154
|
var borderRadius = _ref4.borderRadius;
|
|
2155
2155
|
return borderRadius || '8px';
|
|
@@ -2275,11 +2275,11 @@ var InputContainer = styled__default.div(_templateObject$3 || (_templateObject$3
|
|
|
2275
2275
|
var backgroundColor = _ref5.backgroundColor;
|
|
2276
2276
|
return backgroundColor || 'transparent';
|
|
2277
2277
|
});
|
|
2278
|
-
var WrittenTextAfterInput = styled__default.p(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteralLoose(["\n position: relative; \n top: 9px;\n left: 8px;\n width: auto;\n height: auto;\n font-family:
|
|
2278
|
+
var WrittenTextAfterInput = styled__default.p(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteralLoose(["\n position: relative; \n top: 9px;\n left: 8px;\n width: auto;\n height: auto;\n font-family: NotoSans, sans-serif;\n font-size: 14px;\n font-weight: 400;\n line-height: 14px;\n text-align: left;\n color: #4c9eeb;\n margin: 2px;\n visibility: ", ";\n"])), function (_ref6) {
|
|
2279
2279
|
var show = _ref6.show;
|
|
2280
2280
|
return show ? "visible" : "hidden";
|
|
2281
2281
|
});
|
|
2282
|
-
var InputBlock = styled__default.input(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n border-radius: ", ";\n border: 1px solid ", ";\n background: ", ";\n color: ", ";\n padding: ", ";\n box-sizing: border-box;\n font-family:
|
|
2282
|
+
var InputBlock = styled__default.input(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n border-radius: ", ";\n border: 1px solid ", ";\n background: ", ";\n color: ", ";\n padding: ", ";\n box-sizing: border-box;\n font-family: NotoSans, sans-serif;\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n text-align: left;\n outline: none;\n\n ::placeholder {\n color: ", ";\n }\n"])), function (_ref7) {
|
|
2283
2283
|
var width = _ref7.width;
|
|
2284
2284
|
return width || "100%";
|
|
2285
2285
|
}, function (_ref8) {
|
|
@@ -2510,7 +2510,7 @@ var useClickOutside = function useClickOutside(elRef, elCallback) {
|
|
|
2510
2510
|
};
|
|
2511
2511
|
|
|
2512
2512
|
var _templateObject$5, _templateObject2$4;
|
|
2513
|
-
var ModalOverlay = styled__default.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n font-family:
|
|
2513
|
+
var ModalOverlay = styled__default.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: NotoSans, sans-serif;\n z-index: 9999;\n backdrop-filter: blur(4px);\n"])));
|
|
2514
2514
|
var ModalContainer = styled__default.div(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n background: ", ";\n box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n max-width: ", ";\n"])), colorVariables.accent.light, function (_ref) {
|
|
2515
2515
|
var maxWidth = _ref.maxWidth;
|
|
2516
2516
|
return maxWidth ? maxWidth : '400px';
|