@toptal/picasso 27.3.2-alpha-SP-3419-react-helmet-async.3 → 27.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/PageHelmet/PageHelmet.d.ts +1 -1
- package/PageHelmet/PageHelmet.js +1 -1
- package/PageHelmet/PageHelmet.js.map +1 -1
- package/Typography/Typography.js +1 -0
- package/Typography/Typography.js.map +1 -1
- package/Typography/utils/get-typography-class-name/get-typography-class-name.d.ts +2 -1
- package/Typography/utils/get-typography-class-name/get-typography-class-name.js +4 -2
- package/Typography/utils/get-typography-class-name/get-typography-class-name.js.map +1 -1
- package/package.json +6 -6
package/PageHelmet/PageHelmet.js
CHANGED
|
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
|
-
import { Helmet } from 'react-helmet
|
|
13
|
+
import { Helmet } from 'react-helmet';
|
|
14
14
|
export const PageHelmet = (props) => {
|
|
15
15
|
const { children } = props, rest = __rest(props, ["children"]);
|
|
16
16
|
return React.createElement(Helmet, Object.assign({}, rest), children);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageHelmet.js","sourceRoot":"","sources":["../../src/PageHelmet/PageHelmet.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,MAAM,EAAe,MAAM,
|
|
1
|
+
{"version":3,"file":"PageHelmet.js","sourceRoot":"","sources":["../../src/PageHelmet/PageHelmet.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,MAAM,EAAe,MAAM,cAAc,CAAA;AAOlD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAY,EAAE,EAAE;IACzC,MAAM,EAAE,QAAQ,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA7B,YAAqB,CAAQ,CAAA;IAEnC,OAAO,oBAAC,MAAM,oBAAK,IAAI,GAAG,QAAQ,CAAU,CAAA;AAC9C,CAAC,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}
|
package/Typography/Typography.js
CHANGED
|
@@ -31,6 +31,7 @@ export const Typography = forwardRef(function Typography(props, ref) {
|
|
|
31
31
|
underline,
|
|
32
32
|
invert,
|
|
33
33
|
lineThrough,
|
|
34
|
+
as,
|
|
34
35
|
}),
|
|
35
36
|
}, style: style, variant: toMuiVariant(variant, size), display: inline ? 'inline' : 'initial',
|
|
36
37
|
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../src/Typography/Typography.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAA6B,MAAM,OAAO,CAAA;AACpE,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,aAAa,MAAM,8BAA8B,CAAA;AAQxD,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,WAAW,MAAM,wBAAwB,CAAA;AAChD,OAAO,YAAY,MAAM,wBAAwB,CAAA;AACjD,OAAO,sBAAsB,MAAM,mCAAmC,CAAA;AAkCtE,MAAM,SAAS,GAAG,UAAU,CAAe,MAAM,EAAE;IACjD,IAAI,EAAE,mBAAmB;CAC1B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAqB,SAAS,UAAU,CAC1E,KAAK,EACL,GAAG;IAEH,MAAM,EACJ,KAAK,EACL,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,EACN,WAAW,EACX,MAAM,EACN,IAAI,GAAG,SAAS,EAChB,KAAK,EACL,SAAS,EACT,SAAS,EACT,OAAO,GAAG,MAAM,EAChB,MAAM,KAEJ,KAAK,EADJ,IAAI,UACL,KAAK,EAjBH,8JAiBL,CAAQ,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAEhC,OAAO,CACL,oBAAC,aAAa,oBACR,IAAI,IACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE;YACP,IAAI,EAAE,sBAAsB,CAAC,OAAO,EAAE;gBACpC,OAAO;gBACP,IAAI;gBACJ,KAAK;gBACL,MAAM;gBACN,SAAS;gBACT,MAAM;gBACN,WAAW;
|
|
1
|
+
{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../src/Typography/Typography.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAA6B,MAAM,OAAO,CAAA;AACpE,OAAO,EAAE,UAAU,EAAS,MAAM,0BAA0B,CAAA;AAE5D,OAAO,aAAa,MAAM,8BAA8B,CAAA;AAQxD,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,WAAW,MAAM,wBAAwB,CAAA;AAChD,OAAO,YAAY,MAAM,wBAAwB,CAAA;AACjD,OAAO,sBAAsB,MAAM,mCAAmC,CAAA;AAkCtE,MAAM,SAAS,GAAG,UAAU,CAAe,MAAM,EAAE;IACjD,IAAI,EAAE,mBAAmB;CAC1B,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAqB,SAAS,UAAU,CAC1E,KAAK,EACL,GAAG;IAEH,MAAM,EACJ,KAAK,EACL,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,EACL,MAAM,EACN,MAAM,EACN,WAAW,EACX,MAAM,EACN,IAAI,GAAG,SAAS,EAChB,KAAK,EACL,SAAS,EACT,SAAS,EACT,OAAO,GAAG,MAAM,EAChB,MAAM,KAEJ,KAAK,EADJ,IAAI,UACL,KAAK,EAjBH,8JAiBL,CAAQ,CAAA;IACT,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAEhC,OAAO,CACL,oBAAC,aAAa,oBACR,IAAI,IACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE;YACP,IAAI,EAAE,sBAAsB,CAAC,OAAO,EAAE;gBACpC,OAAO;gBACP,IAAI;gBACJ,KAAK;gBACL,MAAM;gBACN,SAAS;gBACT,MAAM;gBACN,WAAW;gBACX,EAAE;aACH,CAAC;SACH,EACD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,EACpC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;QACtC,oEAAoE;QACpE,SAAS,EAAE,EAAG,EACd,MAAM,EAAE,MAAM,KAEb,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAC/B,CACjB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,UAAU,CAAC,YAAY,GAAG;IACxB,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,MAAM;CAChB,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SizeType, ColorType } from '@toptal/picasso-shared';
|
|
2
|
-
declare const getTypographyClassName: (classes: Record<string, string>, { variant, size, color, weight, underline, invert, lineThrough, }: {
|
|
2
|
+
declare const getTypographyClassName: (classes: Record<string, string>, { variant, size, color, weight, underline, invert, lineThrough, as, }: {
|
|
3
3
|
variant: 'heading' | 'body';
|
|
4
4
|
size: SizeType<'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'> | 'inherit';
|
|
5
5
|
color?: ColorType | undefined;
|
|
@@ -7,5 +7,6 @@ declare const getTypographyClassName: (classes: Record<string, string>, { varian
|
|
|
7
7
|
underline?: "dashed" | "solid" | undefined;
|
|
8
8
|
invert?: boolean | undefined;
|
|
9
9
|
lineThrough?: boolean | undefined;
|
|
10
|
+
as?: import("react").ElementType<import("react").HTMLAttributes<HTMLElement>> | undefined;
|
|
10
11
|
}) => string;
|
|
11
12
|
export default getTypographyClassName;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import cx from 'classnames';
|
|
2
2
|
import kebabToCamelCase from '../../../utils/kebab-to-camel-case';
|
|
3
|
-
const getTypographyClassName = (classes, { variant, size, color, weight, underline, invert, lineThrough, }) => {
|
|
3
|
+
const getTypographyClassName = (classes, { variant, size, color, weight, underline, invert, lineThrough, as, }) => {
|
|
4
4
|
const variantClassName = kebabToCamelCase(`${variant}-${size}`);
|
|
5
5
|
const colorClassName = kebabToCamelCase(`${color}`);
|
|
6
6
|
const weightVariantClass = weight ? classes[weight] : undefined;
|
|
7
|
-
const weightClass = weight === 'inherit'
|
|
7
|
+
const weightClass = weight === 'inherit' || as === 'em'
|
|
8
|
+
? classes.inheritWeight
|
|
9
|
+
: weightVariantClass;
|
|
8
10
|
const underlineClass = underline ? classes[underline] : undefined;
|
|
9
11
|
return cx(classes[variantClassName], classes[colorClassName], weightClass, underlineClass, {
|
|
10
12
|
[classes.invert]: invert,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-typography-class-name.js","sourceRoot":"","sources":["../../../../src/Typography/utils/get-typography-class-name/get-typography-class-name.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,gBAAgB,MAAM,oCAAoC,CAAA;AAEjE,MAAM,sBAAsB,GAAG,CAC7B,OAA+B,EAC/B,EACE,OAAO,EACP,IAAI,EACJ,KAAK,EACL,MAAM,EACN,SAAS,EACT,MAAM,EACN,WAAW,
|
|
1
|
+
{"version":3,"file":"get-typography-class-name.js","sourceRoot":"","sources":["../../../../src/Typography/utils/get-typography-class-name/get-typography-class-name.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,YAAY,CAAA;AAG3B,OAAO,gBAAgB,MAAM,oCAAoC,CAAA;AAEjE,MAAM,sBAAsB,GAAG,CAC7B,OAA+B,EAC/B,EACE,OAAO,EACP,IAAI,EACJ,KAAK,EACL,MAAM,EACN,SAAS,EACT,MAAM,EACN,WAAW,EACX,EAAE,GAYH,EACD,EAAE;IACF,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,GAAG,OAAO,IAAI,IAAI,EAAE,CAAC,CAAA;IAC/D,MAAM,cAAc,GAAG,gBAAgB,CAAC,GAAG,KAAK,EAAE,CAAC,CAAA;IAEnD,MAAM,kBAAkB,GAAG,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAC/D,MAAM,WAAW,GACf,MAAM,KAAK,SAAS,IAAI,EAAE,KAAK,IAAI;QACjC,CAAC,CAAC,OAAO,CAAC,aAAa;QACvB,CAAC,CAAC,kBAAkB,CAAA;IAExB,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAEjE,OAAO,EAAE,CACP,OAAO,CAAC,gBAAgB,CAAC,EACzB,OAAO,CAAC,cAAc,CAAC,EACvB,WAAW,EACX,cAAc,EACd;QACE,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM;QACxB,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,WAAW;KACnC,CACF,CAAA;AACH,CAAC,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso",
|
|
3
|
-
"version": "27.3.2
|
|
3
|
+
"version": "27.3.2",
|
|
4
4
|
"description": "Toptal UI components library",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public",
|
|
@@ -28,11 +28,11 @@
|
|
|
28
28
|
"notistack": "1.0.10",
|
|
29
29
|
"react": ">=16.12.0 < 19.0.0",
|
|
30
30
|
"react-dom": ">=16.12.0 < 19.0.0",
|
|
31
|
-
"react-helmet
|
|
31
|
+
"react-helmet": "6.1.0",
|
|
32
32
|
"typescript": "~4.7.0"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@toptal/picasso-shared": "10.0.
|
|
35
|
+
"@toptal/picasso-shared": "10.0.0",
|
|
36
36
|
"ap-style-title-case": "^1.1.2",
|
|
37
37
|
"classnames": "^2.3.1",
|
|
38
38
|
"d3": "^6.7.0",
|
|
@@ -60,10 +60,11 @@
|
|
|
60
60
|
"@testing-library/jest-dom": "^5.16.5",
|
|
61
61
|
"@testing-library/react": "^13.3.0",
|
|
62
62
|
"@testing-library/react-hooks": "^8.0.1",
|
|
63
|
-
"@toptal/picasso-provider": "1.3.
|
|
63
|
+
"@toptal/picasso-provider": "1.3.1",
|
|
64
64
|
"@types/classnames": "^2.3.1",
|
|
65
65
|
"@types/d3": "^6.7.4",
|
|
66
66
|
"@types/quill": "^1.3.10",
|
|
67
|
+
"@types/react-helmet": "6.1.0",
|
|
67
68
|
"@types/react-input-mask": "^3.0.0",
|
|
68
69
|
"@types/react-router-dom": "^5.1.3",
|
|
69
70
|
"@types/styled-components": "^5.1.25",
|
|
@@ -79,6 +80,5 @@
|
|
|
79
80
|
"sideEffects": [
|
|
80
81
|
"**/styles.ts",
|
|
81
82
|
"**/styles.js"
|
|
82
|
-
]
|
|
83
|
-
"gitHead": "9d694933494a04f40f8557cdd7414e92794f8a52"
|
|
83
|
+
]
|
|
84
84
|
}
|