ods-component-lib 1.13.0 → 1.13.1

package/dist/components/antd/alert/OdsAlert.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
 import { AlertProps } from "antd";
-declare function OdsAlert(props: AlertProps): import("react").JSX.Element;
+import React from "react";
+declare function OdsAlert(props: AlertProps): React.JSX.Element;
 export default OdsAlert;

package/dist/index.js

@@ -41,13 +41,6 @@ function _taggedTemplateLiteralLoose(strings, raw) {
 var _templateObject;
 var StyledAutoComplete = styled__default(antd.AutoComplete)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n //\n"])));
 
-function OdsAutoComplete(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledAutoComplete, Object.assign({}, props), props.children));
-}
-
-var _templateObject$1;
-var StyledButton = styled__default(antd.Button)(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n  box-shadow: none;\n"])));
-
 var lightTheme = {
   token: {
     blue1: "#e6f4ff",
@@ -330,31 +323,31 @@ var lightTheme = {
     marginXl: "48px",
     controlPaddingHorizontal: "12px",
     controlPaddingHorizontalSm: "8px",
-    baseBaseNormal: "400 14px/22px 'SF Pro Text'",
-    baseBaseStrong: "600 14px/22px 'SF Pro Text'",
-    baseBaseUnderline: "400 14px/22px 'SF Pro Text'",
-    baseBaseDelete: "400 14px/22px 'SF Pro Text'",
-    baseBaseItalic: "Regular Italic 14px/22px 'SF Pro Text'",
-    smSmNormal: "400 12px/20px 'SF Pro Text'",
-    smSmStrong: "600 12px/20px 'SF Pro Text'",
-    smSmUnderline: "400 12px/20px 'SF Pro Text'",
-    smSmDelete: "400 12px/20px 'SF Pro Text'",
-    smSmItalic: "Regular Italic 12px/20px 'SF Pro Text'",
-    lgLgNormal: "400 16px/24px 'SF Pro Text'",
-    lgLgStrong: "600 16px/24px 'SF Pro Text'",
-    lgLgUnderline: "400 16px/24px 'SF Pro Text'",
-    lgLgDelete: "400 16px/24px 'SF Pro Text'",
-    lgLgItalic: "Regular Italic 16px/24px 'SF Pro Text'",
-    xlXlNormal: "400 20px/28px 'SF Pro Text'",
-    xlXlStrong: "600 20px/28px 'SF Pro Text'",
-    xlXlUnderline: "400 20px/28px 'SF Pro Text'",
-    xlXlDelete: "400 20px/28px 'SF Pro Text'",
-    xlXlItalic: "Regular Italic 20px/28px 'SF Pro Text'",
-    headingHeading1: "600 38px/46px 'SF Pro Text'",
-    headingHeading2: "600 30px/38px 'SF Pro Text'",
-    headingHeading3: "600 24px/32px 'SF Pro Text'",
-    headingHeading4: "600 20px/28px 'SF Pro Text'",
-    headingHeading5: "600 16px/24px 'SF Pro Text'",
+    baseBaseNormal: "400 14px/22px 'Manrope'",
+    baseBaseStrong: "600 14px/22px 'Manrope'",
+    baseBaseUnderline: "400 14px/22px 'Manrope'",
+    baseBaseDelete: "400 14px/22px 'Manrope'",
+    baseBaseItalic: "Regular Italic 14px/22px 'Manrope'",
+    smSmNormal: "400 12px/20px 'Manrope'",
+    smSmStrong: "600 12px/20px 'Manrope'",
+    smSmUnderline: "400 12px/20px 'Manrope'",
+    smSmDelete: "400 12px/20px 'Manrope'",
+    smSmItalic: "Regular Italic 12px/20px 'Manrope'",
+    lgLgNormal: "400 16px/24px 'Manrope'",
+    lgLgStrong: "600 16px/24px 'Manrope'",
+    lgLgUnderline: "400 16px/24px 'Manrope'",
+    lgLgDelete: "400 16px/24px 'Manrope'",
+    lgLgItalic: "Regular Italic 16px/24px 'Manrope'",
+    xlXlNormal: "400 20px/28px 'Manrope'",
+    xlXlStrong: "600 20px/28px 'Manrope'",
+    xlXlUnderline: "400 20px/28px 'Manrope'",
+    xlXlDelete: "400 20px/28px 'Manrope'",
+    xlXlItalic: "Regular Italic 20px/28px 'Manrope'",
+    headingHeading1: "600 38px/46px 'Manrope'",
+    headingHeading2: "600 30px/38px 'Manrope'",
+    headingHeading3: "600 24px/32px 'Manrope'",
+    headingHeading4: "600 20px/28px 'Manrope'",
+    headingHeading5: "600 16px/24px 'Manrope'",
     fontWeightItalic: "Regular Italic",
     paddingContentHorizontalLg: "24px",
     paddingContentVerticalLg: "16px",
@@ -380,6 +373,15 @@ var lightTheme = {
   }
 };
 
+function OdsAutoComplete(props) {
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(StyledAutoComplete, Object.assign({}, props), props.children)));
+}
+
+var _templateObject$1;
+var StyledButton = styled__default(antd.Button)(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n  box-shadow: none;\n"])));
+
 function OdsButton(props) {
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
     theme: lightTheme
@@ -400,19 +402,23 @@ var items = [{
   label: '3rd item'
 }];
 function OdsDropdownButton(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(antd.Dropdown.Button, {
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(antd.Dropdown.Button, {
     menu: {
       items: items,
       onClick: onMenuClick
     }
-  }, props.children));
+  }, props.children)));
 }
 
 var _templateObject$2;
 var StyledCalendar = styled__default(antd.Calendar)(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n  width:100%;\n"])));
 
 function OdsCalendar(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledCalendar, Object.assign({}, props)));
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(StyledCalendar, Object.assign({}, props))));
 }
 
 var _templateObject$3;
@@ -420,34 +426,42 @@ var StyledCard = styled__default(Card)(_templateObject$3 || (_templateObject$3 =
 
 var Meta = antd.Card.Meta;
 function OdsCard(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledCard, Object.assign({}, props)), props.isEnableMeta && React__default.createElement(Meta, {
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(StyledCard, Object.assign({}, props)), props.isEnableMeta && React__default.createElement(Meta, {
     title: props.metaTitle,
     description: props.metaDescription
-  }));
+  })));
 }
 
 var _templateObject$4;
 var StyledCheckbox = styled__default(antd.Checkbox)(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteralLoose(["\n  box-shadow: none;\n"])));
 
 function OdsCheckbox(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledCheckbox, Object.assign({}, props)));
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(StyledCheckbox, Object.assign({}, props))));
 }
 
 function OdsCheckboxGroup(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(antd.Checkbox.Group, {
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(antd.Checkbox.Group, {
     options: props.options
-  }, props.children));
+  }, props.children)));
 }
 
 var _templateObject$5;
 var StyledDatepicker = styled__default(antd.DatePicker)(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n  width:100%;\n"])));
 
 function OdsDateRangePicker(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledDatepicker.RangePicker, Object.assign({}, props, {
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(StyledDatepicker.RangePicker, Object.assign({}, props, {
     style: {
       width: '100%'
     }
-  })));
+  }))));
 }
 
 var _templateObject$6;
@@ -468,16 +482,20 @@ function OdsCollapse(props) {
     items: props.menuItems,
     onClick: handleMenuClick
   };
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledDropdown, {
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(StyledDropdown, {
     menu: menuProps
-  }, props.children));
+  }, props.children)));
 }
 
 var _templateObject$8;
 var StyledInput = styled__default(antd.Input)(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n //\n"])));
 
 function OdsInput(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledInput, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.children));
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(StyledInput, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.children)));
 }
 
 var layout = {
@@ -559,11 +577,13 @@ function OdsImage(props) {
 }
 
 function OdsPassword(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledInput.Password, Object.assign({}, props, {
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(StyledInput.Password, Object.assign({}, props, {
     iconRender: function iconRender(visible) {
       return visible ? React__default.createElement(icons.EyeTwoTone, null) : React__default.createElement(icons.EyeInvisibleOutlined, null);
     }
-  })));
+  }))));
 }
 
 function OdsPhoneInput(props) {
@@ -579,18 +599,24 @@ function OdsPhoneInput(props) {
 }
 
 function OdsSearch(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledInput.Search, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.children));
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(StyledInput.Search, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.children)));
 }
 
 function OdsTextArea(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledInput.TextArea, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.children));
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(StyledInput.TextArea, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.children)));
 }
 
 var _templateObject$9;
 var StyledInputNumber = styled__default(antd.InputNumber)(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n //\n"])));
 
 function OdsInputNumber(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledInputNumber, Object.assign({}, props)));
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(StyledInputNumber, Object.assign({}, props))));
 }
 
 var _templateObject$a;
@@ -696,7 +722,9 @@ var _templateObject$b;
 var StyledRadio = styled__default(antd.Radio)(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose(["\n //\n"])));
 
 function OdsRadio(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledRadio, Object.assign({}, props), props.children));
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(StyledRadio, Object.assign({}, props), props.children)));
 }
 
 function OdsRadioGroup(props) {
@@ -855,15 +883,21 @@ function OdsLink(props) {
 }
 
 function OdsParagraph(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledtTypography.Paragraph, Object.assign({}, props), props));
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(StyledtTypography.Paragraph, Object.assign({}, props), props)));
 }
 
 function OdsText(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledtTypography.Text, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.children));
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(StyledtTypography.Text, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.children)));
 }
 
 function OdsTitle(props) {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(StyledtTypography.Title, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.children));
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(styled.ThemeProvider, {
+    theme: lightTheme
+  }, React__default.createElement(StyledtTypography.Title, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.children)));
 }
 
 function OdsLogin(props) {