sbwb-ds 3.0.11 → 3.0.13

package/dist/sbwb-ds.js

@@ -18139,7 +18139,9 @@ const Gr = ({ direction: e = "Stack", size: t = "Medium" }) => {
     "basic",
     "semi",
     "alert",
-    "input"
+    "input",
+    "information",
+    "information-large"
   ], v = v9e[t];
   return /* @__PURE__ */ R(K8e, { onClick: f, opacity: u, children: /* @__PURE__ */ _e(
     Z8e,
@@ -26933,6 +26935,7 @@ const SE = X.aside`
   ${j}
   width: 100%;
   background-color: transparent;
+  ${({ activeTabCustomStyle: e }) => e}
 `, vve = (e) => {
   const [t, r] = ut(e);
   return {
@@ -26948,37 +26951,38 @@ const SE = X.aside`
   direction: n = "horizontal",
   size: a = "Medium",
   maxWidth: i = "100%",
-  disabled: o = !1
+  disabled: o = !1,
+  activeTabCustomStyle: l
 }) => {
-  const { tabActive: l, setTabActive: s } = vve(r), c = rt[`ErrorFill1${a === "Small" ? "Ant" : "Sm"}`];
+  const { tabActive: s, setTabActive: c } = vve(r), u = rt[`ErrorFill1${a === "Small" ? "Ant" : "Sm"}`];
   return /* @__PURE__ */ _e(uve, { direction: n, id: `tabs-${e}`, "data-testid": "tabbar", children: [
     /* @__PURE__ */ _e(hve, { direction: n, children: [
-      t.map((u, d) => /* @__PURE__ */ _e(
+      t.map((d, f) => /* @__PURE__ */ _e(
         dve,
         {
           direction: n,
           maxWidth: i,
-          width: u == null ? void 0 : u.width,
-          active: d === l,
+          width: d == null ? void 0 : d.width,
+          active: f === s,
           onClick: () => {
-            !o && !(u != null && u.disabledTab) && (s(d), u.onTabClick && u.onTabClick(d));
+            !o && !(d != null && d.disabledTab) && (c(f), d.onTabClick && d.onTabClick(f));
           },
-          id: "form-create-add-" + u.label + "-button",
+          id: "form-create-add-" + d.label + "-button",
           size: a,
           disabled: o,
-          disabledTab: u == null ? void 0 : u.disabledTab,
-          isLast: d === t.length - 1,
-          isFirst: d === 0,
+          disabledTab: d == null ? void 0 : d.disabledTab,
+          isLast: f === t.length - 1,
+          isFirst: f === 0,
           children: [
-            /* @__PURE__ */ R("p", { "data-testid": "tab-label", children: u.label }),
-            u.icon && /* @__PURE__ */ R(c, { "data-testid": "error-icon" })
+            /* @__PURE__ */ R("p", { "data-testid": "tab-label", children: d.label }),
+            d.icon && /* @__PURE__ */ R(u, { "data-testid": "error-icon" })
           ]
         },
-        d
+        f
       )),
       /* @__PURE__ */ R(fve, { size: a, direction: n })
     ] }),
-    /* @__PURE__ */ R(pve, { children: /* @__PURE__ */ R(vr, { children: t[l].child }) })
+    /* @__PURE__ */ R(pve, { activeTabCustomStyle: l, children: /* @__PURE__ */ R(vr, { children: t[s].child }) })
   ] });
 }, gve = X.div`
   ${j}

package/dist/sbwb-ds.umd.cjs

@@ -3167,7 +3167,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       including the response body (which you attempt to access with .blob()). 
       This explains why the size of the returned Blob is 0 and 
       the type is empty: the browser is effectively blocking access to the 
-      response body due to the CORS policy.`),fetch(f,{method:"get",mode:"no-cors",referrerPolicy:"no-referrer"}).then(p=>p.blob()).then(p=>{const g=document.createElement("a");g.setAttribute("download",h);const C=URL.createObjectURL(p);g.href=C,g.setAttribute("target","_blank"),g.click(),URL.revokeObjectURL(C)})}const d=f=>{"url"in f?typeof r=="function"?r(f):u(f.url,f.name):r&&r(f)};return _e(ur,{children:[R(Ro,{children:e}),R(Nr,{size:"Medium",direction:"Stack"}),R(Uee,{children:t.map((f,h)=>_e(Gee,{children:[R(cL,{children:R(dL,{children:f.name})}),_e(uL,{children:[l?R(fL,{}):R(Jr,{label:"Baixar",children:R(kc,{onClick:()=>d(f),backgroundColor:"#308FA429",size:"Large",children:R(s,{})})}),o?R(fL,{}):R(Jr,{label:"Excluir",children:R(kc,{onClick:()=>n(f),backgroundColor:"#DE333329",size:"Large",children:R(c,{})})})]})]},h))}),R(Nr,{size:"Large",direction:"Stack"}),_e(Lc,{children:[R(b1,{...a}),R(b1,{...i})]}),R(Nr,{size:"Large",direction:"Stack"})]})}},jee=({alertMessage:e,type:t,iconType:r,onCloseButtonClick:n,showCloseButton:a=!1,open:i,children:o,width:l,height:s,iconColor:c,opacity:u=y.opacityLevels.clear,...d})=>{if(!i)return null;const f=C=>{C.target===C.currentTarget&&(n==null||n())},h=["semi","alert","upload","upload-progress"],p=["default","basic","semi","alert","input"],g=Yee[t];return R(Dee,{onClick:f,opacity:u,children:_e(See,{width:l,height:s,type:t,"data-testid":"modal-container",children:[R(Nr,{size:"Small",direction:"Stack"}),R(bee,{children:(h.includes(t)||a)&&R(xee,{onClick:n,"data-testid":"close-button",children:R(Sr,{iconName:"CloseMd",color:y.colors.neutralColors.colorNeutralCloudy,hoverColor:y.colors.neutralColors.colorNeutralDarkest})})}),R(Nr,{size:"ExtraSmall",direction:"Stack"}),_e(Eee,{children:[tt[r]&&p.includes(t)&&_e(ur,{children:[R(Sr,{iconName:r,color:c}),R(Nr,{size:"Small",direction:"Stack"})]}),g?R(g,{...d,alertMessage:e}):(t==="information-large"||t==="information")&&_e(ur,{children:[R(Ro,{"data-testid":"modal-title",children:d.title}),R(Nr,{size:"Medium",direction:"Stack"}),o,R(Nr,{size:"Medium",direction:"Stack"})]})]}),t==="alert"&&R(Mee,{children:R(_ee,{children:e})})]})})};function hL(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,cc(e,t)}function $t(){return $t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},$t.apply(this,arguments)}function pL(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function vL(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?pL(Object(r),!0).forEach(function(n){ct(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):pL(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function On(e){return"Minified Redux error #"+e+"; visit https://redux.js.org/Errors?code="+e+" for the full message or use the non-minified dev environment for full errors. "}var gL=function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"}(),Hv=function(){return Math.random().toString(36).substring(7).split("").join(".")},CL={INIT:"@@redux/INIT"+Hv(),REPLACE:"@@redux/REPLACE"+Hv(),PROBE_UNKNOWN_ACTION:function(){return"@@redux/PROBE_UNKNOWN_ACTION"+Hv()}};function Xee(e){if(typeof e!="object"||e===null)return!1;for(var t=e;Object.getPrototypeOf(t)!==null;)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}function qee(e){if(e===void 0)return"undefined";if(e===null)return"null";var t=typeof e;switch(t){case"boolean":case"string":case"number":case"symbol":case"function":return t}if(Array.isArray(e))return"array";if(Jee(e))return"date";if(Qee(e))return"error";var r=Kee(e);switch(r){case"Symbol":case"Promise":case"WeakMap":case"WeakSet":case"Map":case"Set":return r}return t.slice(8,-1).toLowerCase().replace(/\s/g,"")}function Kee(e){return typeof e.constructor=="function"?e.constructor.name:null}function Qee(e){return e instanceof Error||typeof e.message=="string"&&e.constructor&&typeof e.constructor.stackTraceLimit=="number"}function Jee(e){return e instanceof Date?!0:typeof e.toDateString=="function"&&typeof e.getDate=="function"&&typeof e.setDate=="function"}function il(e){var t=typeof e;return process.env.NODE_ENV!=="production"&&(t=qee(e)),t}function mL(e,t,r){var n;if(typeof t=="function"&&typeof r=="function"||typeof r=="function"&&typeof arguments[3]=="function")throw new Error(process.env.NODE_ENV==="production"?On(0):"It looks like you are passing several store enhancers to createStore(). This is not supported. Instead, compose them together to a single function. See https://redux.js.org/tutorials/fundamentals/part-4-store#creating-a-store-with-enhancers for an example.");if(typeof t=="function"&&typeof r>"u"&&(r=t,t=void 0),typeof r<"u"){if(typeof r!="function")throw new Error(process.env.NODE_ENV==="production"?On(1):"Expected the enhancer to be a function. Instead, received: '"+il(r)+"'");return r(mL)(e,t)}if(typeof e!="function")throw new Error(process.env.NODE_ENV==="production"?On(2):"Expected the root reducer to be a function. Instead, received: '"+il(e)+"'");var a=e,i=t,o=[],l=o,s=!1;function c(){l===o&&(l=o.slice())}function u(){if(s)throw new Error(process.env.NODE_ENV==="production"?On(3):"You may not call store.getState() while the reducer is executing. The reducer has already received the state as an argument. Pass it down from the top reducer instead of reading it from the store.");return i}function d(g){if(typeof g!="function")throw new Error(process.env.NODE_ENV==="production"?On(4):"Expected the listener to be a function. Instead, received: '"+il(g)+"'");if(s)throw new Error(process.env.NODE_ENV==="production"?On(5):"You may not call store.subscribe() while the reducer is executing. If you would like to be notified after the store has been updated, subscribe from a component and invoke store.getState() in the callback to access the latest state. See https://redux.js.org/api/store#subscribelistener for more details.");var C=!0;return c(),l.push(g),function(){if(C){if(s)throw new Error(process.env.NODE_ENV==="production"?On(6):"You may not unsubscribe from a store listener while the reducer is executing. See https://redux.js.org/api/store#subscribelistener for more details.");C=!1,c();var w=l.indexOf(g);l.splice(w,1),o=null}}}function f(g){if(!Xee(g))throw new Error(process.env.NODE_ENV==="production"?On(7):"Actions must be plain objects. Instead, the actual type was: '"+il(g)+"'. You may need to add middleware to your store setup to handle dispatching other values, such as 'redux-thunk' to handle dispatching functions. See https://redux.js.org/tutorials/fundamentals/part-4-store#middleware and https://redux.js.org/tutorials/fundamentals/part-6-async-logic#using-the-redux-thunk-middleware for examples.");if(typeof g.type>"u")throw new Error(process.env.NODE_ENV==="production"?On(8):'Actions may not have an undefined "type" property. You may have misspelled an action type string constant.');if(s)throw new Error(process.env.NODE_ENV==="production"?On(9):"Reducers may not dispatch actions.");try{s=!0,i=a(i,g)}finally{s=!1}for(var C=o=l,m=0;m<C.length;m++){var w=C[m];w()}return g}function h(g){if(typeof g!="function")throw new Error(process.env.NODE_ENV==="production"?On(10):"Expected the nextReducer to be a function. Instead, received: '"+il(g));a=g,f({type:CL.REPLACE})}function p(){var g,C=d;return g={subscribe:function(w){if(typeof w!="object"||w===null)throw new Error(process.env.NODE_ENV==="production"?On(11):"Expected the observer to be an object. Instead, received: '"+il(w)+"'");function S(){w.next&&w.next(u())}S();var b=C(S);return{unsubscribe:b}}},g[gL]=function(){return this},g}return f({type:CL.INIT}),n={dispatch:f,subscribe:d,getState:u,replaceReducer:h},n[gL]=p,n}function yL(e,t){return function(){return t(e.apply(this,arguments))}}function wL(e,t){if(typeof e=="function")return yL(e,t);if(typeof e!="object"||e===null)throw new Error(process.env.NODE_ENV==="production"?On(16):"bindActionCreators expected an object or a function, but instead received: '"+il(e)+`'. Did you write "import ActionCreators from" instead of "import * as ActionCreators from"?`);var r={};for(var n in e){var a=e[n];typeof a=="function"&&(r[n]=yL(a,t))}return r}function SL(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return t.length===0?function(n){return n}:t.length===1?t[0]:t.reduce(function(n,a){return function(){return n(a.apply(void 0,arguments))}})}function ete(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return function(n){return function(){var a=n.apply(void 0,arguments),i=function(){throw new Error(process.env.NODE_ENV==="production"?On(15):"Dispatching while constructing your middleware is not allowed. Other middleware would not be applied to this dispatch.")},o={getState:a.getState,dispatch:function(){return i.apply(void 0,arguments)}},l=t.map(function(s){return s(o)});return i=SL.apply(void 0,l)(a.dispatch),vL(vL({},a),{},{dispatch:i})}}}var Tv=v.default.createContext(null);process.env.NODE_ENV!=="production"&&(Tv.displayName="ReactRedux");function tte(e){e()}var bL=tte,rte=function(t){return bL=t},nte=function(){return bL};function ate(){var e=nte(),t=null,r=null;return{clear:function(){t=null,r=null},notify:function(){e(function(){for(var a=t;a;)a.callback(),a=a.next})},get:function(){for(var a=[],i=t;i;)a.push(i),i=i.next;return a},subscribe:function(a){var i=!0,o=r={callback:a,next:null,prev:r};return o.prev?o.prev.next=o:t=o,function(){!i||t===null||(i=!1,o.next?o.next.prev=o.prev:r=o.prev,o.prev?o.prev.next=o.next:t=o.next)}}}}var xL={notify:function(){},get:function(){return[]}};function ML(e,t){var r,n=xL;function a(d){return s(),n.subscribe(d)}function i(){n.notify()}function o(){u.onStateChange&&u.onStateChange()}function l(){return!!r}function s(){r||(r=t?t.addNestedSub(o):e.subscribe(o),n=ate())}function c(){r&&(r(),r=void 0,n.clear(),n=xL)}var u={addNestedSub:a,notifyNestedSubs:i,handleChangeWrapper:o,isSubscribed:l,trySubscribe:s,tryUnsubscribe:c,getListeners:function(){return n}};return u}var _L=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?oe.useLayoutEffect:oe.useEffect;function EL(e){var t=e.store,r=e.context,n=e.children,a=oe.useMemo(function(){var l=ML(t);return{store:t,subscription:l}},[t]),i=oe.useMemo(function(){return t.getState()},[t]);_L(function(){var l=a.subscription;return l.onStateChange=l.notifyNestedSubs,l.trySubscribe(),i!==t.getState()&&l.notifyNestedSubs(),function(){l.tryUnsubscribe(),l.onStateChange=null}},[a,i]);var o=r||Tv;return v.default.createElement(o.Provider,{value:a},n)}process.env.NODE_ENV!=="production"&&(EL.propTypes={store:v0.shape({subscribe:v0.func.isRequired,dispatch:v0.func.isRequired,getState:v0.func.isRequired}),context:v0.object,children:v0.any});function Vc(e,t){if(e==null)return{};var r={},n=Object.keys(e),a,i;for(i=0;i<n.length;i++)a=n[i],!(t.indexOf(a)>=0)&&(r[a]=e[a]);return r}var Av={exports:{}},Or={};/** @license React v17.0.2
+      response body due to the CORS policy.`),fetch(f,{method:"get",mode:"no-cors",referrerPolicy:"no-referrer"}).then(p=>p.blob()).then(p=>{const g=document.createElement("a");g.setAttribute("download",h);const C=URL.createObjectURL(p);g.href=C,g.setAttribute("target","_blank"),g.click(),URL.revokeObjectURL(C)})}const d=f=>{"url"in f?typeof r=="function"?r(f):u(f.url,f.name):r&&r(f)};return _e(ur,{children:[R(Ro,{children:e}),R(Nr,{size:"Medium",direction:"Stack"}),R(Uee,{children:t.map((f,h)=>_e(Gee,{children:[R(cL,{children:R(dL,{children:f.name})}),_e(uL,{children:[l?R(fL,{}):R(Jr,{label:"Baixar",children:R(kc,{onClick:()=>d(f),backgroundColor:"#308FA429",size:"Large",children:R(s,{})})}),o?R(fL,{}):R(Jr,{label:"Excluir",children:R(kc,{onClick:()=>n(f),backgroundColor:"#DE333329",size:"Large",children:R(c,{})})})]})]},h))}),R(Nr,{size:"Large",direction:"Stack"}),_e(Lc,{children:[R(b1,{...a}),R(b1,{...i})]}),R(Nr,{size:"Large",direction:"Stack"})]})}},jee=({alertMessage:e,type:t,iconType:r,onCloseButtonClick:n,showCloseButton:a=!1,open:i,children:o,width:l,height:s,iconColor:c,opacity:u=y.opacityLevels.clear,...d})=>{if(!i)return null;const f=C=>{C.target===C.currentTarget&&(n==null||n())},h=["semi","alert","upload","upload-progress"],p=["default","basic","semi","alert","input","information","information-large"],g=Yee[t];return R(Dee,{onClick:f,opacity:u,children:_e(See,{width:l,height:s,type:t,"data-testid":"modal-container",children:[R(Nr,{size:"Small",direction:"Stack"}),R(bee,{children:(h.includes(t)||a)&&R(xee,{onClick:n,"data-testid":"close-button",children:R(Sr,{iconName:"CloseMd",color:y.colors.neutralColors.colorNeutralCloudy,hoverColor:y.colors.neutralColors.colorNeutralDarkest})})}),R(Nr,{size:"ExtraSmall",direction:"Stack"}),_e(Eee,{children:[tt[r]&&p.includes(t)&&_e(ur,{children:[R(Sr,{iconName:r,color:c}),R(Nr,{size:"Small",direction:"Stack"})]}),g?R(g,{...d,alertMessage:e}):(t==="information-large"||t==="information")&&_e(ur,{children:[R(Ro,{"data-testid":"modal-title",children:d.title}),R(Nr,{size:"Medium",direction:"Stack"}),o,R(Nr,{size:"Medium",direction:"Stack"})]})]}),t==="alert"&&R(Mee,{children:R(_ee,{children:e})})]})})};function hL(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,cc(e,t)}function $t(){return $t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},$t.apply(this,arguments)}function pL(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function vL(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?pL(Object(r),!0).forEach(function(n){ct(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):pL(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function On(e){return"Minified Redux error #"+e+"; visit https://redux.js.org/Errors?code="+e+" for the full message or use the non-minified dev environment for full errors. "}var gL=function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"}(),Hv=function(){return Math.random().toString(36).substring(7).split("").join(".")},CL={INIT:"@@redux/INIT"+Hv(),REPLACE:"@@redux/REPLACE"+Hv(),PROBE_UNKNOWN_ACTION:function(){return"@@redux/PROBE_UNKNOWN_ACTION"+Hv()}};function Xee(e){if(typeof e!="object"||e===null)return!1;for(var t=e;Object.getPrototypeOf(t)!==null;)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}function qee(e){if(e===void 0)return"undefined";if(e===null)return"null";var t=typeof e;switch(t){case"boolean":case"string":case"number":case"symbol":case"function":return t}if(Array.isArray(e))return"array";if(Jee(e))return"date";if(Qee(e))return"error";var r=Kee(e);switch(r){case"Symbol":case"Promise":case"WeakMap":case"WeakSet":case"Map":case"Set":return r}return t.slice(8,-1).toLowerCase().replace(/\s/g,"")}function Kee(e){return typeof e.constructor=="function"?e.constructor.name:null}function Qee(e){return e instanceof Error||typeof e.message=="string"&&e.constructor&&typeof e.constructor.stackTraceLimit=="number"}function Jee(e){return e instanceof Date?!0:typeof e.toDateString=="function"&&typeof e.getDate=="function"&&typeof e.setDate=="function"}function il(e){var t=typeof e;return process.env.NODE_ENV!=="production"&&(t=qee(e)),t}function mL(e,t,r){var n;if(typeof t=="function"&&typeof r=="function"||typeof r=="function"&&typeof arguments[3]=="function")throw new Error(process.env.NODE_ENV==="production"?On(0):"It looks like you are passing several store enhancers to createStore(). This is not supported. Instead, compose them together to a single function. See https://redux.js.org/tutorials/fundamentals/part-4-store#creating-a-store-with-enhancers for an example.");if(typeof t=="function"&&typeof r>"u"&&(r=t,t=void 0),typeof r<"u"){if(typeof r!="function")throw new Error(process.env.NODE_ENV==="production"?On(1):"Expected the enhancer to be a function. Instead, received: '"+il(r)+"'");return r(mL)(e,t)}if(typeof e!="function")throw new Error(process.env.NODE_ENV==="production"?On(2):"Expected the root reducer to be a function. Instead, received: '"+il(e)+"'");var a=e,i=t,o=[],l=o,s=!1;function c(){l===o&&(l=o.slice())}function u(){if(s)throw new Error(process.env.NODE_ENV==="production"?On(3):"You may not call store.getState() while the reducer is executing. The reducer has already received the state as an argument. Pass it down from the top reducer instead of reading it from the store.");return i}function d(g){if(typeof g!="function")throw new Error(process.env.NODE_ENV==="production"?On(4):"Expected the listener to be a function. Instead, received: '"+il(g)+"'");if(s)throw new Error(process.env.NODE_ENV==="production"?On(5):"You may not call store.subscribe() while the reducer is executing. If you would like to be notified after the store has been updated, subscribe from a component and invoke store.getState() in the callback to access the latest state. See https://redux.js.org/api/store#subscribelistener for more details.");var C=!0;return c(),l.push(g),function(){if(C){if(s)throw new Error(process.env.NODE_ENV==="production"?On(6):"You may not unsubscribe from a store listener while the reducer is executing. See https://redux.js.org/api/store#subscribelistener for more details.");C=!1,c();var w=l.indexOf(g);l.splice(w,1),o=null}}}function f(g){if(!Xee(g))throw new Error(process.env.NODE_ENV==="production"?On(7):"Actions must be plain objects. Instead, the actual type was: '"+il(g)+"'. You may need to add middleware to your store setup to handle dispatching other values, such as 'redux-thunk' to handle dispatching functions. See https://redux.js.org/tutorials/fundamentals/part-4-store#middleware and https://redux.js.org/tutorials/fundamentals/part-6-async-logic#using-the-redux-thunk-middleware for examples.");if(typeof g.type>"u")throw new Error(process.env.NODE_ENV==="production"?On(8):'Actions may not have an undefined "type" property. You may have misspelled an action type string constant.');if(s)throw new Error(process.env.NODE_ENV==="production"?On(9):"Reducers may not dispatch actions.");try{s=!0,i=a(i,g)}finally{s=!1}for(var C=o=l,m=0;m<C.length;m++){var w=C[m];w()}return g}function h(g){if(typeof g!="function")throw new Error(process.env.NODE_ENV==="production"?On(10):"Expected the nextReducer to be a function. Instead, received: '"+il(g));a=g,f({type:CL.REPLACE})}function p(){var g,C=d;return g={subscribe:function(w){if(typeof w!="object"||w===null)throw new Error(process.env.NODE_ENV==="production"?On(11):"Expected the observer to be an object. Instead, received: '"+il(w)+"'");function S(){w.next&&w.next(u())}S();var b=C(S);return{unsubscribe:b}}},g[gL]=function(){return this},g}return f({type:CL.INIT}),n={dispatch:f,subscribe:d,getState:u,replaceReducer:h},n[gL]=p,n}function yL(e,t){return function(){return t(e.apply(this,arguments))}}function wL(e,t){if(typeof e=="function")return yL(e,t);if(typeof e!="object"||e===null)throw new Error(process.env.NODE_ENV==="production"?On(16):"bindActionCreators expected an object or a function, but instead received: '"+il(e)+`'. Did you write "import ActionCreators from" instead of "import * as ActionCreators from"?`);var r={};for(var n in e){var a=e[n];typeof a=="function"&&(r[n]=yL(a,t))}return r}function SL(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return t.length===0?function(n){return n}:t.length===1?t[0]:t.reduce(function(n,a){return function(){return n(a.apply(void 0,arguments))}})}function ete(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return function(n){return function(){var a=n.apply(void 0,arguments),i=function(){throw new Error(process.env.NODE_ENV==="production"?On(15):"Dispatching while constructing your middleware is not allowed. Other middleware would not be applied to this dispatch.")},o={getState:a.getState,dispatch:function(){return i.apply(void 0,arguments)}},l=t.map(function(s){return s(o)});return i=SL.apply(void 0,l)(a.dispatch),vL(vL({},a),{},{dispatch:i})}}}var Tv=v.default.createContext(null);process.env.NODE_ENV!=="production"&&(Tv.displayName="ReactRedux");function tte(e){e()}var bL=tte,rte=function(t){return bL=t},nte=function(){return bL};function ate(){var e=nte(),t=null,r=null;return{clear:function(){t=null,r=null},notify:function(){e(function(){for(var a=t;a;)a.callback(),a=a.next})},get:function(){for(var a=[],i=t;i;)a.push(i),i=i.next;return a},subscribe:function(a){var i=!0,o=r={callback:a,next:null,prev:r};return o.prev?o.prev.next=o:t=o,function(){!i||t===null||(i=!1,o.next?o.next.prev=o.prev:r=o.prev,o.prev?o.prev.next=o.next:t=o.next)}}}}var xL={notify:function(){},get:function(){return[]}};function ML(e,t){var r,n=xL;function a(d){return s(),n.subscribe(d)}function i(){n.notify()}function o(){u.onStateChange&&u.onStateChange()}function l(){return!!r}function s(){r||(r=t?t.addNestedSub(o):e.subscribe(o),n=ate())}function c(){r&&(r(),r=void 0,n.clear(),n=xL)}var u={addNestedSub:a,notifyNestedSubs:i,handleChangeWrapper:o,isSubscribed:l,trySubscribe:s,tryUnsubscribe:c,getListeners:function(){return n}};return u}var _L=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?oe.useLayoutEffect:oe.useEffect;function EL(e){var t=e.store,r=e.context,n=e.children,a=oe.useMemo(function(){var l=ML(t);return{store:t,subscription:l}},[t]),i=oe.useMemo(function(){return t.getState()},[t]);_L(function(){var l=a.subscription;return l.onStateChange=l.notifyNestedSubs,l.trySubscribe(),i!==t.getState()&&l.notifyNestedSubs(),function(){l.tryUnsubscribe(),l.onStateChange=null}},[a,i]);var o=r||Tv;return v.default.createElement(o.Provider,{value:a},n)}process.env.NODE_ENV!=="production"&&(EL.propTypes={store:v0.shape({subscribe:v0.func.isRequired,dispatch:v0.func.isRequired,getState:v0.func.isRequired}),context:v0.object,children:v0.any});function Vc(e,t){if(e==null)return{};var r={},n=Object.keys(e),a,i;for(i=0;i<n.length;i++)a=n[i],!(t.indexOf(a)>=0)&&(r[a]=e[a]);return r}var Av={exports:{}},Or={};/** @license React v17.0.2
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -4855,7 +4855,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   ${j}
   width: 100%;
   background-color: transparent;
-`,Yoe=e=>{const[t,r]=oe.useState(e);return{tabActive:t,setTabActive:r,handleTabBar:()=>{}}},joe=({id:e,tabs:t,selectedTab:r=0,direction:n="horizontal",size:a="Medium",maxWidth:i="100%",disabled:o=!1})=>{const{tabActive:l,setTabActive:s}=Yoe(r),c=tt[`ErrorFill1${a==="Small"?"Ant":"Sm"}`];return _e(Zoe,{direction:n,id:`tabs-${e}`,"data-testid":"tabbar",children:[_e(Goe,{direction:n,children:[t.map((u,d)=>_e(zoe,{direction:n,maxWidth:i,width:u==null?void 0:u.width,active:d===l,onClick:()=>{!o&&!(u!=null&&u.disabledTab)&&(s(d),u.onTabClick&&u.onTabClick(d))},id:"form-create-add-"+u.label+"-button",size:a,disabled:o,disabledTab:u==null?void 0:u.disabledTab,isLast:d===t.length-1,isFirst:d===0,children:[R("p",{"data-testid":"tab-label",children:u.label}),u.icon&&R(c,{"data-testid":"error-icon"})]},d)),R(Woe,{size:a,direction:n})]}),R(Uoe,{children:R(ur,{children:t[l].child})})]})},Xoe=X.div`
+  ${({activeTabCustomStyle:e})=>e}
+`,Yoe=e=>{const[t,r]=oe.useState(e);return{tabActive:t,setTabActive:r,handleTabBar:()=>{}}},joe=({id:e,tabs:t,selectedTab:r=0,direction:n="horizontal",size:a="Medium",maxWidth:i="100%",disabled:o=!1,activeTabCustomStyle:l})=>{const{tabActive:s,setTabActive:c}=Yoe(r),u=tt[`ErrorFill1${a==="Small"?"Ant":"Sm"}`];return _e(Zoe,{direction:n,id:`tabs-${e}`,"data-testid":"tabbar",children:[_e(Goe,{direction:n,children:[t.map((d,f)=>_e(zoe,{direction:n,maxWidth:i,width:d==null?void 0:d.width,active:f===s,onClick:()=>{!o&&!(d!=null&&d.disabledTab)&&(c(f),d.onTabClick&&d.onTabClick(f))},id:"form-create-add-"+d.label+"-button",size:a,disabled:o,disabledTab:d==null?void 0:d.disabledTab,isLast:f===t.length-1,isFirst:f===0,children:[R("p",{"data-testid":"tab-label",children:d.label}),d.icon&&R(u,{"data-testid":"error-icon"})]},f)),R(Woe,{size:a,direction:n})]}),R(Uoe,{activeTabCustomStyle:l,children:R(ur,{children:t[s].child})})]})},Xoe=X.div`
   ${j}
   width: 100%;
   max-height: ${({maxHeight:e})=>e};

package/dist/src/presentation/components/molecules/TabBar/index.d.ts

@@ -7,6 +7,7 @@ export interface TabBarProps {
     maxWidth?: string;
     size?: 'Small' | 'Medium';
     disabled?: boolean;
+    activeTabCustomStyle?: React.CSSProperties;
 }
 export interface Tab {
     label: React.ReactNode;

package/dist/src/presentation/components/molecules/TabBar/styles.d.ts

@@ -25,5 +25,5 @@ interface TabsRowProps {
     direction?: 'horizontal' | 'vertical';
 }
 export declare const TabsRow: import("styled-components").StyledComponent<"div", any, TabsRowProps, never>;
-export declare const ActiveBody: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ActiveBody: import("styled-components").StyledComponent<"div", any, any, never>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sbwb-ds",
-  "version": "3.0.11",
+  "version": "3.0.13",
   "type": "module",
   "description": "Sistema de design para padronização dos processos visuais do portal SUBWEB",
   "main": "dist/sbwb-ds.js",

package/src/presentation/components/molecules/Modal/index.tsx

@@ -99,6 +99,8 @@ const Modal = ({
     'semi',
     'alert',
     'input',
+    'information',
+    'information-large',
   ];
 
   const SpecificModal = MODAL_COMPONENTS[type];

package/src/presentation/components/molecules/TabBar/index.tsx

@@ -11,6 +11,7 @@ export interface TabBarProps {
   maxWidth?: string;
   size?: 'Small' | 'Medium';
   disabled?: boolean;
+  activeTabCustomStyle?: React.CSSProperties;
 }
 
 export interface Tab {
@@ -30,6 +31,7 @@ const TabBar: React.FC<TabBarProps> = ({
   size = 'Medium',
   maxWidth = '100%',
   disabled = false,
+  activeTabCustomStyle,
 }) => {
   const { tabActive, setTabActive } = useTabBar(selectedTab);
   const ErrorIcon = Icons[`ErrorFill1${size === 'Small' ? 'Ant' : 'Sm'}`];
@@ -63,7 +65,7 @@ const TabBar: React.FC<TabBarProps> = ({
         ))}
         <C.EmptySpace size={size} direction={direction} />
       </C.TabsRow>
-      <C.ActiveBody>
+      <C.ActiveBody activeTabCustomStyle={activeTabCustomStyle}>
         <>{tabs[tabActive].child}</>
       </C.ActiveBody>
     </C.Container>

package/src/presentation/components/molecules/TabBar/styles.ts

@@ -146,8 +146,9 @@ export const TabsRow = styled.div<TabsRowProps>`
   border-bottom: 1px solid ${sg.colors.neutralColors.colorNeutralSoft};
 `;
 
-export const ActiveBody = styled.div`
+export const ActiveBody = styled.div<any>`
   ${resetStyles}
   width: 100%;
   background-color: transparent;
+  ${({ activeTabCustomStyle }) => activeTabCustomStyle}
 `;