@ufal-lccv/gpsub-ds 0.0.5 → 0.0.6-alpha-1

package/README.md

@@ -1,31 +1,31 @@
-# gpsub-ds
-
-Design system temporário do GP-SUB para auxiliar na futura migração para o DS Subweb 2.0
-
-## Atomic Design
-
-Para dúvidas sobre o Atomic Design, consulte o [link](https://github.com/diegohaz/arc/wiki/Atomic-Design).
-
-### Atoms
-
-Um átomo é uma tag html nativa, um Componente React que renderiza uma tag html ou qualquer componente de terceiros
-
-### Molecules
-
-Uma molécula é um grupo de átomos.
-
-### Organisms
-
-Um organismo é um grupo de átomos, moléculas e/ou outros organismos.
-
-### Pages
-
-Uma página é uma página, onde você colocará principalmente (mas não exclusivamente) organismos.
-
-### Templates
-
-Um template é um layout para ser usado em páginas.
-
-## Do not worry!
-
-Atomic Design deve ser uma solução, não outro problema. Se você quiser criar um componente e não sabe onde colocá-lo (átomos, moléculas, organismos etc.), não se preocupe, não pense muito, apenas coloque-o em qualquer lugar. Depois de você perceber o que é, apenas mova a pasta do componente para o lugar certo. Tudo irá funcionar por que os componentes são exportados de forma dinâmica em `src/components/index.ts`.
+# gpsub-ds
+
+Design system temporário do GP-SUB para auxiliar na futura migração para o DS Subweb 2.0
+
+## Atomic Design
+
+Para dúvidas sobre o Atomic Design, consulte o [link](https://github.com/diegohaz/arc/wiki/Atomic-Design).
+
+### Atoms
+
+Um átomo é uma tag html nativa, um Componente React que renderiza uma tag html ou qualquer componente de terceiros
+
+### Molecules
+
+Uma molécula é um grupo de átomos.
+
+### Organisms
+
+Um organismo é um grupo de átomos, moléculas e/ou outros organismos.
+
+### Pages
+
+Uma página é uma página, onde você colocará principalmente (mas não exclusivamente) organismos.
+
+### Templates
+
+Um template é um layout para ser usado em páginas.
+
+## Do not worry!
+
+Atomic Design deve ser uma solução, não outro problema. Se você quiser criar um componente e não sabe onde colocá-lo (átomos, moléculas, organismos etc.), não se preocupe, não pense muito, apenas coloque-o em qualquer lugar. Depois de você perceber o que é, apenas mova a pasta do componente para o lugar certo. Tudo irá funcionar por que os componentes são exportados de forma dinâmica em `src/components/index.ts`.

package/dist/{Checkbox.view-0u3rSqMa.cjs → Checkbox.view-CDJhnIP4.cjs}

@@ -341,17 +341,13 @@ See https://s-c.sh/2BAXzed for more info.`),window["__styled-components-init__"]
   display: flex;
   align-items: center;
   justify-content: center;
-  cursor: ${({disabled:e})=>e?"default":"pointer"};
+  cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
   position: relative;
   transition: all 0.3s ease;
   border-radius: ${({buttonType:e})=>e==="primary"?t.sg.borders.borderRadius.borderRadiusSm:t.sg.borders.borderRadius.borderExtraSmall};
   padding: ${({buttonType:e})=>e==="primary"?t.sg.spacings.spacingInset.spacingInsetNano:"auto"};
   border: ${({buttonType:e})=>e==="secondary"?"none":void 0};
 
-  &:disabled {
-    pointer-events: none;
-  }
-
   & > .default-icon,
   & > .selected-icon {
     height: ${({sizeProp:e})=>dt(e)};
@@ -450,7 +446,6 @@ See https://s-c.sh/2BAXzed for more info.`),window["__styled-components-init__"]
         height: ${dt(r)} !important;
         width: ${dt(r)} !important;
       }
-      cursor: not-allowed;
     `}
 `,ei=E.button`
   ${Xn}
@@ -1351,6 +1346,7 @@ See https://s-c.sh/2BAXzed for more info.`),window["__styled-components-init__"]
   position: relative;
   width: ${({width:e})=>e};
   height: ${({size:e})=>e==="Medium"?"2rem":"1.6rem"};
+  cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
 `,ot=E.input`
   font-size: ${({size:e})=>e==="Small"?t.sg.icons.iconSizeSm:t.sg.icons.iconSizeMd};
   accent-color: ${t.sg.colors.brandColors.colorBrandSoft};
@@ -1366,7 +1362,7 @@ See https://s-c.sh/2BAXzed for more info.`),window["__styled-components-init__"]
   margin-left: ${({size:e})=>e==="Small"?"1.55rem":"2.3rem"};
 
   &:hover {
-    cursor: ${({disabled:e})=>e?"default":"pointer"};
+    cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
   }
 `,As=E.div`
   width: fit-content;
@@ -1414,4 +1410,4 @@ See https://s-c.sh/2BAXzed for more info.`),window["__styled-components-init__"]
       fill: ${({disabled:e})=>e?t.sg.colors.neutralColors.colorNeutralClean:t.sg.colors.neutralColors.colorNeutralDark};
     }
   }
-`,Hr=A.forwardRef(({id:e,label:o,size:r="Medium",value:n,name:i,disabled:c=!1,width:l="100%",variant:u="Selected",onChange:f,gridRow:h,gridColumn:p,checked:m,checkColor:b="Default",...$},y)=>{const a=A.useRef(null);return d.jsx(Ts,{width:l,size:r,children:d.jsxs(Ns,{htmlFor:`Checkbox-${o||e}`,disabled:c,size:r,"data-testid":"checkbox-label",children:[d.jsx(ot,{type:"checkbox",disabled:c,id:`Checkbox-${o||e}`,size:r,"data-testid":"checkbox",value:n,checked:m,name:i,onChange:f,gridRow:h,gridColumn:p,...$,ref:v=>{a.current=v,typeof y=="function"?y(v):y&&(y.current=v)}}),d.jsx(As,{size:r,disabled:c,checkColor:b,children:u==="Selected"?d.jsx(t.Icon,{iconName:`CheckBoxFill1${r==="Small"?"Ant":"Sm"}`}):d.jsx(t.Icon,{iconName:`CheckboxLess${r==="Small"?"Ant":"Sm"}`})}),d.jsx(Ps,{size:r,disabled:c,children:d.jsx(t.Icon,{iconName:`CheckBoxOutlineBlankFill0${r==="Small"?"Ant":"Sm"}`})}),o]})})});Hr.displayName="Checkbox";exports.ActionButton=Nr;exports.Ae=z;exports.Badge=It;exports.Button=tt;exports.Checkbox=Hr;exports.ConfirmButton=Ar;exports.ConfirmModal=Mt;exports.Container=we;exports.ContainerWarning=oi;exports.Empty=Pr;exports.ErrorMessage=Ln;exports.FrameView=jr;exports.Info=Bt;exports.InfoFill_default=Ft;exports.Input=Or;exports.Label=zr;exports.Label$1=Wi;exports.Label$2=is;exports.Loading=Ir;exports.LoadingBar=Tr;exports.Message=ri;exports.Modal=Dt;exports.Radio=Br;exports.Required=Hi;exports.SectionTitle=Mr;exports.Spacer=Fe;exports.SwitchButton=Dr;exports.SwitchContainer=Ss;exports.SwitchLabel=xs;exports.SwitchToggle=Cs;exports.SwitchWrapper=bs;exports.Textarea=Lr;exports.Title=$s;exports.Title$1=ti;exports.Tooltip=Ie;exports.WarningFill_default=Mn;exports.We=Be;exports.getDefaultExportFromCjs=mr;exports.index=_s;exports.jsxRuntimeExports=d;exports.qe=E;exports.showConfirm=ht;exports.showModal=Fr;
+`,Hr=A.forwardRef(({id:e,label:o,size:r="Medium",value:n,name:i,disabled:c=!1,width:l="100%",variant:u="Selected",onChange:f,gridRow:h,gridColumn:p,checked:m,checkColor:b="Default",...$},y)=>{const a=A.useRef(null);return d.jsx(Ts,{width:l,size:r,disabled:c,children:d.jsxs(Ns,{htmlFor:`Checkbox-${o||e}`,disabled:c,size:r,"data-testid":"checkbox-label",children:[d.jsx(ot,{type:"checkbox",disabled:c,id:`Checkbox-${o||e}`,size:r,"data-testid":"checkbox",value:n,checked:m,name:i,onChange:f,gridRow:h,gridColumn:p,...$,ref:v=>{a.current=v,typeof y=="function"?y(v):y&&(y.current=v)}}),d.jsx(As,{size:r,disabled:c,checkColor:b,children:u==="Selected"?d.jsx(t.Icon,{iconName:`CheckBoxFill1${r==="Small"?"Ant":"Sm"}`}):d.jsx(t.Icon,{iconName:`CheckboxLess${r==="Small"?"Ant":"Sm"}`})}),d.jsx(Ps,{size:r,disabled:c,children:d.jsx(t.Icon,{iconName:`CheckBoxOutlineBlankFill0${r==="Small"?"Ant":"Sm"}`})}),o]})})});Hr.displayName="Checkbox";exports.ActionButton=Nr;exports.Ae=z;exports.Badge=It;exports.Button=tt;exports.Checkbox=Hr;exports.ConfirmButton=Ar;exports.ConfirmModal=Mt;exports.Container=we;exports.ContainerWarning=oi;exports.Empty=Pr;exports.ErrorMessage=Ln;exports.FrameView=jr;exports.Info=Bt;exports.InfoFill_default=Ft;exports.Input=Or;exports.Label=zr;exports.Label$1=Wi;exports.Label$2=is;exports.Loading=Ir;exports.LoadingBar=Tr;exports.Message=ri;exports.Modal=Dt;exports.Radio=Br;exports.Required=Hi;exports.SectionTitle=Mr;exports.Spacer=Fe;exports.SwitchButton=Dr;exports.SwitchContainer=Ss;exports.SwitchLabel=xs;exports.SwitchToggle=Cs;exports.SwitchWrapper=bs;exports.Textarea=Lr;exports.Title=$s;exports.Title$1=ti;exports.Tooltip=Ie;exports.WarningFill_default=Mn;exports.We=Be;exports.getDefaultExportFromCjs=mr;exports.index=_s;exports.jsxRuntimeExports=d;exports.qe=E;exports.showConfirm=ht;exports.showModal=Fr;

package/dist/{Checkbox.view-DYht1CER.js → Checkbox.view-DEBTcr4E.js}

@@ -2661,17 +2661,13 @@ const Hn = E.div`
   display: flex;
   align-items: center;
   justify-content: center;
-  cursor: ${({ disabled: e }) => e ? "default" : "pointer"};
+  cursor: ${({ disabled: e }) => e ? "not-allowed" : "pointer"};
   position: relative;
   transition: all 0.3s ease;
   border-radius: ${({ buttonType: e }) => e === "primary" ? t.borders.borderRadius.borderRadiusSm : t.borders.borderRadius.borderExtraSmall};
   padding: ${({ buttonType: e }) => e === "primary" ? t.spacings.spacingInset.spacingInsetNano : "auto"};
   border: ${({ buttonType: e }) => e === "secondary" ? "none" : void 0};
 
-  &:disabled {
-    pointer-events: none;
-  }
-
   & > .default-icon,
   & > .selected-icon {
     height: ${({ sizeProp: e }) => vt(e)};
@@ -2777,7 +2773,6 @@ const Hn = E.div`
         height: ${vt(r)} !important;
         width: ${vt(r)} !important;
       }
-      cursor: not-allowed;
     `}
 `, ti = E.button`
   ${Kn}
@@ -5357,6 +5352,7 @@ const Ta = E.div`
   position: relative;
   width: ${({ width: e }) => e};
   height: ${({ size: e }) => e === "Medium" ? "2rem" : "1.6rem"};
+  cursor: ${({ disabled: e }) => e ? "not-allowed" : "pointer"};
 `, ct = E.input`
   font-size: ${({ size: e }) => e === "Small" ? t.icons.iconSizeSm : t.icons.iconSizeMd};
   accent-color: ${t.colors.brandColors.colorBrandSoft};
@@ -5372,7 +5368,7 @@ const Ta = E.div`
   margin-left: ${({ size: e }) => e === "Small" ? "1.55rem" : "2.3rem"};
 
   &:hover {
-    cursor: ${({ disabled: e }) => e ? "default" : "pointer"};
+    cursor: ${({ disabled: e }) => e ? "not-allowed" : "pointer"};
   }
 `, Aa = E.div`
   width: fit-content;
@@ -5438,7 +5434,7 @@ const Ta = E.div`
     ...C
   }, y) => {
     const s = we(null);
-    return /* @__PURE__ */ d.jsx(Ta, { width: l, size: r, children: /* @__PURE__ */ d.jsxs(
+    return /* @__PURE__ */ d.jsx(Ta, { width: l, size: r, disabled: c, children: /* @__PURE__ */ d.jsxs(
       Na,
       {
         htmlFor: `Checkbox-${o || e}`,

package/dist/{RequiredLabel.view-kxn4QDDK.cjs → RequiredLabel.view-CV4twgie.cjs}

@@ -1 +1 @@
-"use strict";const r=require("./Checkbox.view-0u3rSqMa.cjs"),s=require("sbwb-ds");require("react");const b=({width:i="100%",height:l="auto",type:e,title:n,message:c,margin:a})=>{var t,d,x,u;const o={info:{backgroundColor:"#D5EBFD",borderColor:s.sg.colors.feedbackColors.colorFeedbackInfo,iconName:"InfoFill1Md"},success:{backgroundColor:"#DAF9DB",borderColor:s.sg.colors.feedbackColors.colorFeedbackSuccess,iconName:"CheckCircleFill1Md"},warning:{backgroundColor:"#FEEECF",borderColor:s.sg.colors.feedbackColors.colorFeedbackWarning},error:{backgroundColor:"#FFE1E1",borderColor:s.sg.colors.feedbackColors.colorFeedbackError,iconName:"ErrorFill1Md"}};return r.jsxRuntimeExports.jsxs(r.Container,{width:i,height:l,direction:"horizontal",verticalAlign:n?"top":"center",gap:s.sg.spacings.spacingInset.spacingInsetXs,padding:s.sg.spacings.spacingInline.spacingInlineSm,backgroundColor:(t=o==null?void 0:o[e])==null?void 0:t.backgroundColor,customStyles:{border:`1px solid ${(d=o==null?void 0:o[e])==null?void 0:d.borderColor}`,borderRadius:s.sg.borders.borderRadius.borderRadiusSm,margin:a},children:[e==="warning"?r.jsxRuntimeExports.jsx(r.ContainerWarning,{children:r.jsxRuntimeExports.jsx(r.WarningFill_default,{width:"20px",height:"20px"})}):r.jsxRuntimeExports.jsx(s.Icon,{iconName:(x=o==null?void 0:o[e])==null?void 0:x.iconName,color:(u=o==null?void 0:o[e])==null?void 0:u.borderColor}),r.jsxRuntimeExports.jsxs(r.Container,{width:"100%",flex:"1",children:[r.jsxRuntimeExports.jsx(r.Title$1,{children:n}),r.jsxRuntimeExports.jsx(r.Message,{children:c})]})]})},p=({label:i,labelRender:l,infoProps:e={},withInfo:n=!0,flex:c,width:a="100%",isRequired:o=!1})=>{const t={tooltipProps:{position:"top",...e==null?void 0:e.tooltipProps,size:"Small"}};return r.jsxRuntimeExports.jsxs(r.Container,{width:a,direction:"horizontal",gap:"4px",flex:c,children:[l??r.jsxRuntimeExports.jsxs(r.Label$1,{children:[i," ",o?r.jsxRuntimeExports.jsx(r.Required,{children:"*"}):null]}),n&&r.jsxRuntimeExports.jsx(r.Info,{...t})]})},j=({width:i="100%",flex:l,label:e="Obrigatório",margin:n="0 0 16px 0"})=>r.jsxRuntimeExports.jsx(r.Container,{width:i,flex:l,customStyles:{margin:n},children:r.jsxRuntimeExports.jsx(r.Label$2,{children:`* ${e}`})});exports.AlertInline=b;exports.LabelField=p;exports.RequiredLabelView=j;
+"use strict";const r=require("./Checkbox.view-CDJhnIP4.cjs"),s=require("sbwb-ds");require("react");const b=({width:i="100%",height:l="auto",type:e,title:n,message:c,margin:a})=>{var t,d,x,u;const o={info:{backgroundColor:"#D5EBFD",borderColor:s.sg.colors.feedbackColors.colorFeedbackInfo,iconName:"InfoFill1Md"},success:{backgroundColor:"#DAF9DB",borderColor:s.sg.colors.feedbackColors.colorFeedbackSuccess,iconName:"CheckCircleFill1Md"},warning:{backgroundColor:"#FEEECF",borderColor:s.sg.colors.feedbackColors.colorFeedbackWarning},error:{backgroundColor:"#FFE1E1",borderColor:s.sg.colors.feedbackColors.colorFeedbackError,iconName:"ErrorFill1Md"}};return r.jsxRuntimeExports.jsxs(r.Container,{width:i,height:l,direction:"horizontal",verticalAlign:n?"top":"center",gap:s.sg.spacings.spacingInset.spacingInsetXs,padding:s.sg.spacings.spacingInline.spacingInlineSm,backgroundColor:(t=o==null?void 0:o[e])==null?void 0:t.backgroundColor,customStyles:{border:`1px solid ${(d=o==null?void 0:o[e])==null?void 0:d.borderColor}`,borderRadius:s.sg.borders.borderRadius.borderRadiusSm,margin:a},children:[e==="warning"?r.jsxRuntimeExports.jsx(r.ContainerWarning,{children:r.jsxRuntimeExports.jsx(r.WarningFill_default,{width:"20px",height:"20px"})}):r.jsxRuntimeExports.jsx(s.Icon,{iconName:(x=o==null?void 0:o[e])==null?void 0:x.iconName,color:(u=o==null?void 0:o[e])==null?void 0:u.borderColor}),r.jsxRuntimeExports.jsxs(r.Container,{width:"100%",flex:"1",children:[r.jsxRuntimeExports.jsx(r.Title$1,{children:n}),r.jsxRuntimeExports.jsx(r.Message,{children:c})]})]})},p=({label:i,labelRender:l,infoProps:e={},withInfo:n=!0,flex:c,width:a="100%",isRequired:o=!1})=>{const t={tooltipProps:{position:"top",...e==null?void 0:e.tooltipProps,size:"Small"}};return r.jsxRuntimeExports.jsxs(r.Container,{width:a,direction:"horizontal",gap:"4px",flex:c,children:[l??r.jsxRuntimeExports.jsxs(r.Label$1,{children:[i," ",o?r.jsxRuntimeExports.jsx(r.Required,{children:"*"}):null]}),n&&r.jsxRuntimeExports.jsx(r.Info,{...t})]})},j=({width:i="100%",flex:l,label:e="Obrigatório",margin:n="0 0 16px 0"})=>r.jsxRuntimeExports.jsx(r.Container,{width:i,flex:l,customStyles:{margin:n},children:r.jsxRuntimeExports.jsx(r.Label$2,{children:`* ${e}`})});exports.AlertInline=b;exports.LabelField=p;exports.RequiredLabelView=j;

package/dist/{RequiredLabel.view-CDDl5DoF.js → RequiredLabel.view-DeP7ncq9.js}

@@ -1,4 +1,4 @@
-import { l as o, C as c, v as C, W as p, w as g, x as h, y as m, z as k, I as F, D as j } from "./Checkbox.view-DYht1CER.js";
+import { l as o, C as c, v as C, W as p, w as g, x as h, y as m, z as k, I as F, D as j } from "./Checkbox.view-DEBTcr4E.js";
 import { sg as s, Icon as I } from "sbwb-ds";
 import "react";
 const S = ({