@mailstep/design-system 0.8.31-beta.2 → 0.8.31-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.8.31-beta.2",
+  "version": "0.8.31-beta.3",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",

package/ui/Elements/DatePicker/Datetime/components/DateRepeater.js

@@ -27,5 +27,5 @@ export var DateRepeater = function (_a) {
         }
         onChangeOthers === null || onChangeOthers === void 0 ? void 0 : onChangeOthers(__assign(__assign({}, others), { dateTypeRepeater: dateTypeRepeater }));
     }, [onChangeOthers, reset, others]);
-    return (_jsx(x.div, { borderTop: "1px solid", borderColor: "lightGray2", mt: "8px", pt: "8px", mb: "8px", children: _jsxs(FooterRow, { children: [_jsxs(x.div, { display: "flex", alignItems: "center", flex: "1", children: [_jsx(Icon, { icon: "calendar" }), _jsx(FooterRowLabel, { children: i18n._({ id: 'dataGrid.repeat', message: 'Repeat' }) })] }), _jsxs(x.select, { textAlign: "right", onChange: handleChange, value: others === null || others === void 0 ? void 0 : others.dateTypeRepeater, background: "white", cursor: "pointer", border: "none", children: [_jsx("option", { value: "", children: i18n._({ id: 'dataGrid.noRepeat', message: 'No repeat' }) }), _jsx("option", { value: DatePickerRepeat.EVERY_TODAY, children: DatePickerRepeatTrans[DatePickerRepeat.EVERY_TODAY] }), _jsx("option", { value: DatePickerRepeat.EVERY_YESTERDAY, children: DatePickerRepeatTrans[DatePickerRepeat.EVERY_YESTERDAY] })] })] }) }));
+    return (_jsx(x.div, { borderTop: "1px solid", borderColor: "lightGray2", mt: "8px", pt: "8px", mb: "8px", children: _jsxs(FooterRow, { children: [_jsxs(x.div, { display: "flex", alignItems: "center", flex: "1", children: [_jsx(Icon, { icon: "calendar" }), _jsx(FooterRowLabel, { children: i18n._({ id: 'dataGrid.repeat', message: 'Repeat' }) })] }), _jsxs(x.select, { textAlign: "right", onChange: handleChange, value: others === null || others === void 0 ? void 0 : others.dateTypeRepeater, background: "#fff", cursor: "pointer", border: "none", children: [_jsx("option", { value: "", children: i18n._({ id: 'dataGrid.noRepeat', message: 'No repeat' }) }), _jsx("option", { value: DatePickerRepeat.EVERY_TODAY, children: DatePickerRepeatTrans[DatePickerRepeat.EVERY_TODAY] }), _jsx("option", { value: DatePickerRepeat.EVERY_YESTERDAY, children: DatePickerRepeatTrans[DatePickerRepeat.EVERY_YESTERDAY] })] })] }) }));
 };

package/ui/Elements/DatePicker/Datetime/components/Timepicker.js

@@ -12,8 +12,8 @@ import { FooterRow } from './FooterRow';
 import { FooterRowLabel } from './FooterRowLabel';
 var Btn = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transform: rotate(90deg);\n  font-size: 18px;\n  margin: -4px 0;\n  background-color: transparent !important;\n  border: none;\n  color: ", ";\n  &:disabled:hover {\n    color: ", ";\n    cursor: default;\n  }\n  &:hover {\n    color: ", ";\n    background-color: transparent !important;\n  }\n"], ["\n  transform: rotate(90deg);\n  font-size: 18px;\n  margin: -4px 0;\n  background-color: transparent !important;\n  border: none;\n  color: ", ";\n  &:disabled:hover {\n    color: ", ";\n    cursor: default;\n  }\n  &:hover {\n    color: ", ";\n    background-color: transparent !important;\n  }\n"])), th('colors.lightGray4'), th('colors.lightGray4'), th('colors.red2'));
 var TimeWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: baseline;\n  justify-content: center;\n  border: 1px solid ", ";\n  border-radius: 6px;\n  padding: 0 4px;\n  margin: 0 4px;\n"], ["\n  display: flex;\n  align-items: baseline;\n  justify-content: center;\n  border: 1px solid ", ";\n  border-radius: 6px;\n  padding: 0 4px;\n  margin: 0 4px;\n"])), th('colors.lightGray2'));
-var Hours = styled.input(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 14px;\n  font-weight: 600;\n  width: 17px;\n  margin: 0;\n  padding: 0;\n  border: none;\n  outline: none;\n  background-color: white;\n  &:disabled {\n    opacity: 0.5;\n  }\n"], ["\n  font-size: 14px;\n  font-weight: 600;\n  width: 17px;\n  margin: 0;\n  padding: 0;\n  border: none;\n  outline: none;\n  background-color: white;\n  &:disabled {\n    opacity: 0.5;\n  }\n"])));
-var Minutes = styled.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-weight: 600;\n  font-size: 14px;\n  width: 18px;\n  margin: 0;\n  padding: 0;\n  border: none;\n  outline: none;\n  background-color: white;\n  &:disabled {\n    opacity: 0.5;\n  }\n"], ["\n  font-weight: 600;\n  font-size: 14px;\n  width: 18px;\n  margin: 0;\n  padding: 0;\n  border: none;\n  outline: none;\n  background-color: white;\n  &:disabled {\n    opacity: 0.5;\n  }\n"])));
+var Hours = styled.input(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 14px;\n  font-weight: 600;\n  width: 17px;\n  margin: 0;\n  padding: 0;\n  border: none;\n  outline: none;\n  background-color: #fff;\n  &:disabled {\n    opacity: 0.5;\n  }\n"], ["\n  font-size: 14px;\n  font-weight: 600;\n  width: 17px;\n  margin: 0;\n  padding: 0;\n  border: none;\n  outline: none;\n  background-color: #fff;\n  &:disabled {\n    opacity: 0.5;\n  }\n"])));
+var Minutes = styled.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-weight: 600;\n  font-size: 14px;\n  width: 18px;\n  margin: 0;\n  padding: 0;\n  border: none;\n  outline: none;\n  background-color: #fff;\n  &:disabled {\n    opacity: 0.5;\n  }\n"], ["\n  font-weight: 600;\n  font-size: 14px;\n  width: 18px;\n  margin: 0;\n  padding: 0;\n  border: none;\n  outline: none;\n  background-color: #fff;\n  &:disabled {\n    opacity: 0.5;\n  }\n"])));
 var regExp = '^[0-9]*$';
 export var Timepicker = function (_a) {
     var _b, _c, _d, _e;

package/ui/ThemeProvider/themes/default.js

@@ -1,4 +1,5 @@
-var defaultTheme = { screens: {
+var defaultTheme = {
+    screens: {
         // same as xstyled default
         _: 0,
         xs: 479,

package/ui/index.es.js

@@ -27564,7 +27564,7 @@ const Qm = {
         message: "Repeat"
       }) })
     ] }),
-    /* @__PURE__ */ h.jsxs(Be.select, { textAlign: "right", onChange: r, value: t == null ? void 0 : t.dateTypeRepeater, background: "white", cursor: "pointer", border: "none", children: [
+    /* @__PURE__ */ h.jsxs(Be.select, { textAlign: "right", onChange: r, value: t == null ? void 0 : t.dateTypeRepeater, background: "#fff", cursor: "pointer", border: "none", children: [
       /* @__PURE__ */ h.jsx("option", { value: "", children: We._({
         id: "dataGrid.noRepeat",
         message: "No repeat"
@@ -27604,7 +27604,7 @@ const Qm = {
   padding: 0;
   border: none;
   outline: none;
-  background-color: white;
+  background-color: #fff;
   &:disabled {
     opacity: 0.5;
   }
@@ -27616,7 +27616,7 @@ const Qm = {
   padding: 0;
   border: none;
   outline: none;
-  background-color: white;
+  background-color: #fff;
   &:disabled {
     opacity: 0.5;
   }

package/ui/index.umd.js

@@ -1695,7 +1695,7 @@ Me.version="2.30.1",bAe(Kt),Me.fn=Ee,Me.min=l4e,Me.max=c4e,Me.now=u4e,Me.utc=qa,
       font-weight: 500;
     }
   }
-`,W6e=({onChangeOthers:e,others:t,reset:n})=>{const r=b.useCallback(i=>{const o=i.target.value;o||n(),e==null||e({...t,dateTypeRepeater:o})},[e,n,t]);return h.jsx(Be.div,{borderTop:"1px solid",borderColor:"lightGray2",mt:"8px",pt:"8px",mb:"8px",children:h.jsxs(YD,{children:[h.jsxs(Be.div,{display:"flex",alignItems:"center",flex:"1",children:[h.jsx(st,{icon:"calendar"}),h.jsx(JD,{children:Ne._({id:"dataGrid.repeat",message:"Repeat"})})]}),h.jsxs(Be.select,{textAlign:"right",onChange:r,value:t==null?void 0:t.dateTypeRepeater,background:"white",cursor:"pointer",border:"none",children:[h.jsx("option",{value:"",children:Ne._({id:"dataGrid.noRepeat",message:"No repeat"})}),h.jsx("option",{value:Ms.EVERY_TODAY,children:E7[Ms.EVERY_TODAY]}),h.jsx("option",{value:Ms.EVERY_YESTERDAY,children:E7[Ms.EVERY_YESTERDAY]})]})]})})},UA=Y.button`
+`,W6e=({onChangeOthers:e,others:t,reset:n})=>{const r=b.useCallback(i=>{const o=i.target.value;o||n(),e==null||e({...t,dateTypeRepeater:o})},[e,n,t]);return h.jsx(Be.div,{borderTop:"1px solid",borderColor:"lightGray2",mt:"8px",pt:"8px",mb:"8px",children:h.jsxs(YD,{children:[h.jsxs(Be.div,{display:"flex",alignItems:"center",flex:"1",children:[h.jsx(st,{icon:"calendar"}),h.jsx(JD,{children:Ne._({id:"dataGrid.repeat",message:"Repeat"})})]}),h.jsxs(Be.select,{textAlign:"right",onChange:r,value:t==null?void 0:t.dateTypeRepeater,background:"#fff",cursor:"pointer",border:"none",children:[h.jsx("option",{value:"",children:Ne._({id:"dataGrid.noRepeat",message:"No repeat"})}),h.jsx("option",{value:Ms.EVERY_TODAY,children:E7[Ms.EVERY_TODAY]}),h.jsx("option",{value:Ms.EVERY_YESTERDAY,children:E7[Ms.EVERY_YESTERDAY]})]})]})})},UA=Y.button`
   transform: rotate(90deg);
   font-size: 18px;
   margin: -4px 0;
@@ -1726,7 +1726,7 @@ Me.version="2.30.1",bAe(Kt),Me.fn=Ee,Me.min=l4e,Me.max=c4e,Me.now=u4e,Me.utc=qa,
   padding: 0;
   border: none;
   outline: none;
-  background-color: white;
+  background-color: #fff;
   &:disabled {
     opacity: 0.5;
   }
@@ -1738,7 +1738,7 @@ Me.version="2.30.1",bAe(Kt),Me.fn=Ee,Me.min=l4e,Me.max=c4e,Me.now=u4e,Me.utc=qa,
   padding: 0;
   border: none;
   outline: none;
-  background-color: white;
+  background-color: #fff;
   &:disabled {
     opacity: 0.5;
   }