@gyramais/gyra-design 0.2.48 → 0.2.49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gyramais/gyra-design",
-  "version": "0.2.48",
+  "version": "0.2.49",
   "description": "Gyramais Design System",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",

package/dist/components/Skeleton/Skeleton.d.ts

@@ -1,50 +0,0 @@
-import React from "react";
-import "./index.css";
-type SkeletonProps = {
-    id?: string;
-    className?: string;
-    /**
-     * Forma do placeholder:
-     * - `text`: linhas de texto (a ultima sai mais curta, como um paragrafo real)
-     * - `block`: retangulo cheio (grafico, mapa, tabela, imagem)
-     * - `circle`: avatar, badge, icone
-     */
-    variant?: "text" | "block" | "circle";
-    /** Quantidade de linhas. So vale para `variant="text"`. */
-    lines?: number;
-    /** Diametro do circulo. So vale para `variant="circle"`. */
-    size?: number;
-    width?: number | string;
-    height?: number | string;
-    /**
-     * Liga o brilho que varre o bloco. Padrao `true`.
-     *
-     * Passe `false` para o que esta ESPERANDO em vez de acontecendo (item na
-     * fila, seção que ainda nao comecou). O bloco parado marca o espaco sem
-     * prometer trabalho que nao esta em curso, e o movimento fica reservado
-     * para o que de fato esta sendo processado.
-     */
-    animated?: boolean;
-    /**
-     * Marca o bloco como decorativo: sai da arvore de acessibilidade e nao
-     * anuncia nada.
-     *
-     * Use quando VARIOS skeletons compoem um placeholder so (as celulas de uma
-     * tabela, as linhas de um feed) e quem anuncia o estado e' um elemento de
-     * status unico, fora deles. Sem isso, cada bloco vira uma live region e o
-     * leitor de tela repete "Carregando" uma vez por celula.
-     */
-    decorative?: boolean;
-};
-/**
- * Placeholder de carregamento no formato do conteudo que esta chegando.
- *
- * Substitui o spinner: em vez de um indicador generico no meio da tela, o
- * usuario ve a silhueta do que vai aparecer, entao o layout nao pula quando o
- * dado chega. E o padrao dos apps modernos (Stripe, Linear, GitHub).
- *
- * A animacao e um brilho que varre o bloco, desligado sob
- * `prefers-reduced-motion`.
- */
-declare const Skeleton: ({ id, className, variant, lines, size, width, height, animated, decorative, }: SkeletonProps) => React.JSX.Element;
-export { Skeleton };

package/dist/components/Skeleton/index.d.ts

@@ -1 +0,0 @@
-export * from "./Skeleton";

package/dist/components/Skeleton/index.js

@@ -1,7 +0,0 @@
-"use client";import e from"react";function t(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var r,a={exports:{}};
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/r=a,function(){var e={}.hasOwnProperty;function t(){for(var e="",t=0;t<arguments.length;t++){var r=arguments[t];r&&(e=n(e,a(r)))}return e}function a(r){if("string"==typeof r||"number"==typeof r)return r;if("object"!=typeof r)return"";if(Array.isArray(r))return t.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var a="";for(var i in r)e.call(r,i)&&r[i]&&(a=n(a,i));return a}function n(e,t){return t?e?e+" "+t:e+t:e}r.exports?(t.default=t,r.exports=t):window.classNames=t}();var n=t(a.exports);const i=({id:t,className:r,variant:a="text",lines:i=3,size:s=40,width:o,height:l,animated:c=!0,decorative:u=!1})=>{const f=c?"":"gyramais-skeleton-static",m=u?{"aria-hidden":!0}:{role:"status","aria-label":"Carregando"};if("text"===a)return e.createElement("div",{id:t,...m,className:n("gyramais-skeleton-lines",r)},Array.from({length:i}).map((t,r)=>e.createElement("span",{key:r,className:n("gyramais-skeleton gyramais-skeleton-line",f),style:{width:o??(i>1&&r===i-1?"60%":"100%"),height:l}})));const p="circle"===a;return e.createElement("span",{id:t,...m,className:n("gyramais-skeleton",`gyramais-skeleton-${a}`,f,r),style:{width:p?s:o??"100%",height:p?s:l??"100%"}})};export{i as Skeleton};
-//# sourceMappingURL=index.js.map

package/dist/components/Skeleton/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../node_modules/classnames/index.js","../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React from \"react\";\nimport classNames from \"classnames\";\nimport \"./index.css\";\n\ntype SkeletonProps = {\n  id?: string;\n  className?: string;\n  /**\n   * Forma do placeholder:\n   * - `text`: linhas de texto (a ultima sai mais curta, como um paragrafo real)\n   * - `block`: retangulo cheio (grafico, mapa, tabela, imagem)\n   * - `circle`: avatar, badge, icone\n   */\n  variant?: \"text\" | \"block\" | \"circle\";\n  /** Quantidade de linhas. So vale para `variant=\"text\"`. */\n  lines?: number;\n  /** Diametro do circulo. So vale para `variant=\"circle\"`. */\n  size?: number;\n  width?: number | string;\n  height?: number | string;\n  /**\n   * Liga o brilho que varre o bloco. Padrao `true`.\n   *\n   * Passe `false` para o que esta ESPERANDO em vez de acontecendo (item na\n   * fila, seção que ainda nao comecou). O bloco parado marca o espaco sem\n   * prometer trabalho que nao esta em curso, e o movimento fica reservado\n   * para o que de fato esta sendo processado.\n   */\n  animated?: boolean;\n  /**\n   * Marca o bloco como decorativo: sai da arvore de acessibilidade e nao\n   * anuncia nada.\n   *\n   * Use quando VARIOS skeletons compoem um placeholder so (as celulas de uma\n   * tabela, as linhas de um feed) e quem anuncia o estado e' um elemento de\n   * status unico, fora deles. Sem isso, cada bloco vira uma live region e o\n   * leitor de tela repete \"Carregando\" uma vez por celula.\n   */\n  decorative?: boolean;\n};\n\n/**\n * Placeholder de carregamento no formato do conteudo que esta chegando.\n *\n * Substitui o spinner: em vez de um indicador generico no meio da tela, o\n * usuario ve a silhueta do que vai aparecer, entao o layout nao pula quando o\n * dado chega. E o padrao dos apps modernos (Stripe, Linear, GitHub).\n *\n * A animacao e um brilho que varre o bloco, desligado sob\n * `prefers-reduced-motion`.\n */\nconst Skeleton = ({\n  id,\n  className,\n  variant = \"text\",\n  lines = 3,\n  size = 40,\n  width,\n  height,\n  animated = true,\n  decorative = false,\n}: SkeletonProps) => {\n  const motion = animated ? \"\" : \"gyramais-skeleton-static\";\n  const a11y = decorative\n    ? ({ \"aria-hidden\": true } as const)\n    : ({ role: \"status\", \"aria-label\": \"Carregando\" } as const);\n\n  if (variant === \"text\") {\n    return (\n      <div\n        id={id}\n        {...a11y}\n        className={classNames(\"gyramais-skeleton-lines\", className)}\n      >\n        {Array.from({ length: lines }).map((_, index) => (\n          <span\n            key={index}\n            className={classNames(\n              \"gyramais-skeleton gyramais-skeleton-line\",\n              motion,\n            )}\n            style={{\n              // A ultima linha sai mais curta para imitar o fim de um paragrafo.\n              width: width ?? (lines > 1 && index === lines - 1 ? \"60%\" : \"100%\"),\n              height,\n            }}\n          />\n        ))}\n      </div>\n    );\n  }\n\n  const isCircle = variant === \"circle\";\n\n  return (\n    <span\n      id={id}\n      {...a11y}\n      className={classNames(\n        \"gyramais-skeleton\",\n        `gyramais-skeleton-${variant}`,\n        motion,\n        className,\n      )}\n      style={{\n        width: isCircle ? size : (width ?? \"100%\"),\n        height: isCircle ? size : (height ?? \"100%\"),\n      }}\n    />\n  );\n};\n\nexport { Skeleton };\n"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","appendClass","parseValue","Array","isArray","apply","toString","Object","prototype","includes","key","call","value","newClass","module","exports","default","window","Skeleton","id","className","variant","lines","size","width","height","animated","decorative","motion","a11y","role","React","createElement","from","map","_","index","style","isCircle"],"mappings":";;;;;MAOC,WAGA,IAAIA,EAAS,CAAA,EAAGC,eAEhB,SAASC,IAGR,IAFA,IAAIC,EAAU,GAELC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAC1C,IAAIG,EAAMF,UAAUD,GAChBG,IACHJ,EAAUK,EAAYL,EAASM,EAAWF,IAE9C,CAEE,OAAOJ,CACT,CAEC,SAASM,EAAYF,GACpB,GAAmB,iBAARA,GAAmC,iBAARA,EACrC,OAAOA,EAGR,GAAmB,iBAARA,EACV,MAAO,GAGR,GAAIG,MAAMC,QAAQJ,GACjB,OAAOL,EAAWU,MAAM,KAAML,GAG/B,GAAIA,EAAIM,WAAaC,OAAOC,UAAUF,WAAaN,EAAIM,SAASA,WAAWG,SAAS,iBACnF,OAAOT,EAAIM,WAGZ,IAAIV,EAAU,GAEd,IAAK,IAAIc,KAAOV,EACXP,EAAOkB,KAAKX,EAAKU,IAAQV,EAAIU,KAChCd,EAAUK,EAAYL,EAASc,IAIjC,OAAOd,CACT,CAEC,SAASK,EAAaW,EAAOC,GAC5B,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQV,CAEsCE,EAAOC,SAC3CpB,EAAWqB,QAAUrB,EACrBmB,UAAiBnB,GAOjBsB,OAAOtB,WAAaA,CAEtB,CArEA,sBC4CA,MAAMuB,EAAW,EACfC,KACAC,YACAC,UAAU,OACVC,QAAQ,EACRC,OAAO,GACPC,QACAC,SACAC,YAAW,EACXC,cAAa,MAEb,MAAMC,EAASF,EAAW,GAAK,2BACzBG,EAAOF,EACR,CAAE,eAAe,GACjB,CAAEG,KAAM,SAAU,aAAc,cAErC,GAAgB,SAAZT,EACF,OACEU,EAAAC,cAAA,MAAA,CACEb,GAAIA,KACAU,EACJT,UAAWzB,EAAW,0BAA2ByB,IAEhDjB,MAAM8B,KAAK,CAAElC,OAAQuB,IAASY,IAAI,CAACC,EAAGC,IACrCL,EAAAC,cAAA,OAAA,CACEtB,IAAK0B,EACLhB,UAAWzB,EACT,2CACAiC,GAEFS,MAAO,CAELb,MAAOA,IAAUF,EAAQ,GAAKc,IAAUd,EAAQ,EAAI,MAAQ,QAC5DG,cAQZ,MAAMa,EAAuB,WAAZjB,EAEjB,OACEU,EAAAC,cAAA,OAAA,CACEb,GAAIA,KACAU,EACJT,UAAWzB,EACT,oBACA,qBAAqB0B,IACrBO,EACAR,GAEFiB,MAAO,CACLb,MAAOc,EAAWf,EAAQC,GAAS,OACnCC,OAAQa,EAAWf,EAAQE,GAAU","x_google_ignoreList":[0]}

package/dist/emails/balance-sheet-finalized/components/Skeleton/Skeleton.d.ts

@@ -1,50 +0,0 @@
-import React from "react";
-import "./index.css";
-type SkeletonProps = {
-    id?: string;
-    className?: string;
-    /**
-     * Forma do placeholder:
-     * - `text`: linhas de texto (a ultima sai mais curta, como um paragrafo real)
-     * - `block`: retangulo cheio (grafico, mapa, tabela, imagem)
-     * - `circle`: avatar, badge, icone
-     */
-    variant?: "text" | "block" | "circle";
-    /** Quantidade de linhas. So vale para `variant="text"`. */
-    lines?: number;
-    /** Diametro do circulo. So vale para `variant="circle"`. */
-    size?: number;
-    width?: number | string;
-    height?: number | string;
-    /**
-     * Liga o brilho que varre o bloco. Padrao `true`.
-     *
-     * Passe `false` para o que esta ESPERANDO em vez de acontecendo (item na
-     * fila, seção que ainda nao comecou). O bloco parado marca o espaco sem
-     * prometer trabalho que nao esta em curso, e o movimento fica reservado
-     * para o que de fato esta sendo processado.
-     */
-    animated?: boolean;
-    /**
-     * Marca o bloco como decorativo: sai da arvore de acessibilidade e nao
-     * anuncia nada.
-     *
-     * Use quando VARIOS skeletons compoem um placeholder so (as celulas de uma
-     * tabela, as linhas de um feed) e quem anuncia o estado e' um elemento de
-     * status unico, fora deles. Sem isso, cada bloco vira uma live region e o
-     * leitor de tela repete "Carregando" uma vez por celula.
-     */
-    decorative?: boolean;
-};
-/**
- * Placeholder de carregamento no formato do conteudo que esta chegando.
- *
- * Substitui o spinner: em vez de um indicador generico no meio da tela, o
- * usuario ve a silhueta do que vai aparecer, entao o layout nao pula quando o
- * dado chega. E o padrao dos apps modernos (Stripe, Linear, GitHub).
- *
- * A animacao e um brilho que varre o bloco, desligado sob
- * `prefers-reduced-motion`.
- */
-declare const Skeleton: ({ id, className, variant, lines, size, width, height, animated, decorative, }: SkeletonProps) => React.JSX.Element;
-export { Skeleton };

package/dist/emails/balance-sheet-finalized/components/Skeleton/index.d.ts

@@ -1 +0,0 @@
-export * from "./Skeleton";

package/dist/emails/email/components/Skeleton/Skeleton.d.ts

@@ -1,50 +0,0 @@
-import React from "react";
-import "./index.css";
-type SkeletonProps = {
-    id?: string;
-    className?: string;
-    /**
-     * Forma do placeholder:
-     * - `text`: linhas de texto (a ultima sai mais curta, como um paragrafo real)
-     * - `block`: retangulo cheio (grafico, mapa, tabela, imagem)
-     * - `circle`: avatar, badge, icone
-     */
-    variant?: "text" | "block" | "circle";
-    /** Quantidade de linhas. So vale para `variant="text"`. */
-    lines?: number;
-    /** Diametro do circulo. So vale para `variant="circle"`. */
-    size?: number;
-    width?: number | string;
-    height?: number | string;
-    /**
-     * Liga o brilho que varre o bloco. Padrao `true`.
-     *
-     * Passe `false` para o que esta ESPERANDO em vez de acontecendo (item na
-     * fila, seção que ainda nao comecou). O bloco parado marca o espaco sem
-     * prometer trabalho que nao esta em curso, e o movimento fica reservado
-     * para o que de fato esta sendo processado.
-     */
-    animated?: boolean;
-    /**
-     * Marca o bloco como decorativo: sai da arvore de acessibilidade e nao
-     * anuncia nada.
-     *
-     * Use quando VARIOS skeletons compoem um placeholder so (as celulas de uma
-     * tabela, as linhas de um feed) e quem anuncia o estado e' um elemento de
-     * status unico, fora deles. Sem isso, cada bloco vira uma live region e o
-     * leitor de tela repete "Carregando" uma vez por celula.
-     */
-    decorative?: boolean;
-};
-/**
- * Placeholder de carregamento no formato do conteudo que esta chegando.
- *
- * Substitui o spinner: em vez de um indicador generico no meio da tela, o
- * usuario ve a silhueta do que vai aparecer, entao o layout nao pula quando o
- * dado chega. E o padrao dos apps modernos (Stripe, Linear, GitHub).
- *
- * A animacao e um brilho que varre o bloco, desligado sob
- * `prefers-reduced-motion`.
- */
-declare const Skeleton: ({ id, className, variant, lines, size, width, height, animated, decorative, }: SkeletonProps) => React.JSX.Element;
-export { Skeleton };

package/dist/emails/email/components/Skeleton/index.d.ts

@@ -1 +0,0 @@
-export * from "./Skeleton";