@mailstep/design-system 0.6.69-beta.0 → 0.6.69-beta.1

package/package.json

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

package/ui/Blocks/Stepper/components/StepItem/styles.js

@@ -4,7 +4,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 import { StepCircleContainer } from '../StepCircle/styles';
 import styled, { css, th } from '@xstyled/styled-components';
-var responsiveCss = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n\n  h6 {\n    font-size: 10px;\n  }\n\n  p {\n    font-size: 12px;\n  }\n\n  ", " {\n    display: flex;\n  }\n\n  @media (min-width: ", "px) {\n    width: 150px;\n\n    ", " {\n      display: none;\n    }\n  }\n\n  @media (min-width: ", "px) {\n    width: 200px;\n\n    ", " {\n      display: flex;\n    }\n  }\n\n  @media (min-width: ", "px) {\n    width: 240px;\n\n    p {\n      font-size: 16px;\n    }\n    h6 {\n      font-size: 12px;\n    }\n\n    ", " {\n      display: flex;\n    }\n  }\n"], ["\n  width: 100%;\n\n  h6 {\n    font-size: 10px;\n  }\n\n  p {\n    font-size: 12px;\n  }\n\n  ", " {\n    display: flex;\n  }\n\n  @media (min-width: ", "px) {\n    width: 150px;\n\n    ", " {\n      display: none;\n    }\n  }\n\n  @media (min-width: ", "px) {\n    width: 200px;\n\n    ", " {\n      display: flex;\n    }\n  }\n\n  @media (min-width: ", "px) {\n    width: 240px;\n\n    p {\n      font-size: 16px;\n    }\n    h6 {\n      font-size: 12px;\n    }\n\n    ", " {\n      display: flex;\n    }\n  }\n"])), StepCircleContainer, function (_a) {
+var responsiveCss = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  padding: 8px;\n\n  h6 {\n    font-size: 10px;\n  }\n\n  p {\n    font-size: 12px;\n  }\n\n  ", " {\n    display: flex;\n  }\n\n  @media (min-width: ", "px) {\n    width: 150px;\n    padding: 16px;\n\n    ", " {\n      display: none;\n    }\n  }\n\n  @media (min-width: ", "px) {\n    width: 200px;\n    padding: 24px;\n\n    ", " {\n      display: flex;\n    }\n  }\n\n  @media (min-width: ", "px) {\n    width: 240px;\n\n    p {\n      font-size: 16px;\n    }\n    h6 {\n      font-size: 12px;\n    }\n\n    ", " {\n      display: flex;\n    }\n  }\n"], ["\n  width: 100%;\n  padding: 8px;\n\n  h6 {\n    font-size: 10px;\n  }\n\n  p {\n    font-size: 12px;\n  }\n\n  ", " {\n    display: flex;\n  }\n\n  @media (min-width: ", "px) {\n    width: 150px;\n    padding: 16px;\n\n    ", " {\n      display: none;\n    }\n  }\n\n  @media (min-width: ", "px) {\n    width: 200px;\n    padding: 24px;\n\n    ", " {\n      display: flex;\n    }\n  }\n\n  @media (min-width: ", "px) {\n    width: 240px;\n\n    p {\n      font-size: 16px;\n    }\n    h6 {\n      font-size: 12px;\n    }\n\n    ", " {\n      display: flex;\n    }\n  }\n"])), StepCircleContainer, function (_a) {
     var total = _a.total;
     return total * 150;
 }, StepCircleContainer, function (_a) {

package/ui/index.es.js

@@ -51519,6 +51519,7 @@ function yke(e) {
 var wke = yke;
 const Cke = /* @__PURE__ */ Da(wke), xke = ot`
   width: 100%;
+  padding: 8px;
 
   h6 {
     font-size: 10px;
@@ -51536,6 +51537,7 @@ const Cke = /* @__PURE__ */ Da(wke), xke = ot`
   total: e
 }) => e * 150}px) {
     width: 150px;
+    padding: 16px;
 
     ${j1} {
       display: none;
@@ -51546,6 +51548,7 @@ const Cke = /* @__PURE__ */ Da(wke), xke = ot`
   total: e
 }) => e * 200}px) {
     width: 200px;
+    padding: 24px;
 
     ${j1} {
       display: flex;

package/ui/index.umd.js

@@ -3902,6 +3902,7 @@ ${ee.current.stack}
     `}
 `,$V=({icon:e,isCompleted:t,children:r,isActiveStep:n})=>g.jsx(s1,{isCompleted:t,isActiveStep:n,children:e?g.jsx(kt,{icon:e,size:"12px",fill:t||n?"red1":"lightGray6"}):r});var fOe=Hs,AOe=fa,pOe="[object Boolean]";function hOe(e){return e===!0||e===!1||AOe(e)&&fOe(e)==pOe}var gOe=hOe;const vOe=na(gOe),mOe=rt`
   width: 100%;
+  padding: 8px;
 
   h6 {
     font-size: 10px;
@@ -3917,6 +3918,7 @@ ${ee.current.stack}
 
   @media (min-width: ${({total:e})=>e*150}px) {
     width: 150px;
+    padding: 16px;
 
     ${s1} {
       display: none;
@@ -3925,6 +3927,7 @@ ${ee.current.stack}
 
   @media (min-width: ${({total:e})=>e*200}px) {
     width: 200px;
+    padding: 24px;
 
     ${s1} {
       display: flex;