labsense-ui-kit 1.1.20 → 1.1.22

package/dist/Container&Span/StyledComponents.d.ts

@@ -42,6 +42,7 @@ export declare const Container: import("styled-components/dist/types").IStyledCo
     $hoverBackground?: string | undefined;
     $hoverColor?: string | undefined;
     $transition?: string | undefined;
+    $boxShadow?: string | undefined;
 }>> & string;
 export declare const Span: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     $fontFamily?: string | undefined;

package/dist/Themes/injectColors.d.ts

@@ -0,0 +1 @@
+export declare const injectCSSVariables: (theme: 'light' | 'dark') => void;

package/dist/Themes/rawColor.d.ts

@@ -0,0 +1,67 @@
+export declare const colorVariables: {
+    brand: {
+        primary: string;
+        secondary: string;
+        light: string;
+    };
+    accent: {
+        light: string;
+        extraLight: string;
+        softBlue: string;
+        extraSoftBlue: string;
+        boldTransparent: string;
+        transparent: string;
+        lightTransparent: string;
+    };
+    default: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        error: string;
+        success: string;
+        warning: string;
+        info: string;
+    };
+    disabled: {
+        primary: string;
+        secondary: string;
+        error: string;
+        success: string;
+        warning: string;
+        info: string;
+    };
+    hover: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        error: string;
+        success: string;
+        warning: string;
+        info: string;
+    };
+    border: {
+        extraBold: string;
+        bold: string;
+        medium: string;
+        light: string;
+        extraLight: string;
+    };
+    text: {
+        dark: string;
+        medium: string;
+        light: string;
+        white: string;
+        success: string;
+        error: string;
+        info: string;
+        warning: string;
+    };
+    badge: {
+        lavender: string;
+        papayaWhip: string;
+        water: string;
+        paleBlue: string;
+        teaGreen: string;
+        lightBlue: string;
+    };
+};

package/dist/index.js

@@ -2971,7 +2971,7 @@ var Icon = function Icon(_ref2) {
 };
 
 var _templateObject$1, _templateObject2$1;
-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-top: ", ";\n  border-bottom: ", ";\n  border-left: ", ";\n  transition: ", ";\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n"])), function (_ref) {
+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-top: ", ";\n  border-bottom: ", ";\n  border-left: ", ";\n  transition: ", ";\n  box-shadow: ", ";\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n  }\n"])), function (_ref) {
   var $flex = _ref.$flex;
   return $flex;
 }, function (_ref2) {
@@ -3092,38 +3092,41 @@ var Container = styled__default.div(_templateObject$1 || (_templateObject$1 = _t
   var $transition = _ref40.$transition;
   return $transition;
 }, function (_ref41) {
-  var $hoverBackground = _ref41.$hoverBackground;
-  return $hoverBackground;
+  var $boxShadow = _ref41.$boxShadow;
+  return $boxShadow;
 }, function (_ref42) {
-  var $hoverColor = _ref42.$hoverColor;
+  var $hoverBackground = _ref42.$hoverBackground;
+  return $hoverBackground;
+}, function (_ref43) {
+  var $hoverColor = _ref43.$hoverColor;
   return $hoverColor;
 });
-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 (_ref43) {
-  var $fontFamily = _ref43.$fontFamily;
+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 (_ref44) {
+  var $fontFamily = _ref44.$fontFamily;
   return $fontFamily ? $fontFamily : 'NotoSans, sans-serif';
-}, function (_ref44) {
-  var $fontWeight = _ref44.$fontWeight;
-  return $fontWeight ? $fontWeight : '500';
 }, function (_ref45) {
-  var $fontSize = _ref45.$fontSize;
-  return $fontSize ? $fontSize : '16px';
+  var $fontWeight = _ref45.$fontWeight;
+  return $fontWeight ? $fontWeight : '500';
 }, function (_ref46) {
-  var $color = _ref46.$color;
-  return $color ? $color : colorVariables.text.medium;
+  var $fontSize = _ref46.$fontSize;
+  return $fontSize ? $fontSize : '16px';
 }, function (_ref47) {
-  var $lineHeight = _ref47.$lineHeight;
-  return $lineHeight ? $lineHeight : '100%';
+  var $color = _ref47.$color;
+  return $color ? $color : colorVariables.text.medium;
 }, function (_ref48) {
-  var $textAlign = _ref48.$textAlign;
-  return $textAlign ? $textAlign : 'center';
+  var $lineHeight = _ref48.$lineHeight;
+  return $lineHeight ? $lineHeight : '100%';
 }, function (_ref49) {
-  var $minWidth = _ref49.$minWidth;
-  return $minWidth;
+  var $textAlign = _ref49.$textAlign;
+  return $textAlign ? $textAlign : 'center';
 }, function (_ref50) {
-  var $width = _ref50.$width;
-  return $width;
+  var $minWidth = _ref50.$minWidth;
+  return $minWidth;
 }, function (_ref51) {
-  var $overflowWrap = _ref51.$overflowWrap;
+  var $width = _ref51.$width;
+  return $width;
+}, function (_ref52) {
+  var $overflowWrap = _ref52.$overflowWrap;
   return $overflowWrap;
 });