@ufal-lccv/gpsub-ds 0.0.21 → 0.0.22

package/dist/types/styleGuide/index.d.ts

@@ -3,6 +3,180 @@ import * as direction from './direction';
 import * as icon from './icon';
 import * as position from './position';
 declare const _default: {
+    sg: Readonly<{
+        fonts: {
+            fontFamily: {
+                fontFamilyPrimary: string;
+                fontFamilySecondary: string;
+                fontFamilyAuxiliary: string;
+            };
+            fontWeight: {
+                fontWeightLight: number;
+                fontWeightRegular: number;
+                fontWeightSemiBold: number;
+                fontWeightBold: number;
+            };
+            fontSize: {
+                fontSizeBodySm: string;
+                fontSizeBodyMd: string;
+                fontSizeBodyLg: string;
+                fontSizeTitleSm: string;
+                fontSizeTitleMd: string;
+                fontSizeTitleLg: string;
+                fontSizeH3: string;
+                fontSizeH2: string;
+                fontSizeH1: string;
+            };
+            lineHeight: {
+                lineHeightSm: (fontSize: string) => string;
+                lineHeightMd: (fontSize: string) => string;
+                lineHeightLg: (fontSize: string) => string;
+            };
+        };
+        icons: {
+            iconSizeXl: string;
+            iconSizeLg: string;
+            iconSizeMd: string;
+            iconSizeAnt: string;
+            iconSizeSm: string;
+            iconSizeXs: string;
+        };
+        avatars: {
+            avatarSizeLg: string;
+            avatarSizeMd: string;
+            avatarSizeSm: string;
+            avatarSizeXs: string;
+            avatarSizeNano: string;
+        };
+        borders: {
+            borderRadius: {
+                borderRadiusNone: string;
+                borderExtraSmall: string;
+                borderRadiusSm: string;
+                borderRadiusMd: string;
+                borderRadiusLg: string;
+                borderRadiusPill: string;
+                borderRadiusXs: string;
+            };
+            borderWidth: {
+                borderWidthNone: string;
+                borderWidthThinner: string;
+                borderWidthThin: string;
+            };
+        };
+        shadows: {
+            shadowLevelNear: string;
+            shadowLeveldistant: string;
+            shadowLevelAnt: string;
+            shadowLevelElevation: string;
+        };
+        spacings: {
+            spacingInset: {
+                spacingInsetNano: string;
+                spacingInsetXs: string;
+                spacingInsetSm: string;
+                spacingInsetMd: string;
+                spacingInsetLg: string;
+            };
+            spacingSquish: {
+                spacingSquishNano: string;
+                spacingSquishXs: string;
+                spacingSquishSm: string;
+                spacingSquishMd: string;
+                spacingSquishLg: string;
+            };
+            spacingInline: {
+                spacingInlineNano: string;
+                spacingInlineXs: string;
+                spacingInlineAnt: string;
+                spacingInlineSm: string;
+                spacingInlineMd: string;
+                spacingInlineLg: string;
+                spacingInlineXl: string;
+                spacingInlineGiant: string;
+                spacingInlineXGiant: string;
+                spacingInlineAwesome: string;
+            };
+            spacingStack: {
+                spacingStackNano: string;
+                spacingStackXs: string;
+                spacingStackAnt: string;
+                spacingStackSm: string;
+                spacingStackLowMd: string;
+                spacingStackMd: string;
+                spacingStackLg: string;
+                spacingStackXl: string;
+                spacingStackGiant: string;
+                spacingStackXGiant: string;
+                spacingStackAwesome: string;
+            };
+        };
+        colors: {
+            brandColors: {
+                colorBrandPrimary: string;
+                colorBrandSecondary: string;
+                colorBrandSecDark: string;
+                colorBrandSeSoft: string;
+                colorBrandDark: string;
+                colorBrandSoft: string;
+            };
+            backgroundColors: {
+                colorBackgroundSolo: string;
+                colorBackgroundSky: string;
+                colorBackgroundGrass: string;
+                colorBackgroundCarpet: string;
+                colorBackgroundSnow: string;
+            };
+            neutralColors: {
+                colorNeutralBlack: string;
+                colorNeutralDarkest: string;
+                colorNeutralDark: string;
+                colorNeutralCloudy: string;
+                colorNeutralCleanest: string;
+                colorNeutralClean: string;
+                colorNeutralSoft: string;
+                colorNeutralLighest: string;
+                colorNeutralLight: string;
+                colorNeutralSnow: string;
+            };
+            feedbackColors: {
+                colorFeedbackError: string;
+                colorFeedbackSuccess: string;
+                colorFeedbackWarning: string;
+                colorFeedbackInfo: string;
+                colorFeedbackNeutral: string;
+            };
+            auxiliariesColors: {
+                colorAuxOneDark: string;
+                colorAuxTwoDark: string;
+                colorAuxThreeDark: string;
+                colorAuxFourDark: string;
+                colorAuxFiveDark: string;
+                colorAuxOneLight: string;
+                colorAuxTwoLight: string;
+                colorAuxThreeLight: string;
+                colorAuxFourLight: string;
+                colorAuxFiveLight: string;
+            };
+            petrobrasColors: {
+                colorPetrobrasVerdePetrobras: string;
+                colorPetrobrasAmareloPetrobras: string;
+                colorPetrobrasVerdeAgua: string;
+                colorPetrobrasVerdeClaro: string;
+                colorPetrobrasAmareloClaro: string;
+                colorPetrobrasLaranja: string;
+                colorPetrobrasAzulEscuro: string;
+                colorPetrobrasAzulClaro: string;
+                colorPetrobrasCinza: string;
+            };
+        };
+        opacityLevels: {
+            dark: number;
+            clarifying: number;
+            clear: number;
+            light: number;
+        };
+    }>;
     direction: typeof direction;
     icon: typeof icon;
     position: typeof position;

package/dist/types/styleGuide/position.d.ts

@@ -1,3 +1,4 @@
 export type OrthogonalPositions = 'top' | 'bottom' | 'left' | 'right';
 export type DiagonalPositions = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
+export type ArrowPositions = 'start' | 'center' | 'end';
 export type Position = OrthogonalPositions | DiagonalPositions;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ufal-lccv/gpsub-ds",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "type": "module",
   "description": "Design system temporário do GP-SUB para auxiliar na futura migração para o DS Subweb 2.0",
   "repository": {
@@ -70,7 +70,8 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-hook-form": "7.55.0",
-    "sbwb-ds": "1.2.2"
+    "sbwb-ds": "1.2.2",
+    "sbwb-ds-latest": "npm:sbwb-ds@^3.18.0"
   },
   "dependencies": {
     "debounce": "^1.2.1",

package/dist/RequiredLabel.view-Dn02h8aL.cjs

@@ -1 +0,0 @@
-"use strict";const r=require("./Tooltip.view-DGl4VmmK.cjs"),h=require("react"),e=require("sbwb-ds"),m=({width:n="100%",height:i="fit-content",type:o,title:t,message:c,margin:x,open:a=!0,onClose:l,canClose:p=!0})=>{var d,u;const[j,b]=h.useState(a),s={info:{backgroundColor:"#D5EBFD",borderColor:e.sg.colors.feedbackColors.colorFeedbackInfo,icon:r.jsxRuntimeExports.jsx(r.InfoFill_default,{color:e.sg.colors.feedbackColors.colorFeedbackInfo,height:"20px",width:"20px"})},success:{backgroundColor:"#DAF9DB",borderColor:e.sg.colors.feedbackColors.colorFeedbackSuccess,icon:r.jsxRuntimeExports.jsx(r.CheckCircleFill_default,{color:e.sg.colors.feedbackColors.colorFeedbackSuccess,height:"20px",width:"20px"})},warning:{backgroundColor:"#FEEECF",borderColor:e.sg.colors.feedbackColors.colorFeedbackWarning},error:{backgroundColor:"#FFE1E1",borderColor:e.sg.colors.feedbackColors.colorFeedbackError,icon:r.jsxRuntimeExports.jsx(r.ErrorFill_default,{color:e.sg.colors.feedbackColors.colorFeedbackError,height:"20px",width:"20px"})}};function g(){b(!1),l==null||l()}return r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:j?r.jsxRuntimeExports.jsxs(r.Container,{width:n,height:i,direction:"horizontal",verticalAlign:t?"top":"center",gap:e.sg.spacings.spacingInset.spacingInsetXs,padding:e.sg.spacings.spacingInline.spacingInlineSm,backgroundColor:(d=s==null?void 0:s[o])==null?void 0:d.backgroundColor,customStyles:{border:`1px solid ${(u=s==null?void 0:s[o])==null?void 0:u.borderColor}`,borderRadius:e.sg.borders.borderRadius.borderRadiusSm,margin:x,position:"relative"},children:[o==="warning"?r.jsxRuntimeExports.jsx(r.ContainerWarning,{children:r.jsxRuntimeExports.jsx(r.WarningFill_default,{width:"20px",height:"20px"})}):r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:s==null?void 0:s[o].icon}),r.jsxRuntimeExports.jsxs(r.Container,{width:"100%",flex:"1",height:"100%",children:[r.jsxRuntimeExports.jsx(r.Title,{children:t}),r.jsxRuntimeExports.jsx(r.Message,{children:c})]}),p&&r.jsxRuntimeExports.jsx(r.Container,{children:r.jsxRuntimeExports.jsx(r.Close_default,{color:e.sg.colors.neutralColors.colorNeutralCloudy,cursor:"pointer",onClick:g,height:"20px",width:"20px"})})]}):r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{})})},E=({label:n,labelRender:i,infoProps:o={},withInfo:t=!0,flex:c,width:x="100%",isRequired:a=!1})=>{const l={tooltipProps:{position:"top",...o==null?void 0:o.tooltipProps,size:"Small"}};return r.jsxRuntimeExports.jsxs(r.Container,{width:x,direction:"horizontal",gap:"4px",flex:c,children:[i??r.jsxRuntimeExports.jsxs(r.Label$1,{children:[n," ",a?r.jsxRuntimeExports.jsx(r.Required,{children:"*"}):null]}),t&&r.jsxRuntimeExports.jsx(r.Info,{...l})]})},R=({width:n="100%",flex:i,label:o="Obrigatório",margin:t="0 0 16px 0"})=>r.jsxRuntimeExports.jsx(r.Container,{width:n,flex:i,customStyles:{margin:t},children:r.jsxRuntimeExports.jsx(r.Label$2,{children:`* ${o}`})});exports.AlertInline=m;exports.LabelField=E;exports.RequiredLabelView=R;