@apollion-dsi/core 3.0.0

package/lib/chunks/chunk-XNCMA56H.esm.js

@@ -0,0 +1,81 @@
+import{a as d}from"./chunk-XNBK5E7D.esm.js";import{a as l}from"./chunk-WTWPQ4EL.esm.js";import{a}from"./chunk-GZONWSRB.esm.js";import n,{css as c}from"styled-components";var t=n.input`
+  position: absolute;
+  left: 0;
+  top: 0;
+  margin: 0;
+  z-index: 1;
+  opacity: 0;
+`;t.displayName="input";var i=n(l).attrs(o=>({borderRadius:"md",borderWidth:"regular",borderStyle:"solid",borderColor:"information",deep:-1,...o}))`
+  --size: 20px;
+  --checked-size: calc(var(--size) * 0.5);
+
+  width: var(--size);
+  height: var(--size);
+  flex-shrink: 0;
+
+  margin-right: ${({theme:o})=>o.spacing("small")};
+
+  &::before {
+    content: '';
+    border-radius: 50%;
+    display: inline-block;
+    width: var(--checked-size);
+    height: var(--checked-size);
+
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+
+    opacity: 0;
+  }
+`;function b({variant:o,theme:r}){let e=r.colors.information;return o==="success"&&(e=r.colors.success),o==="error"&&(e=r.colors.danger),c`
+    color: ${e.dark};
+
+    & > ${i} {
+      border: 2px solid ${e.dark};
+
+      &::before {
+        background: ${e.base};
+      }
+    }
+
+    &:hover > ${i}, &:focus > ${i} {
+      border-color: ${e.action};
+    }
+
+    & > ${t}:checked ~ ${i} {
+      border-color: ${e.base};
+      box-shadow: ${r.depth("level-zero")};
+    }
+  `}a(b,"inputVariantStyle");function $(o){return c`
+    color: ${o.colors.neutral[50]};
+
+    & > ${t}:disabled {
+      cursor: default;
+
+      & ~ ${i} {
+        background-color: ${o.colors.neutral[10]};
+        border-color: ${o.colors.neutral[10]};
+
+        &::before {
+          background: ${o.colors.neutral[50]};
+        }
+      }
+    }
+  `}a($,"getDisabledStyle");var p=n(d)`
+  cursor: pointer;
+  position: relative;
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  margin: ${({theme:o})=>o.spacing(0,8,"medium",0)};
+
+  ${b}
+  ${({theme:o,disabled:r})=>r&&$(o)}
+
+  /* Revela o disco interno quando o input nativo está :checked */
+  &  ${t}:checked ~ ${i}::before {
+    opacity: 1;
+  }
+`;import s from"react";var f=a(({id:o,disabled:r,label:e=null,variant:u="default",...m})=>s.createElement(p,{as:"label",htmlFor:o,variant:u,disabled:r},s.createElement(t,{...m,type:"radio",id:o,disabled:r}),s.createElement(i,null),e),"RadioComponent");f.displayName="Radio";export{t as a,i as b,p as c,f as d};

package/lib/chunks/chunk-XW52MLHU.esm.js

@@ -0,0 +1,15 @@
+import{a as s}from"./chunk-XNBK5E7D.esm.js";import{a as d}from"./chunk-VTRVGJA6.esm.js";import{j as v}from"./chunk-44EW3LMK.esm.js";import{a as r}from"./chunk-GZONWSRB.esm.js";import i from"react";import f from"styled-components";var q=r(({theme:t,disabled:y,variant:n})=>{let e=t.colors.neutral[180],c=t.colors.neutral[180];if(n!=="default"){let{base:g,dark:a}=n==="success"?t.colors.success:t.colors.danger;e=a,c=g}return y&&(e=t.colors.grayscale[30]),{"--colorLabel":e,"--colorHint":c}},"getFieldColor"),w=f(d)`
+  width: 100%;
+  justify-content: center;
+  ${q};
+`,L=f(s)`
+  color: var(--color-label);
+`,O=f(s)`
+  color: var(--color-label);
+`,u=f(s)`
+  color: var(--color-hint);
+
+  &:empty {
+    height: ${({theme:t})=>t.spacing("small")};
+  }
+`;var j=r(({name:t,value:y,label:n,inputProps:e,hintText:c,variant:g,setFieldValue:a,readOnly:m,readOnlyText:k="apenas leitura",hintErrorText:z="Something went wrong",hintSuccessText:E="Everything is alright",...o})=>{var T;let I=o.component,S=!!o.errors||o.error,h=!!o.success,x=(T=e==null?void 0:e.readOnly)!=null?T:m,D=r(l=>{if(!m&&(e!=null&&e.onChange&&e.onChange(l),a)){let H=l;v(l)&&(H=l.target.type==="checkbox"||l.target.type==="radio"?l.target.checked:l.target.value),a(t,H)}},"onChange"),V=r(()=>{m||(typeof e.reset=="function"?e.reset():a(t,void 0))},"resetField"),$=typeof o.errors=="string"?o.errors:z,b=S&&$||h&&E||c,F=g||S&&"error"||h&&"success"||"default",B=!n||o.hideLabel,N=x||o.optionalText,W=x?k:o.optionalText,C=e&&e.disabled;return i.createElement(w,{area:o.area,variant:F,disabled:C,gap:"micro",...o.fieldProps},i.createElement(d,{flexDirection:"row",justifyContent:"between",isHidden:B},i.createElement(L,{as:"label",htmlFor:t,fontSize:"xs",fontWeight:"bold",lineHeight:"regular"},n),N&&i.createElement(O,{fontStyle:"italic",lineHeight:"tight",fontSize:"micro"},W)),i.createElement(I,{...e,id:t,name:t,value:y,variant:F,readOnly:x,onChange:D,reset:V}),i.createElement(u,{lineHeight:"tight",fontSize:"micro",isHidden:C||!b},b))},"FieldComponent");j.displayName="Field";export{j as a};

package/lib/chunks/chunk-Z5OQHLDW.esm.js

@@ -0,0 +1 @@
+var e={fontFamily:{main:"'Mulish', sans-serif;",code:"Consolas, monospace, serif"},fontSize:{nano:10,micro:12,xs:14,small:16,medium:20,large:24,xl:28,xxl:36,giant:44,colossal:52,gargantua:60},fontWeight:{light:300,regular:400,bold:600,stronger:900},lineHeight:{tight:1,close:1.2,regular:1.4,wild:1.8},letterSpacing:{tight:"-0.045em",regular:0,wild:"0.05em"},textTransform:{uppercase:"uppercase",lowercase:"lowercase",captalyze:"capitalize",normal:"none"},fontStyle:{italic:"italic",normal:"normal"}};export{e as a};

package/lib/containers/Base/Base.interface.d.ts

@@ -0,0 +1,14 @@
+import { BackgroundFactoryProps, BorderFactoryProps, ColorFactoryProps, ContainerFactoryProps, DeepFactoryProps, FontFactoryProps, SizeFactoryProps, SpacingFactoryProps } from '../../factory';
+/**
+ * Conjunto de props aceitas pelo container base do design system.
+ *
+ * Composta agregando todas as "factories" do sistema (espaçamento, tamanho,
+ * cores, bordas, tipografia, deep/shadow e background). Outros containers
+ * — `Flex`, `Grid`, `Paper`, `Card`, etc. — estendem essa interface para
+ * herdar toda a API declarativa de estilo.
+ *
+ * Não é usada diretamente como prop de componente público; serve de base
+ * para as interfaces de cada container.
+ */
+export interface BaseContainerProps extends SpacingFactoryProps, SizeFactoryProps, ContainerFactoryProps, FontFactoryProps, ColorFactoryProps, BorderFactoryProps, DeepFactoryProps, BackgroundFactoryProps {
+}