@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.
Files changed (40) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/components/body-monospace.d.ts +3 -3
  3. package/dist/components/body-serif-block.d.ts +3 -3
  4. package/dist/components/body-serif.d.ts +3 -3
  5. package/dist/components/body.d.ts +3 -3
  6. package/dist/components/caption.d.ts +3 -3
  7. package/dist/components/footnote.d.ts +3 -3
  8. package/dist/components/heading-large.d.ts +3 -3
  9. package/dist/components/heading-medium.d.ts +3 -3
  10. package/dist/components/heading-small.d.ts +3 -3
  11. package/dist/components/heading-xsmall.d.ts +3 -3
  12. package/dist/components/label-large.d.ts +3 -3
  13. package/dist/components/label-medium.d.ts +3 -3
  14. package/dist/components/label-small.d.ts +3 -3
  15. package/dist/components/label-xsmall.d.ts +3 -3
  16. package/dist/components/tagline.d.ts +3 -3
  17. package/dist/components/title.d.ts +3 -3
  18. package/package.json +2 -2
  19. package/src/components/__tests__/title.test.tsx +0 -28
  20. package/src/components/body-monospace.md +0 -14
  21. package/src/components/body-monospace.tsx +0 -24
  22. package/src/components/body-serif-block.tsx +0 -24
  23. package/src/components/body-serif.tsx +0 -24
  24. package/src/components/body.tsx +0 -19
  25. package/src/components/caption.tsx +0 -24
  26. package/src/components/footnote.tsx +0 -24
  27. package/src/components/heading-large.tsx +0 -24
  28. package/src/components/heading-medium.tsx +0 -24
  29. package/src/components/heading-small.tsx +0 -24
  30. package/src/components/heading-xsmall.tsx +0 -24
  31. package/src/components/label-large.tsx +0 -24
  32. package/src/components/label-medium.tsx +0 -24
  33. package/src/components/label-small.tsx +0 -24
  34. package/src/components/label-xsmall.tsx +0 -24
  35. package/src/components/tagline.tsx +0 -24
  36. package/src/components/title.tsx +0 -19
  37. package/src/index.ts +0 -77
  38. package/src/util/styles.ts +0 -155
  39. package/tsconfig-build.json +0 -11
  40. 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("../../../wonder-blocks-core/src/util/aria-types").AriaAttributes> & Readonly<{
15
- role?: import("../../../wonder-blocks-core/src/util/aria-types").AriaRole | undefined;
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("../../../wonder-blocks-core/src/util/aria-types").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>, 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("../../../wonder-blocks-core/src/util/aria-types").AriaAttributes> & Readonly<{
15
- role?: import("../../../wonder-blocks-core/src/util/aria-types").AriaRole | undefined;
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("../../../wonder-blocks-core/src/util/aria-types").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>, 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("../../../wonder-blocks-core/src/util/aria-types").AriaAttributes> & Readonly<{
15
- role?: import("../../../wonder-blocks-core/src/util/aria-types").AriaRole | undefined;
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("../../../wonder-blocks-core/src/util/aria-types").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>, 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("../../../wonder-blocks-core/src/util/aria-types").AriaAttributes> & Readonly<{
15
- role?: import("../../../wonder-blocks-core/src/util/aria-types").AriaRole | undefined;
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("../../../wonder-blocks-core/src/util/aria-types").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>, 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("../../../wonder-blocks-core/src/util/aria-types").AriaAttributes> & Readonly<{
15
- role?: import("../../../wonder-blocks-core/src/util/aria-types").AriaRole | undefined;
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("../../../wonder-blocks-core/src/util/aria-types").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>, 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("../../../wonder-blocks-core/src/util/aria-types").AriaAttributes> & Readonly<{
15
- role?: import("../../../wonder-blocks-core/src/util/aria-types").AriaRole | undefined;
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("../../../wonder-blocks-core/src/util/aria-types").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>, 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("../../../wonder-blocks-core/src/util/aria-types").AriaAttributes> & Readonly<{
15
- role?: import("../../../wonder-blocks-core/src/util/aria-types").AriaRole | undefined;
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("../../../wonder-blocks-core/src/util/aria-types").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>, 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("../../../wonder-blocks-core/src/util/aria-types").AriaAttributes> & Readonly<{
15
- role?: import("../../../wonder-blocks-core/src/util/aria-types").AriaRole | undefined;
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("../../../wonder-blocks-core/src/util/aria-types").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>, 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("../../../wonder-blocks-core/src/util/aria-types").AriaAttributes> & Readonly<{
15
- role?: import("../../../wonder-blocks-core/src/util/aria-types").AriaRole | undefined;
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("../../../wonder-blocks-core/src/util/aria-types").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>, 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("../../../wonder-blocks-core/src/util/aria-types").AriaAttributes> & Readonly<{
15
- role?: import("../../../wonder-blocks-core/src/util/aria-types").AriaRole | undefined;
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("../../../wonder-blocks-core/src/util/aria-types").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>, 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("../../../wonder-blocks-core/src/util/aria-types").AriaAttributes> & Readonly<{
15
- role?: import("../../../wonder-blocks-core/src/util/aria-types").AriaRole | undefined;
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("../../../wonder-blocks-core/src/util/aria-types").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>, 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("../../../wonder-blocks-core/src/util/aria-types").AriaAttributes> & Readonly<{
15
- role?: import("../../../wonder-blocks-core/src/util/aria-types").AriaRole | undefined;
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("../../../wonder-blocks-core/src/util/aria-types").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>, 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("../../../wonder-blocks-core/src/util/aria-types").AriaAttributes> & Readonly<{
15
- role?: import("../../../wonder-blocks-core/src/util/aria-types").AriaRole | undefined;
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("../../../wonder-blocks-core/src/util/aria-types").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>, 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("../../../wonder-blocks-core/src/util/aria-types").AriaAttributes> & Readonly<{
15
- role?: import("../../../wonder-blocks-core/src/util/aria-types").AriaRole | undefined;
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("../../../wonder-blocks-core/src/util/aria-types").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>, 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("../../../wonder-blocks-core/src/util/aria-types").AriaAttributes> & Readonly<{
15
- role?: import("../../../wonder-blocks-core/src/util/aria-types").AriaRole | undefined;
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("../../../wonder-blocks-core/src/util/aria-types").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>, 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("../../../wonder-blocks-core/src/util/aria-types").AriaAttributes> & Readonly<{
15
- role?: import("../../../wonder-blocks-core/src/util/aria-types").AriaRole | undefined;
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("../../../wonder-blocks-core/src/util/aria-types").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>, 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.15",
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.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;
@@ -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;