@ufal-lccv/gpsub-ds 0.0.21 → 0.0.23

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,120 +1,121 @@
-{
-  "name": "@ufal-lccv/gpsub-ds",
-  "version": "0.0.21",
-  "type": "module",
-  "description": "Design system temporário do GP-SUB para auxiliar na futura migração para o DS Subweb 2.0",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Subweb-LCCV/gpsub-ds.git"
-  },
-  "main": "dist/index.cjs.js",
-  "types": "dist/index.d.ts",
-  "module": "dist/index.es.js",
-  "exports": {
-    ".": {
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.cjs.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./components": {
-      "import": "./dist/components/index.es.js",
-      "require": "./dist/components/index.cjs.js",
-      "types": "./dist/components/index.d.ts"
-    },
-    "./components/atoms": {
-      "import": "./dist/components/atoms/index.es.js",
-      "require": "./dist/components/atoms/index.cjs.js",
-      "types": "./dist/components/atoms/index.d.ts"
-    },
-    "./components/molecules": {
-      "import": "./dist/components/molecules/index.es.js",
-      "require": "./dist/components/molecules/index.cjs.js",
-      "types": "./dist/components/molecules/index.d.ts"
-    },
-    "./components/organisms": {
-      "import": "./dist/components/organisms/index.es.js",
-      "require": "./dist/components/organisms/index.cjs.js",
-      "types": "./dist/components/organisms/index.d.ts"
-    },
-    "./helpers": {
-      "import": "./dist/helpers/index.es.js",
-      "require": "./dist/helpers/index.cjs.js",
-      "types": "./dist/helpers/index.d.ts"
-    }
-  },
-  "files": [
-    "dist/",
-    "dist/components",
-    "dist/components/atoms",
-    "dist/components/molecules",
-    "dist/components/organisms",
-    "dist/helpers"
-  ],
-  "scripts": {
-    "publish:public": "docker compose run --rm npm run build && npm publish --access public",
-    "publish:private": "docker compose run --rm npm run build && npm publish --access restricted",
-    "publish:alpha": "docker compose run --rm npm run build && npm publish --access public --tag alpha",
-    "clean": "rimraf -rf dist",
-    "build": "npm run clean && vite build",
-    "build:watch": "vite build --watch",
-    "build:publish": "docker compose run --rm npm run build && npm run publish",
-    "lint": "eslint . --ext .ts,.tsx && tsc",
-    "lint:fix": "eslint . --ext .ts,.tsx --fix",
-    "prettier:fix": "prettier --write .",
-    "prettier:check": "prettier --check ."
-  },
-  "keywords": [],
-  "author": "Eric Macedo Cabral",
-  "license": "ISC",
-  "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-hook-form": "7.55.0",
-    "sbwb-ds": "1.2.2"
-  },
-  "dependencies": {
-    "debounce": "^1.2.1",
-    "postmate": "^1.5.2",
-    "react-datepicker": "^4.18.0",
-    "react-router-dom": "^6.9.0",
-    "react-text-mask": "^5.5.0",
-    "sbwb-icons": "1.2.0",
-    "styled-components": "^5.3.9"
-  },
-  "resolutions": {
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "sbwb-ds": "1.2.2"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.21.3",
-    "@changesets/cli": "^2.29.4",
-    "@swc/core": "^1.3.40",
-    "@trivago/prettier-plugin-sort-imports": "^5.2.2",
-    "@types/node": "^24.0.3",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
-    "@typescript-eslint/eslint-plugin": "^6.4.0",
-    "@typescript-eslint/parser": "^6.4.0",
-    "@vitejs/plugin-react": "^4.7.0",
-    "babel-loader": "^8.3.0",
-    "eslint": "^8.57.1",
-    "eslint-config-airbnb-typescript": "^17.1.0",
-    "eslint-config-prettier": "^8.7.0",
-    "eslint-config-standard-with-typescript": "^43.0.1",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-n": "^15.6.1",
-    "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-react": "^7.32.2",
-    "prettier": "^3.5.3",
-    "pretty-quick": "^4.1.1",
-    "rimraf": "^5.0.10",
-    "sbwb-ds": "1.2.2",
-    "typescript": "^5.6.3",
-    "vite": "^5.4.10",
-    "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-svgr": "^4.3.0"
-  }
-}
+{
+  "name": "@ufal-lccv/gpsub-ds",
+  "version": "0.0.23",
+  "type": "module",
+  "description": "Design system temporário do GP-SUB para auxiliar na futura migração para o DS Subweb 2.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Subweb-LCCV/gpsub-ds.git"
+  },
+  "main": "dist/index.cjs.js",
+  "types": "dist/index.d.ts",
+  "module": "dist/index.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./components": {
+      "import": "./dist/components/index.es.js",
+      "require": "./dist/components/index.cjs.js",
+      "types": "./dist/components/index.d.ts"
+    },
+    "./components/atoms": {
+      "import": "./dist/components/atoms/index.es.js",
+      "require": "./dist/components/atoms/index.cjs.js",
+      "types": "./dist/components/atoms/index.d.ts"
+    },
+    "./components/molecules": {
+      "import": "./dist/components/molecules/index.es.js",
+      "require": "./dist/components/molecules/index.cjs.js",
+      "types": "./dist/components/molecules/index.d.ts"
+    },
+    "./components/organisms": {
+      "import": "./dist/components/organisms/index.es.js",
+      "require": "./dist/components/organisms/index.cjs.js",
+      "types": "./dist/components/organisms/index.d.ts"
+    },
+    "./helpers": {
+      "import": "./dist/helpers/index.es.js",
+      "require": "./dist/helpers/index.cjs.js",
+      "types": "./dist/helpers/index.d.ts"
+    }
+  },
+  "files": [
+    "dist/",
+    "dist/components",
+    "dist/components/atoms",
+    "dist/components/molecules",
+    "dist/components/organisms",
+    "dist/helpers"
+  ],
+  "scripts": {
+    "publish:public": "docker compose run --rm npm run build && npm publish --access public",
+    "publish:private": "docker compose run --rm npm run build && npm publish --access restricted",
+    "publish:alpha": "docker compose run --rm npm run build && npm publish --access public --tag alpha",
+    "clean": "rimraf -rf dist",
+    "build": "npm run clean && vite build",
+    "build:watch": "vite build --watch",
+    "build:publish": "docker compose run --rm npm run build && npm run publish",
+    "lint": "eslint . --ext .ts,.tsx && tsc",
+    "lint:fix": "eslint . --ext .ts,.tsx --fix",
+    "prettier:fix": "prettier --write .",
+    "prettier:check": "prettier --check ."
+  },
+  "keywords": [],
+  "author": "Eric Macedo Cabral",
+  "license": "ISC",
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-hook-form": "7.55.0",
+    "sbwb-ds": "1.2.2",
+    "sbwb-ds-latest": "npm:sbwb-ds@^3.18.0"
+  },
+  "dependencies": {
+    "debounce": "^1.2.1",
+    "postmate": "^1.5.2",
+    "react-datepicker": "^4.18.0",
+    "react-router-dom": "^6.9.0",
+    "react-text-mask": "^5.5.0",
+    "sbwb-icons": "1.2.0",
+    "styled-components": "^5.3.9"
+  },
+  "resolutions": {
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "sbwb-ds": "1.2.2"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.21.3",
+    "@changesets/cli": "^2.29.4",
+    "@swc/core": "^1.3.40",
+    "@trivago/prettier-plugin-sort-imports": "^5.2.2",
+    "@types/node": "^24.0.3",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "@typescript-eslint/eslint-plugin": "^6.4.0",
+    "@typescript-eslint/parser": "^6.4.0",
+    "@vitejs/plugin-react": "^4.7.0",
+    "babel-loader": "^8.3.0",
+    "eslint": "^8.57.1",
+    "eslint-config-airbnb-typescript": "^17.1.0",
+    "eslint-config-prettier": "^8.7.0",
+    "eslint-config-standard-with-typescript": "^43.0.1",
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-n": "^15.6.1",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-react": "^7.32.2",
+    "prettier": "^3.5.3",
+    "pretty-quick": "^4.1.1",
+    "rimraf": "^5.0.10",
+    "sbwb-ds": "1.2.2",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.10",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-svgr": "^4.3.0"
+  }
+}

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;

package/dist/Title.view-Bw6K4U1v.cjs

@@ -1 +0,0 @@
-"use strict";const t=require("./Tooltip.view-DGl4VmmK.cjs"),l=require("sbwb-ds"),j=require("react"),h=require("./index-BcwQwoIM.cjs"),p=({message:r})=>t.jsxRuntimeExports.jsxs(t.ErrorMessage,{children:[t.jsxRuntimeExports.jsx(t.InfoFill_default,{color:l.sg.colors.feedbackColors.colorFeedbackError}),r]});function E({title:r,icon:i,onClick:s,disabled:e=!1}){return t.jsxRuntimeExports.jsxs(t.CardContainer,{onClick:()=>!e&&(s==null?void 0:s()),disabled:e,children:[t.jsxRuntimeExports.jsx(t.IconContainer,{disabled:e,children:i}),t.jsxRuntimeExports.jsx(t.Title$1,{children:r})]})}const d=({id:r,label:i,size:s="Medium",disabled:e=!1,onChange:n,checked:o})=>{const[x,u]=j.useState(o??!1);return j.useEffect(()=>{u(c=>o??!c)},[o]),t.jsxRuntimeExports.jsxs(t.SwitchContainer,{id:`switch-${r}`,"data-testid":"switch-component",children:[t.jsxRuntimeExports.jsxs(t.SwitchWrapper,{size:s,disabled:e,checked:o??x,"data-testid":"switch-wrapper",children:[t.jsxRuntimeExports.jsx(t.SwitchToggle,{type:"checkbox",disabled:e,checked:o??x,"data-testid":"switch-toggle",onChange:c=>{const{target:{checked:a}}=c;h.valuable(a)&&u(a),n==null||n(c)}}),t.jsxRuntimeExports.jsx(t.SwitchButton,{disabled:e,size:s})]}),t.jsxRuntimeExports.jsx(t.SwitchLabel,{size:s,disabled:e,children:i})]})},w=({text:r,color:i})=>t.jsxRuntimeExports.jsx(t.Title$2,{color:i,children:r});exports.ErrorMessage=p;exports.LibraryCard=E;exports.Switch=d;exports.Title=w;

package/dist/Title.view-lFI_ZPGv.js

@@ -1,74 +0,0 @@
-import { l as t, x, o as f, y as u, z as d, D as j, G as p, H as m, J as w, K as S, N as E, O as g } from "./Tooltip.view-B2Qudmep.js";
-import { sg as T } from "sbwb-ds";
-import { useState as $, useEffect as y } from "react";
-import { v as L } from "./index-_v6RoRxb.js";
-const b = ({ message: r }) => /* @__PURE__ */ t.jsxs(x, { children: [
-  /* @__PURE__ */ t.jsx(f, { color: T.colors.feedbackColors.colorFeedbackError }),
-  r
-] });
-function k({
-  title: r,
-  icon: a,
-  onClick: e,
-  disabled: s = !1
-}) {
-  return /* @__PURE__ */ t.jsxs(
-    u,
-    {
-      onClick: () => !s && (e == null ? void 0 : e()),
-      disabled: s,
-      children: [
-        /* @__PURE__ */ t.jsx(d, { disabled: s, children: a }),
-        /* @__PURE__ */ t.jsx(j, { children: r })
-      ]
-    }
-  );
-}
-const B = ({
-  id: r,
-  label: a,
-  size: e = "Medium",
-  disabled: s = !1,
-  onChange: i,
-  checked: o
-}) => {
-  const [n, l] = $(o ?? !1);
-  return y(() => {
-    l((c) => o ?? !c);
-  }, [o]), /* @__PURE__ */ t.jsxs(p, { id: `switch-${r}`, "data-testid": "switch-component", children: [
-    /* @__PURE__ */ t.jsxs(
-      m,
-      {
-        size: e,
-        disabled: s,
-        checked: o ?? n,
-        "data-testid": "switch-wrapper",
-        children: [
-          /* @__PURE__ */ t.jsx(
-            w,
-            {
-              type: "checkbox",
-              disabled: s,
-              checked: o ?? n,
-              "data-testid": "switch-toggle",
-              onChange: (c) => {
-                const {
-                  target: { checked: h }
-                } = c;
-                L(h) && l(h), i == null || i(c);
-              }
-            }
-          ),
-          /* @__PURE__ */ t.jsx(S, { disabled: s, size: e })
-        ]
-      }
-    ),
-    /* @__PURE__ */ t.jsx(E, { size: e, disabled: s, children: a })
-  ] });
-}, C = ({ text: r, color: a }) => /* @__PURE__ */ t.jsx(g, { color: a, children: r });
-export {
-  b as E,
-  k as L,
-  B as S,
-  C as T
-};