@khanacademy/wonder-blocks-typography 2.1.16 → 3.0.0

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.
Files changed (18) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/components/body-monospace.d.ts +2 -2
  3. package/dist/components/body-serif-block.d.ts +2 -2
  4. package/dist/components/body-serif.d.ts +2 -2
  5. package/dist/components/body.d.ts +2 -2
  6. package/dist/components/caption.d.ts +2 -2
  7. package/dist/components/footnote.d.ts +2 -2
  8. package/dist/components/heading-large.d.ts +2 -2
  9. package/dist/components/heading-medium.d.ts +2 -2
  10. package/dist/components/heading-small.d.ts +2 -2
  11. package/dist/components/heading-xsmall.d.ts +2 -2
  12. package/dist/components/label-large.d.ts +2 -2
  13. package/dist/components/label-medium.d.ts +2 -2
  14. package/dist/components/label-small.d.ts +2 -2
  15. package/dist/components/label-xsmall.d.ts +2 -2
  16. package/dist/components/tagline.d.ts +2 -2
  17. package/dist/components/title.d.ts +2 -2
  18. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @khanacademy/wonder-blocks-typography
2
2
 
3
+ ## 3.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - e6abdd17: Upgrade to React 18
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies [e6abdd17]
12
+ - @khanacademy/wonder-blocks-core@8.0.0
13
+
3
14
  ## 2.1.16
4
15
 
5
16
  ### Patch Changes
package/dist/components/body-monospace.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- declare const BodyMonospace: React.ForwardRefExoticComponent<Pick<{
2
+ declare const BodyMonospace: React.ForwardRefExoticComponent<Omit<{
3
3
  children?: React.ReactNode;
4
4
  style?: import("@khanacademy/wonder-blocks-core").StyleType;
5
5
  testId?: string | 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("@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>>;
53
+ } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
54
54
  export default BodyMonospace;
package/dist/components/body-serif-block.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- declare const BodySerifBlock: React.ForwardRefExoticComponent<Pick<{
2
+ declare const BodySerifBlock: React.ForwardRefExoticComponent<Omit<{
3
3
  children?: React.ReactNode;
4
4
  style?: import("@khanacademy/wonder-blocks-core").StyleType;
5
5
  testId?: string | 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("@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>>;
53
+ } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
54
54
  export default BodySerifBlock;
package/dist/components/body-serif.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- declare const BodySerif: React.ForwardRefExoticComponent<Pick<{
2
+ declare const BodySerif: React.ForwardRefExoticComponent<Omit<{
3
3
  children?: React.ReactNode;
4
4
  style?: import("@khanacademy/wonder-blocks-core").StyleType;
5
5
  testId?: string | 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("@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>>;
53
+ } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
54
54
  export default BodySerif;
package/dist/components/body.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- declare const Body: React.ForwardRefExoticComponent<Pick<{
2
+ declare const Body: React.ForwardRefExoticComponent<Omit<{
3
3
  children?: React.ReactNode;
4
4
  style?: import("@khanacademy/wonder-blocks-core").StyleType;
5
5
  testId?: string | 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("@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>>;
53
+ } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
54
54
  export default Body;
package/dist/components/caption.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- declare const Caption: React.ForwardRefExoticComponent<Pick<{
2
+ declare const Caption: React.ForwardRefExoticComponent<Omit<{
3
3
  children?: React.ReactNode;
4
4
  style?: import("@khanacademy/wonder-blocks-core").StyleType;
5
5
  testId?: string | 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("@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>>;
53
+ } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
54
54
  export default Caption;
package/dist/components/footnote.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- declare const Footnote: React.ForwardRefExoticComponent<Pick<{
2
+ declare const Footnote: React.ForwardRefExoticComponent<Omit<{
3
3
  children?: React.ReactNode;
4
4
  style?: import("@khanacademy/wonder-blocks-core").StyleType;
5
5
  testId?: string | 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("@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>>;
53
+ } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
54
54
  export default Footnote;
package/dist/components/heading-large.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- declare const HeadingLarge: React.ForwardRefExoticComponent<Pick<{
2
+ declare const HeadingLarge: React.ForwardRefExoticComponent<Omit<{
3
3
  children?: React.ReactNode;
4
4
  style?: import("@khanacademy/wonder-blocks-core").StyleType;
5
5
  testId?: string | 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("@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>>;
53
+ } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
54
54
  export default HeadingLarge;
package/dist/components/heading-medium.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- declare const HeadingMedium: React.ForwardRefExoticComponent<Pick<{
2
+ declare const HeadingMedium: React.ForwardRefExoticComponent<Omit<{
3
3
  children?: React.ReactNode;
4
4
  style?: import("@khanacademy/wonder-blocks-core").StyleType;
5
5
  testId?: string | 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("@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>>;
53
+ } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
54
54
  export default HeadingMedium;
package/dist/components/heading-small.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- declare const HeadingSmall: React.ForwardRefExoticComponent<Pick<{
2
+ declare const HeadingSmall: React.ForwardRefExoticComponent<Omit<{
3
3
  children?: React.ReactNode;
4
4
  style?: import("@khanacademy/wonder-blocks-core").StyleType;
5
5
  testId?: string | 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("@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>>;
53
+ } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
54
54
  export default HeadingSmall;
package/dist/components/heading-xsmall.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- declare const HeadingXSmall: React.ForwardRefExoticComponent<Pick<{
2
+ declare const HeadingXSmall: React.ForwardRefExoticComponent<Omit<{
3
3
  children?: React.ReactNode;
4
4
  style?: import("@khanacademy/wonder-blocks-core").StyleType;
5
5
  testId?: string | 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("@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>>;
53
+ } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
54
54
  export default HeadingXSmall;
package/dist/components/label-large.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- declare const LabelLarge: React.ForwardRefExoticComponent<Pick<{
2
+ declare const LabelLarge: React.ForwardRefExoticComponent<Omit<{
3
3
  children?: React.ReactNode;
4
4
  style?: import("@khanacademy/wonder-blocks-core").StyleType;
5
5
  testId?: string | 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("@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>>;
53
+ } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
54
54
  export default LabelLarge;
package/dist/components/label-medium.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- declare const LabelMedium: React.ForwardRefExoticComponent<Pick<{
2
+ declare const LabelMedium: React.ForwardRefExoticComponent<Omit<{
3
3
  children?: React.ReactNode;
4
4
  style?: import("@khanacademy/wonder-blocks-core").StyleType;
5
5
  testId?: string | 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("@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>>;
53
+ } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
54
54
  export default LabelMedium;
package/dist/components/label-small.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- declare const LabelSmall: React.ForwardRefExoticComponent<Pick<{
2
+ declare const LabelSmall: React.ForwardRefExoticComponent<Omit<{
3
3
  children?: React.ReactNode;
4
4
  style?: import("@khanacademy/wonder-blocks-core").StyleType;
5
5
  testId?: string | 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("@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>>;
53
+ } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
54
54
  export default LabelSmall;
package/dist/components/label-xsmall.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- declare const LabelXSmall: React.ForwardRefExoticComponent<Pick<{
2
+ declare const LabelXSmall: React.ForwardRefExoticComponent<Omit<{
3
3
  children?: React.ReactNode;
4
4
  style?: import("@khanacademy/wonder-blocks-core").StyleType;
5
5
  testId?: string | 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("@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>>;
53
+ } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
54
54
  export default LabelXSmall;
package/dist/components/tagline.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- declare const Tagline: React.ForwardRefExoticComponent<Pick<{
2
+ declare const Tagline: React.ForwardRefExoticComponent<Omit<{
3
3
  children?: React.ReactNode;
4
4
  style?: import("@khanacademy/wonder-blocks-core").StyleType;
5
5
  testId?: string | 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("@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>>;
53
+ } & React.RefAttributes<unknown>, "ref"> & React.RefAttributes<unknown>>;
54
54
  export default Tagline;
package/dist/components/title.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- declare const Title: React.ForwardRefExoticComponent<Pick<{
2
+ declare const Title: React.ForwardRefExoticComponent<Omit<{
3
3
  children?: React.ReactNode;
4
4
  style?: import("@khanacademy/wonder-blocks-core").StyleType;
5
5
  testId?: string | 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("@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>>;
53
+ } & React.RefAttributes<unknown>, "ref"> & 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.16",
3
+ "version": "3.0.0",
4
4
  "design": "v2",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -16,13 +16,13 @@
16
16
  "license": "MIT",
17
17
  "dependencies": {
18
18
  "@babel/runtime": "^7.18.6",
19
- "@khanacademy/wonder-blocks-core": "^7.0.1"
19
+ "@khanacademy/wonder-blocks-core": "^8.0.0"
20
20
  },
21
21
  "peerDependencies": {
22
22
  "aphrodite": "^1.2.5",
23
- "react": "16.14.0"
23
+ "react": "18.2.0"
24
24
  },
25
25
  "devDependencies": {
26
- "@khanacademy/wb-dev-build-settings": "^1.0.1"
26
+ "@khanacademy/wb-dev-build-settings": "^2.0.0"
27
27
  }
28
28
  }