@fvc/typography 1.2.0 → 1.2.1

package/dist/lib/index.js

@@ -1,6 +1,6 @@
-import t,{useMemo as e}from"react";import{Typography as r}from"antd";import{cssVarResolver as o}from"@fvc/utils";function n(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}"function"==typeof SuppressedError&&SuppressedError;var a,p={exports:{}};
+import{Typography as t}from"antd";import e,{useMemo as r}from"react";import{cssVarResolver as o}from"@fvc/utils";function n(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}"function"==typeof SuppressedError&&SuppressedError;var a,p={exports:{}};
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/var l,i=n((a||(a=1,l=p,function(){var t={}.hasOwnProperty;function e(){for(var t="",e=0;e<arguments.length;e++){var n=arguments[e];n&&(t=o(t,r(n)))}return t}function r(r){if("string"==typeof r||"number"==typeof r)return r;if("object"!=typeof r)return"";if(Array.isArray(r))return e.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var n="";for(var a in r)t.call(r,a)&&r[a]&&(n=o(n,a));return n}function o(t,e){return e?t?t+" "+e:t+e:t}l.exports?(e.default=e,l.exports=e):window.classNames=e}()),p.exports));!function(t,e){void 0===e&&(e={});var r=e.insertAt;if("undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===r&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}('.fvc-typography + h1.fvc-typography, .fvc-typography + h2.fvc-typography, .fvc-typography + h3.fvc-typography, .fvc-typography + h4.fvc-typography, .fvc-typography + h5.fvc-typography,\n.fvc-typography p,\n.fvc-typography div {\n  margin: 0;\n}\n\n.fvc-typography {\n  color: var(--text-color, var(--body-text-color-1000));\n  font-family: var(--text-ff, "Roboto", sans-serif);\n}\n\narticle.fvc-typography,\nspan.fvc-typography,\ndiv.fvc-typography {\n  color: var(--text-color, var(--body-text-color-1000));\n  font-size: var(--text-fz, 16px);\n  font-weight: var(--text-fw, 400);\n  line-height: var(--text-lh, 20px);\n}\n\na.fvc-typography {\n  color: var(--text-color, var(--body-text-color-1000));\n  font-size: var(--text-fz, 16px);\n  font-weight: var(--text-fw, 400);\n  line-height: var(--text-lh, 20px);\n  color: var(--text-color, var(--link-on-light-bg-color-500));\n  text-decoration: underline;\n}\na.fvc-typography:hover {\n  color: var(--text-color, var(--link-on-light-bg-color-500));\n}\n\nh1.fvc-typography {\n  color: var(--text-color, var(--body-text-color-1000));\n  font-size: var(--text-fz, 32px);\n  font-weight: var(--text-fw, 700);\n  line-height: var(--text-lh, 32px);\n}\n\nh2.fvc-typography {\n  color: var(--text-color, var(--body-text-color-1000));\n  font-size: var(--text-fz, 24px);\n  font-weight: var(--text-fw, 700);\n  line-height: var(--text-lh, 32px);\n}\n\nh3.fvc-typography {\n  color: var(--text-color, var(--body-text-color-1000));\n  font-size: var(--text-fz, 20px);\n  font-weight: var(--text-fw, 700);\n  line-height: var(--text-lh, 20px);\n}\n\nh4.fvc-typography {\n  color: var(--text-color, var(--body-text-color-1000));\n  font-size: var(--text-fz, 13px);\n  font-weight: var(--text-fw, 700);\n  line-height: var(--text-lh, 17px);\n  text-transform: uppercase;\n}\n\nh5.fvc-typography {\n  color: var(--text-color, var(--body-text-color-1000));\n  font-size: var(--text-fz, 14px);\n  font-weight: var(--text-fw, 700);\n  line-height: var(--text-lh, 17px);\n}');const c="fvc-typography";function f(r){const n=n=>{var{align:a,color:p,className:l,font:f="Montserrat",lineHeight:y,size:h,testId:v,underline:x=!1,weight:s}=n,g=function(t,e){var r={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(r[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(t);n<o.length;n++)e.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(t,o[n])&&(r[o[n]]=t[o[n]])}return r}(n,["align","color","className","font","lineHeight","size","testId","underline","weight"]);const d=i(c,l,{[`${c}-underline`]:x}),u=e((()=>Object.assign({"--text-color":p,"--text-ff":f,"--text-lh":o(y),"--text-fz":o(h),"--text-fw":s,"--text-align":a},g.style)),[a,p,f,y,g.style,h,s]);return t.createElement(r,Object.assign({},g,{prefixCls:c,className:d,"data-test-id":v,style:u}))};return n.displayName=r.displayName,n}const y=f(r),h=f(r.Title),v=f(r.Text),x=f(r.Paragraph),s=f(r.Link);y.Title=h,y.Text=v,y.Paragraph=x,y.Link=s;export{y as Typography};
+*/var l,i=n((a||(a=1,l=p,function(){var t={}.hasOwnProperty;function e(){for(var t="",e=0;e<arguments.length;e++){var n=arguments[e];n&&(t=o(t,r(n)))}return t}function r(r){if("string"==typeof r||"number"==typeof r)return r;if("object"!=typeof r)return"";if(Array.isArray(r))return e.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var n="";for(var a in r)t.call(r,a)&&r[a]&&(n=o(n,a));return n}function o(t,e){return e?t?t+" "+e:t+e:t}l.exports?(e.default=e,l.exports=e):window.classNames=e}()),p.exports));!function(t,e){void 0===e&&(e={});var r=e.insertAt;if("undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===r&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=t:n.appendChild(document.createTextNode(t))}}('.fvc-typography + h1.fvc-typography, .fvc-typography + h2.fvc-typography, .fvc-typography + h3.fvc-typography, .fvc-typography + h4.fvc-typography, .fvc-typography + h5.fvc-typography,\n.fvc-typography p,\n.fvc-typography div {\n  margin: 0;\n}\n\n.fvc-typography {\n  color: var(--text-color, var(--body-text-color-1000));\n  font-family: var(--text-ff, "Roboto", sans-serif);\n}\n\narticle.fvc-typography,\nspan.fvc-typography,\ndiv.fvc-typography {\n  color: var(--text-color, var(--body-text-color-1000));\n  font-size: var(--text-fz, 16px);\n  font-weight: var(--text-fw, 400);\n  line-height: var(--text-lh, 20px);\n}\n\na.fvc-typography {\n  color: var(--text-color, var(--body-text-color-1000));\n  font-size: var(--text-fz, 16px);\n  font-weight: var(--text-fw, 400);\n  line-height: var(--text-lh, 20px);\n  color: var(--text-color, var(--link-on-light-bg-color-500));\n  text-decoration: underline;\n}\n\na.fvc-typography:hover {\n  color: var(--text-color, var(--link-on-light-bg-color-500));\n}\n\nh1.fvc-typography {\n  color: var(--text-color, var(--body-text-color-1000));\n  font-size: var(--text-fz, 32px);\n  font-weight: var(--text-fw, 700);\n  line-height: var(--text-lh, 32px);\n}\n\nh2.fvc-typography {\n  color: var(--text-color, var(--body-text-color-1000));\n  font-size: var(--text-fz, 24px);\n  font-weight: var(--text-fw, 700);\n  line-height: var(--text-lh, 32px);\n}\n\nh3.fvc-typography {\n  color: var(--text-color, var(--body-text-color-1000));\n  font-size: var(--text-fz, 20px);\n  font-weight: var(--text-fw, 700);\n  line-height: var(--text-lh, 20px);\n}\n\nh4.fvc-typography {\n  color: var(--text-color, var(--body-text-color-1000));\n  font-size: var(--text-fz, 13px);\n  font-weight: var(--text-fw, 700);\n  line-height: var(--text-lh, 17px);\n  text-transform: uppercase;\n}\n\nh5.fvc-typography {\n  color: var(--text-color, var(--body-text-color-1000));\n  font-size: var(--text-fz, 14px);\n  font-weight: var(--text-fw, 700);\n  line-height: var(--text-lh, 17px);\n}');const c="fvc-typography";function f(t){const n=n=>{var{align:a,color:p,className:l,font:f="Montserrat",lineHeight:y,size:h,testId:v,underline:x=!1,weight:s}=n,g=function(t,e){var r={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(r[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(t);n<o.length;n++)e.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(t,o[n])&&(r[o[n]]=t[o[n]])}return r}(n,["align","color","className","font","lineHeight","size","testId","underline","weight"]);const d=i(c,l,{[`${c}-underline`]:x}),u=r(()=>Object.assign({"--text-color":p,"--text-ff":f,"--text-lh":o(y),"--text-fz":o(h),"--text-fw":s,"--text-align":a},g.style),[a,p,f,y,g.style,h,s]);return e.createElement(t,Object.assign({},g,{prefixCls:c,className:d,"data-test-id":v,style:u}))};return n.displayName=t.displayName,n}const y=f(t),h=f(t.Title),v=f(t.Text),x=f(t.Paragraph),s=f(t.Link);y.Title=h,y.Text=v,y.Paragraph=x,y.Link=s;export{y as Typography};

package/dist/lib/typography/src/types/Typography.types.d.ts

@@ -1,9 +1,10 @@
-import { JSX, ForwardRefExoticComponent, RefAttributes, CSSProperties } from 'react';
+import { Typography as DefaultTypography } from 'antd';
 import { LinkProps as DefaultLinkProps } from 'antd/es/typography/Link';
 import { ParagraphProps as DefaultParagraphProps } from 'antd/es/typography/Paragraph';
 import { TextProps as DefaultTextProps } from 'antd/es/typography/Text';
 import { TitleProps as DefaultTitleProps } from 'antd/es/typography/Title';
 import OriginTypography, { TypographyProps as DefaultTypographyProps } from 'antd/es/typography/Typography';
+import { JSX, ForwardRefExoticComponent, RefAttributes, CSSProperties } from 'react';
 type BaseType = 'black' | 'white' | 'blue' | 'gray' | 'green' | 'light-gray' | 'dark-gray' | 'darker-gray' | 'label' | 'bold';
 type BaseFontType = 'Roboto' | 'Montserrat';
 type BaseSizeType = '12' | '13' | '14' | '16' | '20' | '24' | '32' | number;
@@ -33,4 +34,5 @@ export type TypographyComponent = OriginTypography & {
     Paragraph: ForwardRefExoticComponent<ParagraphProps & RefAttributes<HTMLElement>>;
 };
 export type ComponentProps = TypographyProps & TitleProps & ParagraphProps & TextProps & LinkProps;
+export type TypographyComponentType = typeof DefaultTypography | typeof DefaultTypography.Title | typeof DefaultTypography.Text | typeof DefaultTypography.Paragraph | typeof DefaultTypography.Link;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fvc/typography",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "main": "./dist/lib/index.js",
   "types": "./dist/lib/typography/src/index.d.ts",
   "files": [
@@ -18,11 +18,13 @@
     }
   },
   "scripts": {
-    "build": "rm -rf dist && rm -rf .rollup.cache && eslint --config ../../eslint.config.js . && bunx tsc --noEmit && rollup -c ./rollup.config.mjs"
-  },
-  "dependencies": {
-    "react": "^18.0.0",
-    "antd": "^5.0.0"
+    "build": "rollup -c ./rollup.config.mjs",
+    "clean": "rm -rf dist && rm -rf .rollup.cache && rm -rf .turbo",
+    "lint": "eslint --config ../../eslint.config.js \"src/**/*.{ts,tsx}\"",
+    "lint:fix": "eslint --config ../../eslint.config.js \"src/**/*.{ts,tsx}\" --fix",
+    "format": "prettier --write \"src/**/*.{ts,tsx}\"",
+    "type-check": "tsc --noEmit",
+    "test": "bun test --preload ../../tests/happydom.ts --preload ../../tests/testing-library.tsx"
   },
   "peerDependencies": {
     "@fvc/utils": "*",