@khanacademy/wonder-blocks-typography 2.1.15 → 2.1.16
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/CHANGELOG.md +8 -0
- package/dist/components/body-monospace.d.ts +3 -3
- package/dist/components/body-serif-block.d.ts +3 -3
- package/dist/components/body-serif.d.ts +3 -3
- package/dist/components/body.d.ts +3 -3
- package/dist/components/caption.d.ts +3 -3
- package/dist/components/footnote.d.ts +3 -3
- package/dist/components/heading-large.d.ts +3 -3
- package/dist/components/heading-medium.d.ts +3 -3
- package/dist/components/heading-small.d.ts +3 -3
- package/dist/components/heading-xsmall.d.ts +3 -3
- package/dist/components/label-large.d.ts +3 -3
- package/dist/components/label-medium.d.ts +3 -3
- package/dist/components/label-small.d.ts +3 -3
- package/dist/components/label-xsmall.d.ts +3 -3
- package/dist/components/tagline.d.ts +3 -3
- package/dist/components/title.d.ts +3 -3
- package/package.json +2 -2
- package/src/components/__tests__/title.test.tsx +0 -28
- package/src/components/body-monospace.md +0 -14
- package/src/components/body-monospace.tsx +0 -24
- package/src/components/body-serif-block.tsx +0 -24
- package/src/components/body-serif.tsx +0 -24
- package/src/components/body.tsx +0 -19
- package/src/components/caption.tsx +0 -24
- package/src/components/footnote.tsx +0 -24
- package/src/components/heading-large.tsx +0 -24
- package/src/components/heading-medium.tsx +0 -24
- package/src/components/heading-small.tsx +0 -24
- package/src/components/heading-xsmall.tsx +0 -24
- package/src/components/label-large.tsx +0 -24
- package/src/components/label-medium.tsx +0 -24
- package/src/components/label-small.tsx +0 -24
- package/src/components/label-xsmall.tsx +0 -24
- package/src/components/tagline.tsx +0 -24
- package/src/components/title.tsx +0 -19
- package/src/index.ts +0 -77
- package/src/util/styles.ts +0 -155
- package/tsconfig-build.json +0 -11
- package/tsconfig-build.tsbuildinfo +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @khanacademy/wonder-blocks-typography
|
|
2
2
|
|
|
3
|
+
## 2.1.16
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 02a1b298: Make sure we don't package tsconfig and tsbuildinfo files
|
|
8
|
+
- Updated dependencies [02a1b298]
|
|
9
|
+
- @khanacademy/wonder-blocks-core@7.0.1
|
|
10
|
+
|
|
3
11
|
## 2.1.15
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -11,8 +11,8 @@ declare const BodyMonospace: React.ForwardRefExoticComponent<Pick<{
|
|
|
11
11
|
title?: string | undefined;
|
|
12
12
|
"data-modal-launcher-portal"?: boolean | undefined;
|
|
13
13
|
"data-placement"?: string | undefined;
|
|
14
|
-
} & Readonly<import("
|
|
15
|
-
role?: import("
|
|
14
|
+
} & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
|
|
15
|
+
role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
|
|
16
16
|
}> & {
|
|
17
17
|
onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
18
18
|
onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
@@ -50,5 +50,5 @@ declare const BodyMonospace: React.ForwardRefExoticComponent<Pick<{
|
|
|
50
50
|
onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
|
|
51
51
|
} & {
|
|
52
52
|
tag?: string | undefined;
|
|
53
|
-
} & React.RefAttributes<unknown>, keyof import("
|
|
53
|
+
} & React.RefAttributes<unknown>, keyof import("@khanacademy/wonder-blocks-core").AriaAttributes | "role" | "style" | "title" | "children" | "tag" | "testId" | "lang" | "className" | "htmlFor" | "tabIndex" | "id" | "data-modal-launcher-portal" | "data-placement" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onClick" | "onDoubleClick" | "onMouseEnter" | "onMouseLeave" | "onMouseOut" | "onMouseOver" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onChange" | "onInput" | "onInvalid" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchMove" | "onTouchStart" | "onFocus" | "onBlur" | "key"> & React.RefAttributes<unknown>>;
|
|
54
54
|
export default BodyMonospace;
|
|
@@ -11,8 +11,8 @@ declare const BodySerifBlock: React.ForwardRefExoticComponent<Pick<{
|
|
|
11
11
|
title?: string | undefined;
|
|
12
12
|
"data-modal-launcher-portal"?: boolean | undefined;
|
|
13
13
|
"data-placement"?: string | undefined;
|
|
14
|
-
} & Readonly<import("
|
|
15
|
-
role?: import("
|
|
14
|
+
} & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
|
|
15
|
+
role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
|
|
16
16
|
}> & {
|
|
17
17
|
onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
18
18
|
onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
@@ -50,5 +50,5 @@ declare const BodySerifBlock: React.ForwardRefExoticComponent<Pick<{
|
|
|
50
50
|
onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
|
|
51
51
|
} & {
|
|
52
52
|
tag?: string | undefined;
|
|
53
|
-
} & React.RefAttributes<unknown>, keyof import("
|
|
53
|
+
} & React.RefAttributes<unknown>, keyof import("@khanacademy/wonder-blocks-core").AriaAttributes | "role" | "style" | "title" | "children" | "tag" | "testId" | "lang" | "className" | "htmlFor" | "tabIndex" | "id" | "data-modal-launcher-portal" | "data-placement" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onClick" | "onDoubleClick" | "onMouseEnter" | "onMouseLeave" | "onMouseOut" | "onMouseOver" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onChange" | "onInput" | "onInvalid" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchMove" | "onTouchStart" | "onFocus" | "onBlur" | "key"> & React.RefAttributes<unknown>>;
|
|
54
54
|
export default BodySerifBlock;
|
|
@@ -11,8 +11,8 @@ declare const BodySerif: React.ForwardRefExoticComponent<Pick<{
|
|
|
11
11
|
title?: string | undefined;
|
|
12
12
|
"data-modal-launcher-portal"?: boolean | undefined;
|
|
13
13
|
"data-placement"?: string | undefined;
|
|
14
|
-
} & Readonly<import("
|
|
15
|
-
role?: import("
|
|
14
|
+
} & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
|
|
15
|
+
role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
|
|
16
16
|
}> & {
|
|
17
17
|
onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
18
18
|
onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
@@ -50,5 +50,5 @@ declare const BodySerif: React.ForwardRefExoticComponent<Pick<{
|
|
|
50
50
|
onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
|
|
51
51
|
} & {
|
|
52
52
|
tag?: string | undefined;
|
|
53
|
-
} & React.RefAttributes<unknown>, keyof import("
|
|
53
|
+
} & React.RefAttributes<unknown>, keyof import("@khanacademy/wonder-blocks-core").AriaAttributes | "role" | "style" | "title" | "children" | "tag" | "testId" | "lang" | "className" | "htmlFor" | "tabIndex" | "id" | "data-modal-launcher-portal" | "data-placement" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onClick" | "onDoubleClick" | "onMouseEnter" | "onMouseLeave" | "onMouseOut" | "onMouseOver" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onChange" | "onInput" | "onInvalid" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchMove" | "onTouchStart" | "onFocus" | "onBlur" | "key"> & React.RefAttributes<unknown>>;
|
|
54
54
|
export default BodySerif;
|
|
@@ -11,8 +11,8 @@ declare const Body: React.ForwardRefExoticComponent<Pick<{
|
|
|
11
11
|
title?: string | undefined;
|
|
12
12
|
"data-modal-launcher-portal"?: boolean | undefined;
|
|
13
13
|
"data-placement"?: string | undefined;
|
|
14
|
-
} & Readonly<import("
|
|
15
|
-
role?: import("
|
|
14
|
+
} & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
|
|
15
|
+
role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
|
|
16
16
|
}> & {
|
|
17
17
|
onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
18
18
|
onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
@@ -50,5 +50,5 @@ declare const Body: React.ForwardRefExoticComponent<Pick<{
|
|
|
50
50
|
onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
|
|
51
51
|
} & {
|
|
52
52
|
tag?: string | undefined;
|
|
53
|
-
} & React.RefAttributes<unknown>, keyof import("
|
|
53
|
+
} & React.RefAttributes<unknown>, keyof import("@khanacademy/wonder-blocks-core").AriaAttributes | "role" | "style" | "title" | "children" | "tag" | "testId" | "lang" | "className" | "htmlFor" | "tabIndex" | "id" | "data-modal-launcher-portal" | "data-placement" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onClick" | "onDoubleClick" | "onMouseEnter" | "onMouseLeave" | "onMouseOut" | "onMouseOver" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onChange" | "onInput" | "onInvalid" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchMove" | "onTouchStart" | "onFocus" | "onBlur" | "key"> & React.RefAttributes<unknown>>;
|
|
54
54
|
export default Body;
|
|
@@ -11,8 +11,8 @@ declare const Caption: React.ForwardRefExoticComponent<Pick<{
|
|
|
11
11
|
title?: string | undefined;
|
|
12
12
|
"data-modal-launcher-portal"?: boolean | undefined;
|
|
13
13
|
"data-placement"?: string | undefined;
|
|
14
|
-
} & Readonly<import("
|
|
15
|
-
role?: import("
|
|
14
|
+
} & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
|
|
15
|
+
role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
|
|
16
16
|
}> & {
|
|
17
17
|
onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
18
18
|
onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
@@ -50,5 +50,5 @@ declare const Caption: React.ForwardRefExoticComponent<Pick<{
|
|
|
50
50
|
onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
|
|
51
51
|
} & {
|
|
52
52
|
tag?: string | undefined;
|
|
53
|
-
} & React.RefAttributes<unknown>, keyof import("
|
|
53
|
+
} & React.RefAttributes<unknown>, keyof import("@khanacademy/wonder-blocks-core").AriaAttributes | "role" | "style" | "title" | "children" | "tag" | "testId" | "lang" | "className" | "htmlFor" | "tabIndex" | "id" | "data-modal-launcher-portal" | "data-placement" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onClick" | "onDoubleClick" | "onMouseEnter" | "onMouseLeave" | "onMouseOut" | "onMouseOver" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onChange" | "onInput" | "onInvalid" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchMove" | "onTouchStart" | "onFocus" | "onBlur" | "key"> & React.RefAttributes<unknown>>;
|
|
54
54
|
export default Caption;
|
|
@@ -11,8 +11,8 @@ declare const Footnote: React.ForwardRefExoticComponent<Pick<{
|
|
|
11
11
|
title?: string | undefined;
|
|
12
12
|
"data-modal-launcher-portal"?: boolean | undefined;
|
|
13
13
|
"data-placement"?: string | undefined;
|
|
14
|
-
} & Readonly<import("
|
|
15
|
-
role?: import("
|
|
14
|
+
} & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
|
|
15
|
+
role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
|
|
16
16
|
}> & {
|
|
17
17
|
onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
18
18
|
onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
@@ -50,5 +50,5 @@ declare const Footnote: React.ForwardRefExoticComponent<Pick<{
|
|
|
50
50
|
onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
|
|
51
51
|
} & {
|
|
52
52
|
tag?: string | undefined;
|
|
53
|
-
} & React.RefAttributes<unknown>, keyof import("
|
|
53
|
+
} & React.RefAttributes<unknown>, keyof import("@khanacademy/wonder-blocks-core").AriaAttributes | "role" | "style" | "title" | "children" | "tag" | "testId" | "lang" | "className" | "htmlFor" | "tabIndex" | "id" | "data-modal-launcher-portal" | "data-placement" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onClick" | "onDoubleClick" | "onMouseEnter" | "onMouseLeave" | "onMouseOut" | "onMouseOver" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onChange" | "onInput" | "onInvalid" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchMove" | "onTouchStart" | "onFocus" | "onBlur" | "key"> & React.RefAttributes<unknown>>;
|
|
54
54
|
export default Footnote;
|
|
@@ -11,8 +11,8 @@ declare const HeadingLarge: React.ForwardRefExoticComponent<Pick<{
|
|
|
11
11
|
title?: string | undefined;
|
|
12
12
|
"data-modal-launcher-portal"?: boolean | undefined;
|
|
13
13
|
"data-placement"?: string | undefined;
|
|
14
|
-
} & Readonly<import("
|
|
15
|
-
role?: import("
|
|
14
|
+
} & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
|
|
15
|
+
role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
|
|
16
16
|
}> & {
|
|
17
17
|
onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
18
18
|
onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
@@ -50,5 +50,5 @@ declare const HeadingLarge: React.ForwardRefExoticComponent<Pick<{
|
|
|
50
50
|
onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
|
|
51
51
|
} & {
|
|
52
52
|
tag?: string | undefined;
|
|
53
|
-
} & React.RefAttributes<unknown>, keyof import("
|
|
53
|
+
} & React.RefAttributes<unknown>, keyof import("@khanacademy/wonder-blocks-core").AriaAttributes | "role" | "style" | "title" | "children" | "tag" | "testId" | "lang" | "className" | "htmlFor" | "tabIndex" | "id" | "data-modal-launcher-portal" | "data-placement" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onClick" | "onDoubleClick" | "onMouseEnter" | "onMouseLeave" | "onMouseOut" | "onMouseOver" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onChange" | "onInput" | "onInvalid" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchMove" | "onTouchStart" | "onFocus" | "onBlur" | "key"> & React.RefAttributes<unknown>>;
|
|
54
54
|
export default HeadingLarge;
|
|
@@ -11,8 +11,8 @@ declare const HeadingMedium: React.ForwardRefExoticComponent<Pick<{
|
|
|
11
11
|
title?: string | undefined;
|
|
12
12
|
"data-modal-launcher-portal"?: boolean | undefined;
|
|
13
13
|
"data-placement"?: string | undefined;
|
|
14
|
-
} & Readonly<import("
|
|
15
|
-
role?: import("
|
|
14
|
+
} & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
|
|
15
|
+
role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
|
|
16
16
|
}> & {
|
|
17
17
|
onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
18
18
|
onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
@@ -50,5 +50,5 @@ declare const HeadingMedium: React.ForwardRefExoticComponent<Pick<{
|
|
|
50
50
|
onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
|
|
51
51
|
} & {
|
|
52
52
|
tag?: string | undefined;
|
|
53
|
-
} & React.RefAttributes<unknown>, keyof import("
|
|
53
|
+
} & React.RefAttributes<unknown>, keyof import("@khanacademy/wonder-blocks-core").AriaAttributes | "role" | "style" | "title" | "children" | "tag" | "testId" | "lang" | "className" | "htmlFor" | "tabIndex" | "id" | "data-modal-launcher-portal" | "data-placement" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onClick" | "onDoubleClick" | "onMouseEnter" | "onMouseLeave" | "onMouseOut" | "onMouseOver" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onChange" | "onInput" | "onInvalid" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchMove" | "onTouchStart" | "onFocus" | "onBlur" | "key"> & React.RefAttributes<unknown>>;
|
|
54
54
|
export default HeadingMedium;
|
|
@@ -11,8 +11,8 @@ declare const HeadingSmall: React.ForwardRefExoticComponent<Pick<{
|
|
|
11
11
|
title?: string | undefined;
|
|
12
12
|
"data-modal-launcher-portal"?: boolean | undefined;
|
|
13
13
|
"data-placement"?: string | undefined;
|
|
14
|
-
} & Readonly<import("
|
|
15
|
-
role?: import("
|
|
14
|
+
} & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
|
|
15
|
+
role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
|
|
16
16
|
}> & {
|
|
17
17
|
onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
18
18
|
onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
@@ -50,5 +50,5 @@ declare const HeadingSmall: React.ForwardRefExoticComponent<Pick<{
|
|
|
50
50
|
onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
|
|
51
51
|
} & {
|
|
52
52
|
tag?: string | undefined;
|
|
53
|
-
} & React.RefAttributes<unknown>, keyof import("
|
|
53
|
+
} & React.RefAttributes<unknown>, keyof import("@khanacademy/wonder-blocks-core").AriaAttributes | "role" | "style" | "title" | "children" | "tag" | "testId" | "lang" | "className" | "htmlFor" | "tabIndex" | "id" | "data-modal-launcher-portal" | "data-placement" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onClick" | "onDoubleClick" | "onMouseEnter" | "onMouseLeave" | "onMouseOut" | "onMouseOver" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onChange" | "onInput" | "onInvalid" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchMove" | "onTouchStart" | "onFocus" | "onBlur" | "key"> & React.RefAttributes<unknown>>;
|
|
54
54
|
export default HeadingSmall;
|
|
@@ -11,8 +11,8 @@ declare const HeadingXSmall: React.ForwardRefExoticComponent<Pick<{
|
|
|
11
11
|
title?: string | undefined;
|
|
12
12
|
"data-modal-launcher-portal"?: boolean | undefined;
|
|
13
13
|
"data-placement"?: string | undefined;
|
|
14
|
-
} & Readonly<import("
|
|
15
|
-
role?: import("
|
|
14
|
+
} & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
|
|
15
|
+
role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
|
|
16
16
|
}> & {
|
|
17
17
|
onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
18
18
|
onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
@@ -50,5 +50,5 @@ declare const HeadingXSmall: React.ForwardRefExoticComponent<Pick<{
|
|
|
50
50
|
onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
|
|
51
51
|
} & {
|
|
52
52
|
tag?: string | undefined;
|
|
53
|
-
} & React.RefAttributes<unknown>, keyof import("
|
|
53
|
+
} & React.RefAttributes<unknown>, keyof import("@khanacademy/wonder-blocks-core").AriaAttributes | "role" | "style" | "title" | "children" | "tag" | "testId" | "lang" | "className" | "htmlFor" | "tabIndex" | "id" | "data-modal-launcher-portal" | "data-placement" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onClick" | "onDoubleClick" | "onMouseEnter" | "onMouseLeave" | "onMouseOut" | "onMouseOver" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onChange" | "onInput" | "onInvalid" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchMove" | "onTouchStart" | "onFocus" | "onBlur" | "key"> & React.RefAttributes<unknown>>;
|
|
54
54
|
export default HeadingXSmall;
|
|
@@ -11,8 +11,8 @@ declare const LabelLarge: React.ForwardRefExoticComponent<Pick<{
|
|
|
11
11
|
title?: string | undefined;
|
|
12
12
|
"data-modal-launcher-portal"?: boolean | undefined;
|
|
13
13
|
"data-placement"?: string | undefined;
|
|
14
|
-
} & Readonly<import("
|
|
15
|
-
role?: import("
|
|
14
|
+
} & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
|
|
15
|
+
role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
|
|
16
16
|
}> & {
|
|
17
17
|
onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
18
18
|
onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
@@ -50,5 +50,5 @@ declare const LabelLarge: React.ForwardRefExoticComponent<Pick<{
|
|
|
50
50
|
onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
|
|
51
51
|
} & {
|
|
52
52
|
tag?: string | undefined;
|
|
53
|
-
} & React.RefAttributes<unknown>, keyof import("
|
|
53
|
+
} & React.RefAttributes<unknown>, keyof import("@khanacademy/wonder-blocks-core").AriaAttributes | "role" | "style" | "title" | "children" | "tag" | "testId" | "lang" | "className" | "htmlFor" | "tabIndex" | "id" | "data-modal-launcher-portal" | "data-placement" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onClick" | "onDoubleClick" | "onMouseEnter" | "onMouseLeave" | "onMouseOut" | "onMouseOver" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onChange" | "onInput" | "onInvalid" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchMove" | "onTouchStart" | "onFocus" | "onBlur" | "key"> & React.RefAttributes<unknown>>;
|
|
54
54
|
export default LabelLarge;
|
|
@@ -11,8 +11,8 @@ declare const LabelMedium: React.ForwardRefExoticComponent<Pick<{
|
|
|
11
11
|
title?: string | undefined;
|
|
12
12
|
"data-modal-launcher-portal"?: boolean | undefined;
|
|
13
13
|
"data-placement"?: string | undefined;
|
|
14
|
-
} & Readonly<import("
|
|
15
|
-
role?: import("
|
|
14
|
+
} & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
|
|
15
|
+
role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
|
|
16
16
|
}> & {
|
|
17
17
|
onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
18
18
|
onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
@@ -50,5 +50,5 @@ declare const LabelMedium: React.ForwardRefExoticComponent<Pick<{
|
|
|
50
50
|
onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
|
|
51
51
|
} & {
|
|
52
52
|
tag?: string | undefined;
|
|
53
|
-
} & React.RefAttributes<unknown>, keyof import("
|
|
53
|
+
} & React.RefAttributes<unknown>, keyof import("@khanacademy/wonder-blocks-core").AriaAttributes | "role" | "style" | "title" | "children" | "tag" | "testId" | "lang" | "className" | "htmlFor" | "tabIndex" | "id" | "data-modal-launcher-portal" | "data-placement" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onClick" | "onDoubleClick" | "onMouseEnter" | "onMouseLeave" | "onMouseOut" | "onMouseOver" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onChange" | "onInput" | "onInvalid" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchMove" | "onTouchStart" | "onFocus" | "onBlur" | "key"> & React.RefAttributes<unknown>>;
|
|
54
54
|
export default LabelMedium;
|
|
@@ -11,8 +11,8 @@ declare const LabelSmall: React.ForwardRefExoticComponent<Pick<{
|
|
|
11
11
|
title?: string | undefined;
|
|
12
12
|
"data-modal-launcher-portal"?: boolean | undefined;
|
|
13
13
|
"data-placement"?: string | undefined;
|
|
14
|
-
} & Readonly<import("
|
|
15
|
-
role?: import("
|
|
14
|
+
} & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
|
|
15
|
+
role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
|
|
16
16
|
}> & {
|
|
17
17
|
onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
18
18
|
onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
@@ -50,5 +50,5 @@ declare const LabelSmall: React.ForwardRefExoticComponent<Pick<{
|
|
|
50
50
|
onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
|
|
51
51
|
} & {
|
|
52
52
|
tag?: string | undefined;
|
|
53
|
-
} & React.RefAttributes<unknown>, keyof import("
|
|
53
|
+
} & React.RefAttributes<unknown>, keyof import("@khanacademy/wonder-blocks-core").AriaAttributes | "role" | "style" | "title" | "children" | "tag" | "testId" | "lang" | "className" | "htmlFor" | "tabIndex" | "id" | "data-modal-launcher-portal" | "data-placement" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onClick" | "onDoubleClick" | "onMouseEnter" | "onMouseLeave" | "onMouseOut" | "onMouseOver" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onChange" | "onInput" | "onInvalid" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchMove" | "onTouchStart" | "onFocus" | "onBlur" | "key"> & React.RefAttributes<unknown>>;
|
|
54
54
|
export default LabelSmall;
|
|
@@ -11,8 +11,8 @@ declare const LabelXSmall: React.ForwardRefExoticComponent<Pick<{
|
|
|
11
11
|
title?: string | undefined;
|
|
12
12
|
"data-modal-launcher-portal"?: boolean | undefined;
|
|
13
13
|
"data-placement"?: string | undefined;
|
|
14
|
-
} & Readonly<import("
|
|
15
|
-
role?: import("
|
|
14
|
+
} & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
|
|
15
|
+
role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
|
|
16
16
|
}> & {
|
|
17
17
|
onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
18
18
|
onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
@@ -50,5 +50,5 @@ declare const LabelXSmall: React.ForwardRefExoticComponent<Pick<{
|
|
|
50
50
|
onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
|
|
51
51
|
} & {
|
|
52
52
|
tag?: string | undefined;
|
|
53
|
-
} & React.RefAttributes<unknown>, keyof import("
|
|
53
|
+
} & React.RefAttributes<unknown>, keyof import("@khanacademy/wonder-blocks-core").AriaAttributes | "role" | "style" | "title" | "children" | "tag" | "testId" | "lang" | "className" | "htmlFor" | "tabIndex" | "id" | "data-modal-launcher-portal" | "data-placement" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onClick" | "onDoubleClick" | "onMouseEnter" | "onMouseLeave" | "onMouseOut" | "onMouseOver" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onChange" | "onInput" | "onInvalid" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchMove" | "onTouchStart" | "onFocus" | "onBlur" | "key"> & React.RefAttributes<unknown>>;
|
|
54
54
|
export default LabelXSmall;
|
|
@@ -11,8 +11,8 @@ declare const Tagline: React.ForwardRefExoticComponent<Pick<{
|
|
|
11
11
|
title?: string | undefined;
|
|
12
12
|
"data-modal-launcher-portal"?: boolean | undefined;
|
|
13
13
|
"data-placement"?: string | undefined;
|
|
14
|
-
} & Readonly<import("
|
|
15
|
-
role?: import("
|
|
14
|
+
} & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
|
|
15
|
+
role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
|
|
16
16
|
}> & {
|
|
17
17
|
onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
18
18
|
onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
@@ -50,5 +50,5 @@ declare const Tagline: React.ForwardRefExoticComponent<Pick<{
|
|
|
50
50
|
onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
|
|
51
51
|
} & {
|
|
52
52
|
tag?: string | undefined;
|
|
53
|
-
} & React.RefAttributes<unknown>, keyof import("
|
|
53
|
+
} & React.RefAttributes<unknown>, keyof import("@khanacademy/wonder-blocks-core").AriaAttributes | "role" | "style" | "title" | "children" | "tag" | "testId" | "lang" | "className" | "htmlFor" | "tabIndex" | "id" | "data-modal-launcher-portal" | "data-placement" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onClick" | "onDoubleClick" | "onMouseEnter" | "onMouseLeave" | "onMouseOut" | "onMouseOver" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onChange" | "onInput" | "onInvalid" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchMove" | "onTouchStart" | "onFocus" | "onBlur" | "key"> & React.RefAttributes<unknown>>;
|
|
54
54
|
export default Tagline;
|
|
@@ -11,8 +11,8 @@ declare const Title: React.ForwardRefExoticComponent<Pick<{
|
|
|
11
11
|
title?: string | undefined;
|
|
12
12
|
"data-modal-launcher-portal"?: boolean | undefined;
|
|
13
13
|
"data-placement"?: string | undefined;
|
|
14
|
-
} & Readonly<import("
|
|
15
|
-
role?: import("
|
|
14
|
+
} & Readonly<import("@khanacademy/wonder-blocks-core").AriaAttributes> & Readonly<{
|
|
15
|
+
role?: import("@khanacademy/wonder-blocks-core").AriaRole | undefined;
|
|
16
16
|
}> & {
|
|
17
17
|
onMouseDown?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
18
18
|
onMouseUp?: ((e: React.MouseEvent<Element, MouseEvent>) => unknown) | undefined;
|
|
@@ -50,5 +50,5 @@ declare const Title: React.ForwardRefExoticComponent<Pick<{
|
|
|
50
50
|
onBlur?: ((e: React.FocusEvent<Element, Element>) => unknown) | undefined;
|
|
51
51
|
} & {
|
|
52
52
|
tag?: string | undefined;
|
|
53
|
-
} & React.RefAttributes<unknown>, keyof import("
|
|
53
|
+
} & React.RefAttributes<unknown>, keyof import("@khanacademy/wonder-blocks-core").AriaAttributes | "role" | "style" | "title" | "children" | "tag" | "testId" | "lang" | "className" | "htmlFor" | "tabIndex" | "id" | "data-modal-launcher-portal" | "data-placement" | "onMouseDown" | "onMouseUp" | "onMouseMove" | "onClick" | "onDoubleClick" | "onMouseEnter" | "onMouseLeave" | "onMouseOut" | "onMouseOver" | "onDrag" | "onDragEnd" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDragStart" | "onDrop" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onChange" | "onInput" | "onInvalid" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchMove" | "onTouchStart" | "onFocus" | "onBlur" | "key"> & React.RefAttributes<unknown>>;
|
|
54
54
|
export default Title;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@khanacademy/wonder-blocks-typography",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.16",
|
|
4
4
|
"design": "v2",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"license": "MIT",
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@babel/runtime": "^7.18.6",
|
|
19
|
-
"@khanacademy/wonder-blocks-core": "^7.0.
|
|
19
|
+
"@khanacademy/wonder-blocks-core": "^7.0.1"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
22
22
|
"aphrodite": "^1.2.5",
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import {render} from "@testing-library/react";
|
|
3
|
-
|
|
4
|
-
import Title from "../title";
|
|
5
|
-
|
|
6
|
-
describe("Title", () => {
|
|
7
|
-
test("forwards the ref to the heading element", () => {
|
|
8
|
-
// Arrange
|
|
9
|
-
const ref: React.RefObject<HTMLHeadingElement> = React.createRef();
|
|
10
|
-
|
|
11
|
-
// Act
|
|
12
|
-
render(<Title ref={ref}>This is a title</Title>);
|
|
13
|
-
|
|
14
|
-
// Assert
|
|
15
|
-
expect(ref.current).toBeInstanceOf(HTMLHeadingElement);
|
|
16
|
-
});
|
|
17
|
-
|
|
18
|
-
describe("a11y", () => {
|
|
19
|
-
test("has no accessibility violations", async () => {
|
|
20
|
-
// Arrange
|
|
21
|
-
// Act
|
|
22
|
-
const {container} = render(<Title>Test title</Title>);
|
|
23
|
-
|
|
24
|
-
// Assert
|
|
25
|
-
await expect(container).toHaveNoA11yViolations();
|
|
26
|
-
});
|
|
27
|
-
});
|
|
28
|
-
});
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
One example of using the `BodyMonospace` typography component is to create a `Code` component for rendering pre-formatted code blocks.
|
|
2
|
-
|
|
3
|
-
```jsx
|
|
4
|
-
const Code = ({children}) => (
|
|
5
|
-
<BodyMonospace style={{whiteSpace: "pre"}}>{children}</BodyMonospace>
|
|
6
|
-
);
|
|
7
|
-
|
|
8
|
-
const code = (`const things = {
|
|
9
|
-
areTested\: "This is my new Code element with my code.",
|
|
10
|
-
};`
|
|
11
|
-
);
|
|
12
|
-
|
|
13
|
-
<Code>{code}</Code>
|
|
14
|
-
```
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import {PropsFor, Text} from "@khanacademy/wonder-blocks-core";
|
|
3
|
-
|
|
4
|
-
import styles from "../util/styles";
|
|
5
|
-
|
|
6
|
-
type Props = PropsFor<typeof Text>;
|
|
7
|
-
|
|
8
|
-
const BodyMonospace = React.forwardRef(function BodyMonospace(
|
|
9
|
-
{style, children, tag = "span", ...otherProps}: Props,
|
|
10
|
-
ref,
|
|
11
|
-
) {
|
|
12
|
-
return (
|
|
13
|
-
<Text
|
|
14
|
-
{...otherProps}
|
|
15
|
-
tag={tag}
|
|
16
|
-
style={[styles.BodyMonospace, style]}
|
|
17
|
-
ref={ref}
|
|
18
|
-
>
|
|
19
|
-
{children}
|
|
20
|
-
</Text>
|
|
21
|
-
);
|
|
22
|
-
});
|
|
23
|
-
|
|
24
|
-
export default BodyMonospace;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import {PropsFor, Text} from "@khanacademy/wonder-blocks-core";
|
|
3
|
-
|
|
4
|
-
import styles from "../util/styles";
|
|
5
|
-
|
|
6
|
-
type Props = PropsFor<typeof Text>;
|
|
7
|
-
|
|
8
|
-
const BodySerifBlock = React.forwardRef(function BodySerifBlock(
|
|
9
|
-
{style, children, tag = "span", ...otherProps}: Props,
|
|
10
|
-
ref,
|
|
11
|
-
) {
|
|
12
|
-
return (
|
|
13
|
-
<Text
|
|
14
|
-
{...otherProps}
|
|
15
|
-
tag={tag}
|
|
16
|
-
style={[styles.BodySerifBlock, style]}
|
|
17
|
-
ref={ref}
|
|
18
|
-
>
|
|
19
|
-
{children}
|
|
20
|
-
</Text>
|
|
21
|
-
);
|
|
22
|
-
});
|
|
23
|
-
|
|
24
|
-
export default BodySerifBlock;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import {PropsFor, Text} from "@khanacademy/wonder-blocks-core";
|
|
3
|
-
|
|
4
|
-
import styles from "../util/styles";
|
|
5
|
-
|
|
6
|
-
type Props = PropsFor<typeof Text>;
|
|
7
|
-
|
|
8
|
-
const BodySerif = React.forwardRef(function BodySerif(
|
|
9
|
-
{style, children, tag = "span", ...otherProps}: Props,
|
|
10
|
-
ref,
|
|
11
|
-
) {
|
|
12
|
-
return (
|
|
13
|
-
<Text
|
|
14
|
-
{...otherProps}
|
|
15
|
-
tag={tag}
|
|
16
|
-
style={[styles.BodySerif, style]}
|
|
17
|
-
ref={ref}
|
|
18
|
-
>
|
|
19
|
-
{children}
|
|
20
|
-
</Text>
|
|
21
|
-
);
|
|
22
|
-
});
|
|
23
|
-
|
|
24
|
-
export default BodySerif;
|
package/src/components/body.tsx
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import {PropsFor, Text} from "@khanacademy/wonder-blocks-core";
|
|
3
|
-
|
|
4
|
-
import styles from "../util/styles";
|
|
5
|
-
|
|
6
|
-
type Props = PropsFor<typeof Text>;
|
|
7
|
-
|
|
8
|
-
const Body = React.forwardRef(function Body(
|
|
9
|
-
{style, children, tag = "span", ...otherProps}: Props,
|
|
10
|
-
ref,
|
|
11
|
-
) {
|
|
12
|
-
return (
|
|
13
|
-
<Text {...otherProps} tag={tag} style={[styles.Body, style]} ref={ref}>
|
|
14
|
-
{children}
|
|
15
|
-
</Text>
|
|
16
|
-
);
|
|
17
|
-
});
|
|
18
|
-
|
|
19
|
-
export default Body;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import {PropsFor, Text} from "@khanacademy/wonder-blocks-core";
|
|
3
|
-
|
|
4
|
-
import styles from "../util/styles";
|
|
5
|
-
|
|
6
|
-
type Props = PropsFor<typeof Text>;
|
|
7
|
-
|
|
8
|
-
const Caption = React.forwardRef(function Caption(
|
|
9
|
-
{style, children, tag = "span", ...otherProps}: Props,
|
|
10
|
-
ref,
|
|
11
|
-
) {
|
|
12
|
-
return (
|
|
13
|
-
<Text
|
|
14
|
-
{...otherProps}
|
|
15
|
-
tag={tag}
|
|
16
|
-
style={[styles.Caption, style]}
|
|
17
|
-
ref={ref}
|
|
18
|
-
>
|
|
19
|
-
{children}
|
|
20
|
-
</Text>
|
|
21
|
-
);
|
|
22
|
-
});
|
|
23
|
-
|
|
24
|
-
export default Caption;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import {PropsFor, Text} from "@khanacademy/wonder-blocks-core";
|
|
3
|
-
|
|
4
|
-
import styles from "../util/styles";
|
|
5
|
-
|
|
6
|
-
type Props = PropsFor<typeof Text>;
|
|
7
|
-
|
|
8
|
-
const Footnote = React.forwardRef(function Footnote(
|
|
9
|
-
{style, children, tag = "span", ...otherProps}: Props,
|
|
10
|
-
ref,
|
|
11
|
-
) {
|
|
12
|
-
return (
|
|
13
|
-
<Text
|
|
14
|
-
{...otherProps}
|
|
15
|
-
tag={tag}
|
|
16
|
-
style={[styles.Footnote, style]}
|
|
17
|
-
ref={ref}
|
|
18
|
-
>
|
|
19
|
-
{children}
|
|
20
|
-
</Text>
|
|
21
|
-
);
|
|
22
|
-
});
|
|
23
|
-
|
|
24
|
-
export default Footnote;
|