@khanacademy/wonder-blocks-typography 4.2.31 → 4.3.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @khanacademy/wonder-blocks-typography
 
+## 4.3.0
+
+### Minor Changes
+
+- 00e6dda: Adds `HeadingXxLargeMediumWeight` to the typography styles.
+
+### Patch Changes
+
+- Updated dependencies [488728a]
+    - @khanacademy/wonder-blocks-tokens@16.2.0
+
 ## 4.2.31
 
 ### Patch Changes

package/dist/es/index.js

@@ -4,7 +4,7 @@ import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { Text } from '@khanacademy/wonder-blocks-core';
 
-const common={display:"block"};const Heading$1={...common,fontFamily:font.family.sans};const BodyText$1={...common,fontFamily:font.family.sans,margin:0};const styles=StyleSheet.create({Title:{...common,fontFamily:font.family.sans,fontWeight:font.weight.black,[breakpoint.mediaQuery.xl]:{fontSize:font.size.xxxLarge,lineHeight:font.lineHeight.xxxLarge},[breakpoint.mediaQuery.mdOrSmaller]:{fontSize:font.size.xxLarge,lineHeight:font.lineHeight.xxLarge}},Tagline:{...common,fontFamily:font.family.sans,fontWeight:font.weight.medium,fontSize:font.size.large,lineHeight:font.lineHeight.large},Heading: Heading$1,HeadingSmallBoldWeight:{...Heading$1,fontSize:font.heading.size.small,fontWeight:font.weight.bold,lineHeight:font.heading.lineHeight.small},HeadingSmallSemiWeight:{...Heading$1,fontSize:font.heading.size.small,fontWeight:font.weight.semi,lineHeight:font.heading.lineHeight.small},HeadingSmallMediumWeight:{...Heading$1,fontSize:font.heading.size.small,fontWeight:font.weight.medium,lineHeight:font.heading.lineHeight.small},HeadingMediumBoldWeight:{...Heading$1,fontSize:font.heading.size.medium,fontWeight:font.weight.bold,lineHeight:font.heading.lineHeight.medium},HeadingMediumSemiWeight:{...Heading$1,fontSize:font.heading.size.medium,fontWeight:font.weight.semi,lineHeight:font.heading.lineHeight.medium},HeadingMediumMediumWeight:{...Heading$1,fontSize:font.heading.size.medium,fontWeight:font.weight.medium,lineHeight:font.heading.lineHeight.medium},HeadingLargeBoldWeight:{...Heading$1,fontSize:font.heading.size.large,fontWeight:font.weight.bold,lineHeight:font.heading.lineHeight.large},HeadingLargeSemiWeight:{...Heading$1,fontSize:font.heading.size.large,fontWeight:font.weight.semi,lineHeight:font.heading.lineHeight.large},HeadingLargeMediumWeight:{...Heading$1,fontSize:font.heading.size.large,fontWeight:font.weight.medium,lineHeight:font.heading.lineHeight.large},HeadingXLargeBoldWeight:{...Heading$1,fontSize:font.heading.size.xlarge,fontWeight:font.weight.bold,lineHeight:font.heading.lineHeight.xlarge},HeadingXLargeMediumWeight:{...Heading$1,fontSize:font.heading.size.xlarge,fontWeight:font.weight.medium,lineHeight:font.heading.lineHeight.xlarge},HeadingXLargeSemiWeight:{...Heading$1,fontSize:font.heading.size.xlarge,fontWeight:font.weight.semi,lineHeight:font.heading.lineHeight.xlarge},HeadingXxLargeSemiWeight:{...Heading$1,fontSize:font.heading.size.xxlarge,fontWeight:font.weight.semi,lineHeight:font.heading.lineHeight.xxlarge},HeadingXxLargeBoldWeight:{...Heading$1,fontSize:font.heading.size.xxlarge,fontWeight:font.weight.bold,lineHeight:font.heading.lineHeight.xxlarge},BodyText: BodyText$1,BodyTextXSmallMediumWeight:{...BodyText$1,fontSize:font.body.size.xsmall,fontWeight:font.weight.medium,lineHeight:font.body.lineHeight.xsmall},BodyTextXSmallSemiWeight:{...BodyText$1,fontSize:font.body.size.xsmall,fontWeight:font.weight.semi,lineHeight:font.body.lineHeight.xsmall},BodyTextXSmallBoldWeight:{...BodyText$1,fontSize:font.body.size.xsmall,fontWeight:font.weight.bold,lineHeight:font.body.lineHeight.xsmall},BodyTextSmallMediumWeight:{...BodyText$1,fontSize:font.body.size.small,fontWeight:font.weight.medium,lineHeight:font.body.lineHeight.small},BodyTextSmallSemiWeight:{...BodyText$1,fontSize:font.body.size.small,fontWeight:font.weight.semi,lineHeight:font.body.lineHeight.small},BodyTextSmallBoldWeight:{...BodyText$1,fontSize:font.body.size.small,fontWeight:font.weight.bold,lineHeight:font.body.lineHeight.small},BodyTextMediumMediumWeight:{...BodyText$1,fontSize:font.body.size.medium,fontWeight:font.weight.medium,lineHeight:font.body.lineHeight.medium},BodyTextMediumSemiWeight:{...BodyText$1,fontSize:font.body.size.medium,fontWeight:font.weight.semi,lineHeight:font.body.lineHeight.medium},BodyTextMediumBoldWeight:{...BodyText$1,fontSize:font.body.size.medium,fontWeight:font.weight.bold,lineHeight:font.body.lineHeight.medium},HeadingLarge:{...common,fontFamily:font.family.sans,fontWeight:font.weight.bold,[breakpoint.mediaQuery.xl]:{fontSize:font.size.xxLarge,lineHeight:font.lineHeight.xxLarge},[breakpoint.mediaQuery.mdOrSmaller]:{fontSize:font.size.xLarge,lineHeight:font.lineHeight.xLarge}},HeadingMedium:{...common,fontFamily:font.family.sans,fontWeight:font.weight.bold,[breakpoint.mediaQuery.xl]:{fontSize:font.size.xLarge,lineHeight:font.lineHeight.xLarge},[breakpoint.mediaQuery.mdOrSmaller]:{fontSize:"2.2rem",lineHeight:"2.6rem"}},HeadingSmall:{...common,fontFamily:font.family.sans,fontWeight:font.weight.bold,fontSize:font.size.large,lineHeight:font.lineHeight.large},HeadingXSmall:{...common,fontFamily:font.family.sans,fontWeight:font.weight.bold,fontSize:font.size.xSmall,lineHeight:font.lineHeight.xSmall,letterSpacing:.6,textTransform:"uppercase"},BodySerifBlock:{...common,fontFamily:font.family.serif,fontWeight:font.weight.medium,fontSize:font.size.large,lineHeight:font.lineHeight.large},BodySerif:{...common,fontFamily:font.family.serif,fontWeight:font.weight.medium,fontSize:font.size.medium,lineHeight:font.size.medium},BodyMonospace:{...common,fontFamily:font.family.mono,fontWeight:font.weight.medium,fontSize:font.size.medium,lineHeight:font.lineHeight.medium},Body:{...common,fontFamily:font.family.sans,fontWeight:font.weight.medium,fontSize:font.size.medium,lineHeight:font.lineHeight.xMedium},LabelLarge:{...common,fontFamily:font.family.sans,fontWeight:font.weight.bold,fontSize:font.size.medium,lineHeight:font.lineHeight.medium},LabelMedium:{...common,fontFamily:font.family.sans,fontWeight:font.weight.medium,fontSize:font.size.medium,lineHeight:font.lineHeight.medium},LabelSmall:{...common,fontFamily:font.family.sans,fontWeight:font.weight.medium,fontSize:font.size.small,lineHeight:font.lineHeight.small},LabelXSmall:{...common,fontFamily:font.family.sans,fontWeight:font.weight.medium,fontSize:font.size.xSmall,lineHeight:font.lineHeight.xSmall},Caption:{...common,fontFamily:font.family.sans,fontWeight:font.weight.medium,fontSize:font.size.small,lineHeight:font.lineHeight.medium},Footnote:{...common,fontFamily:font.family.sans,fontWeight:font.weight.medium,fontSize:font.size.xSmall,lineHeight:font.lineHeight.small}});
+const common={display:"block"};const Heading$1={...common,fontFamily:font.family.sans};const BodyText$1={...common,fontFamily:font.family.sans,margin:0};const styles=StyleSheet.create({Title:{...common,fontFamily:font.family.sans,fontWeight:font.weight.black,[breakpoint.mediaQuery.xl]:{fontSize:font.size.xxxLarge,lineHeight:font.lineHeight.xxxLarge},[breakpoint.mediaQuery.mdOrSmaller]:{fontSize:font.size.xxLarge,lineHeight:font.lineHeight.xxLarge}},Tagline:{...common,fontFamily:font.family.sans,fontWeight:font.weight.medium,fontSize:font.size.large,lineHeight:font.lineHeight.large},Heading: Heading$1,HeadingSmallBoldWeight:{...Heading$1,fontSize:font.heading.size.small,fontWeight:font.weight.bold,lineHeight:font.heading.lineHeight.small},HeadingSmallSemiWeight:{...Heading$1,fontSize:font.heading.size.small,fontWeight:font.weight.semi,lineHeight:font.heading.lineHeight.small},HeadingSmallMediumWeight:{...Heading$1,fontSize:font.heading.size.small,fontWeight:font.weight.medium,lineHeight:font.heading.lineHeight.small},HeadingMediumBoldWeight:{...Heading$1,fontSize:font.heading.size.medium,fontWeight:font.weight.bold,lineHeight:font.heading.lineHeight.medium},HeadingMediumSemiWeight:{...Heading$1,fontSize:font.heading.size.medium,fontWeight:font.weight.semi,lineHeight:font.heading.lineHeight.medium},HeadingMediumMediumWeight:{...Heading$1,fontSize:font.heading.size.medium,fontWeight:font.weight.medium,lineHeight:font.heading.lineHeight.medium},HeadingLargeBoldWeight:{...Heading$1,fontSize:font.heading.size.large,fontWeight:font.weight.bold,lineHeight:font.heading.lineHeight.large},HeadingLargeSemiWeight:{...Heading$1,fontSize:font.heading.size.large,fontWeight:font.weight.semi,lineHeight:font.heading.lineHeight.large},HeadingLargeMediumWeight:{...Heading$1,fontSize:font.heading.size.large,fontWeight:font.weight.medium,lineHeight:font.heading.lineHeight.large},HeadingXLargeBoldWeight:{...Heading$1,fontSize:font.heading.size.xlarge,fontWeight:font.weight.bold,lineHeight:font.heading.lineHeight.xlarge},HeadingXLargeMediumWeight:{...Heading$1,fontSize:font.heading.size.xlarge,fontWeight:font.weight.medium,lineHeight:font.heading.lineHeight.xlarge},HeadingXLargeSemiWeight:{...Heading$1,fontSize:font.heading.size.xlarge,fontWeight:font.weight.semi,lineHeight:font.heading.lineHeight.xlarge},HeadingXxLargeMediumWeight:{...Heading$1,fontSize:font.heading.size.xxlarge,fontWeight:font.weight.medium,lineHeight:font.heading.lineHeight.xxlarge},HeadingXxLargeSemiWeight:{...Heading$1,fontSize:font.heading.size.xxlarge,fontWeight:font.weight.semi,lineHeight:font.heading.lineHeight.xxlarge},HeadingXxLargeBoldWeight:{...Heading$1,fontSize:font.heading.size.xxlarge,fontWeight:font.weight.bold,lineHeight:font.heading.lineHeight.xxlarge},BodyText: BodyText$1,BodyTextXSmallMediumWeight:{...BodyText$1,fontSize:font.body.size.xsmall,fontWeight:font.weight.medium,lineHeight:font.body.lineHeight.xsmall},BodyTextXSmallSemiWeight:{...BodyText$1,fontSize:font.body.size.xsmall,fontWeight:font.weight.semi,lineHeight:font.body.lineHeight.xsmall},BodyTextXSmallBoldWeight:{...BodyText$1,fontSize:font.body.size.xsmall,fontWeight:font.weight.bold,lineHeight:font.body.lineHeight.xsmall},BodyTextSmallMediumWeight:{...BodyText$1,fontSize:font.body.size.small,fontWeight:font.weight.medium,lineHeight:font.body.lineHeight.small},BodyTextSmallSemiWeight:{...BodyText$1,fontSize:font.body.size.small,fontWeight:font.weight.semi,lineHeight:font.body.lineHeight.small},BodyTextSmallBoldWeight:{...BodyText$1,fontSize:font.body.size.small,fontWeight:font.weight.bold,lineHeight:font.body.lineHeight.small},BodyTextMediumMediumWeight:{...BodyText$1,fontSize:font.body.size.medium,fontWeight:font.weight.medium,lineHeight:font.body.lineHeight.medium},BodyTextMediumSemiWeight:{...BodyText$1,fontSize:font.body.size.medium,fontWeight:font.weight.semi,lineHeight:font.body.lineHeight.medium},BodyTextMediumBoldWeight:{...BodyText$1,fontSize:font.body.size.medium,fontWeight:font.weight.bold,lineHeight:font.body.lineHeight.medium},HeadingLarge:{...common,fontFamily:font.family.sans,fontWeight:font.weight.bold,[breakpoint.mediaQuery.xl]:{fontSize:font.size.xxLarge,lineHeight:font.lineHeight.xxLarge},[breakpoint.mediaQuery.mdOrSmaller]:{fontSize:font.size.xLarge,lineHeight:font.lineHeight.xLarge}},HeadingMedium:{...common,fontFamily:font.family.sans,fontWeight:font.weight.bold,[breakpoint.mediaQuery.xl]:{fontSize:font.size.xLarge,lineHeight:font.lineHeight.xLarge},[breakpoint.mediaQuery.mdOrSmaller]:{fontSize:"2.2rem",lineHeight:"2.6rem"}},HeadingSmall:{...common,fontFamily:font.family.sans,fontWeight:font.weight.bold,fontSize:font.size.large,lineHeight:font.lineHeight.large},HeadingXSmall:{...common,fontFamily:font.family.sans,fontWeight:font.weight.bold,fontSize:font.size.xSmall,lineHeight:font.lineHeight.xSmall,letterSpacing:.6,textTransform:"uppercase"},BodySerifBlock:{...common,fontFamily:font.family.serif,fontWeight:font.weight.medium,fontSize:font.size.large,lineHeight:font.lineHeight.large},BodySerif:{...common,fontFamily:font.family.serif,fontWeight:font.weight.medium,fontSize:font.size.medium,lineHeight:font.size.medium},BodyMonospace:{...common,fontFamily:font.family.mono,fontWeight:font.weight.medium,fontSize:font.size.medium,lineHeight:font.lineHeight.medium},Body:{...common,fontFamily:font.family.sans,fontWeight:font.weight.medium,fontSize:font.size.medium,lineHeight:font.lineHeight.xMedium},LabelLarge:{...common,fontFamily:font.family.sans,fontWeight:font.weight.bold,fontSize:font.size.medium,lineHeight:font.lineHeight.medium},LabelMedium:{...common,fontFamily:font.family.sans,fontWeight:font.weight.medium,fontSize:font.size.medium,lineHeight:font.lineHeight.medium},LabelSmall:{...common,fontFamily:font.family.sans,fontWeight:font.weight.medium,fontSize:font.size.small,lineHeight:font.lineHeight.small},LabelXSmall:{...common,fontFamily:font.family.sans,fontWeight:font.weight.medium,fontSize:font.size.xSmall,lineHeight:font.lineHeight.xSmall},Caption:{...common,fontFamily:font.family.sans,fontWeight:font.weight.medium,fontSize:font.size.small,lineHeight:font.lineHeight.medium},Footnote:{...common,fontFamily:font.family.sans,fontWeight:font.weight.medium,fontSize:font.size.xSmall,lineHeight:font.lineHeight.small}});
 
 const Title=React.forwardRef(function Title({style,children,tag="h1",...otherProps},ref){return jsx(Text,{...otherProps,tag:tag,style:[styles.Title,style],ref:ref,children:children})});
 

package/dist/index.js

@@ -28,7 +28,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-const common={display:"block"};const Heading$1={...common,fontFamily:wonderBlocksTokens.font.family.sans};const BodyText$1={...common,fontFamily:wonderBlocksTokens.font.family.sans,margin:0};const styles=aphrodite.StyleSheet.create({Title:{...common,fontFamily:wonderBlocksTokens.font.family.sans,fontWeight:wonderBlocksTokens.font.weight.black,[wonderBlocksTokens.breakpoint.mediaQuery.xl]:{fontSize:wonderBlocksTokens.font.size.xxxLarge,lineHeight:wonderBlocksTokens.font.lineHeight.xxxLarge},[wonderBlocksTokens.breakpoint.mediaQuery.mdOrSmaller]:{fontSize:wonderBlocksTokens.font.size.xxLarge,lineHeight:wonderBlocksTokens.font.lineHeight.xxLarge}},Tagline:{...common,fontFamily:wonderBlocksTokens.font.family.sans,fontWeight:wonderBlocksTokens.font.weight.medium,fontSize:wonderBlocksTokens.font.size.large,lineHeight:wonderBlocksTokens.font.lineHeight.large},Heading: Heading$1,HeadingSmallBoldWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.small,fontWeight:wonderBlocksTokens.font.weight.bold,lineHeight:wonderBlocksTokens.font.heading.lineHeight.small},HeadingSmallSemiWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.small,fontWeight:wonderBlocksTokens.font.weight.semi,lineHeight:wonderBlocksTokens.font.heading.lineHeight.small},HeadingSmallMediumWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.small,fontWeight:wonderBlocksTokens.font.weight.medium,lineHeight:wonderBlocksTokens.font.heading.lineHeight.small},HeadingMediumBoldWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.medium,fontWeight:wonderBlocksTokens.font.weight.bold,lineHeight:wonderBlocksTokens.font.heading.lineHeight.medium},HeadingMediumSemiWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.medium,fontWeight:wonderBlocksTokens.font.weight.semi,lineHeight:wonderBlocksTokens.font.heading.lineHeight.medium},HeadingMediumMediumWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.medium,fontWeight:wonderBlocksTokens.font.weight.medium,lineHeight:wonderBlocksTokens.font.heading.lineHeight.medium},HeadingLargeBoldWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.large,fontWeight:wonderBlocksTokens.font.weight.bold,lineHeight:wonderBlocksTokens.font.heading.lineHeight.large},HeadingLargeSemiWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.large,fontWeight:wonderBlocksTokens.font.weight.semi,lineHeight:wonderBlocksTokens.font.heading.lineHeight.large},HeadingLargeMediumWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.large,fontWeight:wonderBlocksTokens.font.weight.medium,lineHeight:wonderBlocksTokens.font.heading.lineHeight.large},HeadingXLargeBoldWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.xlarge,fontWeight:wonderBlocksTokens.font.weight.bold,lineHeight:wonderBlocksTokens.font.heading.lineHeight.xlarge},HeadingXLargeMediumWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.xlarge,fontWeight:wonderBlocksTokens.font.weight.medium,lineHeight:wonderBlocksTokens.font.heading.lineHeight.xlarge},HeadingXLargeSemiWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.xlarge,fontWeight:wonderBlocksTokens.font.weight.semi,lineHeight:wonderBlocksTokens.font.heading.lineHeight.xlarge},HeadingXxLargeSemiWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.xxlarge,fontWeight:wonderBlocksTokens.font.weight.semi,lineHeight:wonderBlocksTokens.font.heading.lineHeight.xxlarge},HeadingXxLargeBoldWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.xxlarge,fontWeight:wonderBlocksTokens.font.weight.bold,lineHeight:wonderBlocksTokens.font.heading.lineHeight.xxlarge},BodyText: BodyText$1,BodyTextXSmallMediumWeight:{...BodyText$1,fontSize:wonderBlocksTokens.font.body.size.xsmall,fontWeight:wonderBlocksTokens.font.weight.medium,lineHeight:wonderBlocksTokens.font.body.lineHeight.xsmall},BodyTextXSmallSemiWeight:{...BodyText$1,fontSize:wonderBlocksTokens.font.body.size.xsmall,fontWeight:wonderBlocksTokens.font.weight.semi,lineHeight:wonderBlocksTokens.font.body.lineHeight.xsmall},BodyTextXSmallBoldWeight:{...BodyText$1,fontSize:wonderBlocksTokens.font.body.size.xsmall,fontWeight:wonderBlocksTokens.font.weight.bold,lineHeight:wonderBlocksTokens.font.body.lineHeight.xsmall},BodyTextSmallMediumWeight:{...BodyText$1,fontSize:wonderBlocksTokens.font.body.size.small,fontWeight:wonderBlocksTokens.font.weight.medium,lineHeight:wonderBlocksTokens.font.body.lineHeight.small},BodyTextSmallSemiWeight:{...BodyText$1,fontSize:wonderBlocksTokens.font.body.size.small,fontWeight:wonderBlocksTokens.font.weight.semi,lineHeight:wonderBlocksTokens.font.body.lineHeight.small},BodyTextSmallBoldWeight:{...BodyText$1,fontSize:wonderBlocksTokens.font.body.size.small,fontWeight:wonderBlocksTokens.font.weight.bold,lineHeight:wonderBlocksTokens.font.body.lineHeight.small},BodyTextMediumMediumWeight:{...BodyText$1,fontSize:wonderBlocksTokens.font.body.size.medium,fontWeight:wonderBlocksTokens.font.weight.medium,lineHeight:wonderBlocksTokens.font.body.lineHeight.medium},BodyTextMediumSemiWeight:{...BodyText$1,fontSize:wonderBlocksTokens.font.body.size.medium,fontWeight:wonderBlocksTokens.font.weight.semi,lineHeight:wonderBlocksTokens.font.body.lineHeight.medium},BodyTextMediumBoldWeight:{...BodyText$1,fontSize:wonderBlocksTokens.font.body.size.medium,fontWeight:wonderBlocksTokens.font.weight.bold,lineHeight:wonderBlocksTokens.font.body.lineHeight.medium},HeadingLarge:{...common,fontFamily:wonderBlocksTokens.font.family.sans,fontWeight:wonderBlocksTokens.font.weight.bold,[wonderBlocksTokens.breakpoint.mediaQuery.xl]:{fontSize:wonderBlocksTokens.font.size.xxLarge,lineHeight:wonderBlocksTokens.font.lineHeight.xxLarge},[wonderBlocksTokens.breakpoint.mediaQuery.mdOrSmaller]:{fontSize:wonderBlocksTokens.font.size.xLarge,lineHeight:wonderBlocksTokens.font.lineHeight.xLarge}},HeadingMedium:{...common,fontFamily:wonderBlocksTokens.font.family.sans,fontWeight:wonderBlocksTokens.font.weight.bold,[wonderBlocksTokens.breakpoint.mediaQuery.xl]:{fontSize:wonderBlocksTokens.font.size.xLarge,lineHeight:wonderBlocksTokens.font.lineHeight.xLarge},[wonderBlocksTokens.breakpoint.mediaQuery.mdOrSmaller]:{fontSize:"2.2rem",lineHeight:"2.6rem"}},HeadingSmall:{...common,fontFamily:wonderBlocksTokens.font.family.sans,fontWeight:wonderBlocksTokens.font.weight.bold,fontSize:wonderBlocksTokens.font.size.large,lineHeight:wonderBlocksTokens.font.lineHeight.large},HeadingXSmall:{...common,fontFamily:wonderBlocksTokens.font.family.sans,fontWeight:wonderBlocksTokens.font.weight.bold,fontSize:wonderBlocksTokens.font.size.xSmall,lineHeight:wonderBlocksTokens.font.lineHeight.xSmall,letterSpacing:.6,textTransform:"uppercase"},BodySerifBlock:{...common,fontFamily:wonderBlocksTokens.font.family.serif,fontWeight:wonderBlocksTokens.font.weight.medium,fontSize:wonderBlocksTokens.font.size.large,lineHeight:wonderBlocksTokens.font.lineHeight.large},BodySerif:{...common,fontFamily:wonderBlocksTokens.font.family.serif,fontWeight:wonderBlocksTokens.font.weight.medium,fontSize:wonderBlocksTokens.font.size.medium,lineHeight:wonderBlocksTokens.font.size.medium},BodyMonospace:{...common,fontFamily:wonderBlocksTokens.font.family.mono,fontWeight:wonderBlocksTokens.font.weight.medium,fontSize:wonderBlocksTokens.font.size.medium,lineHeight:wonderBlocksTokens.font.lineHeight.medium},Body:{...common,fontFamily:wonderBlocksTokens.font.family.sans,fontWeight:wonderBlocksTokens.font.weight.medium,fontSize:wonderBlocksTokens.font.size.medium,lineHeight:wonderBlocksTokens.font.lineHeight.xMedium},LabelLarge:{...common,fontFamily:wonderBlocksTokens.font.family.sans,fontWeight:wonderBlocksTokens.font.weight.bold,fontSize:wonderBlocksTokens.font.size.medium,lineHeight:wonderBlocksTokens.font.lineHeight.medium},LabelMedium:{...common,fontFamily:wonderBlocksTokens.font.family.sans,fontWeight:wonderBlocksTokens.font.weight.medium,fontSize:wonderBlocksTokens.font.size.medium,lineHeight:wonderBlocksTokens.font.lineHeight.medium},LabelSmall:{...common,fontFamily:wonderBlocksTokens.font.family.sans,fontWeight:wonderBlocksTokens.font.weight.medium,fontSize:wonderBlocksTokens.font.size.small,lineHeight:wonderBlocksTokens.font.lineHeight.small},LabelXSmall:{...common,fontFamily:wonderBlocksTokens.font.family.sans,fontWeight:wonderBlocksTokens.font.weight.medium,fontSize:wonderBlocksTokens.font.size.xSmall,lineHeight:wonderBlocksTokens.font.lineHeight.xSmall},Caption:{...common,fontFamily:wonderBlocksTokens.font.family.sans,fontWeight:wonderBlocksTokens.font.weight.medium,fontSize:wonderBlocksTokens.font.size.small,lineHeight:wonderBlocksTokens.font.lineHeight.medium},Footnote:{...common,fontFamily:wonderBlocksTokens.font.family.sans,fontWeight:wonderBlocksTokens.font.weight.medium,fontSize:wonderBlocksTokens.font.size.xSmall,lineHeight:wonderBlocksTokens.font.lineHeight.small}});
+const common={display:"block"};const Heading$1={...common,fontFamily:wonderBlocksTokens.font.family.sans};const BodyText$1={...common,fontFamily:wonderBlocksTokens.font.family.sans,margin:0};const styles=aphrodite.StyleSheet.create({Title:{...common,fontFamily:wonderBlocksTokens.font.family.sans,fontWeight:wonderBlocksTokens.font.weight.black,[wonderBlocksTokens.breakpoint.mediaQuery.xl]:{fontSize:wonderBlocksTokens.font.size.xxxLarge,lineHeight:wonderBlocksTokens.font.lineHeight.xxxLarge},[wonderBlocksTokens.breakpoint.mediaQuery.mdOrSmaller]:{fontSize:wonderBlocksTokens.font.size.xxLarge,lineHeight:wonderBlocksTokens.font.lineHeight.xxLarge}},Tagline:{...common,fontFamily:wonderBlocksTokens.font.family.sans,fontWeight:wonderBlocksTokens.font.weight.medium,fontSize:wonderBlocksTokens.font.size.large,lineHeight:wonderBlocksTokens.font.lineHeight.large},Heading: Heading$1,HeadingSmallBoldWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.small,fontWeight:wonderBlocksTokens.font.weight.bold,lineHeight:wonderBlocksTokens.font.heading.lineHeight.small},HeadingSmallSemiWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.small,fontWeight:wonderBlocksTokens.font.weight.semi,lineHeight:wonderBlocksTokens.font.heading.lineHeight.small},HeadingSmallMediumWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.small,fontWeight:wonderBlocksTokens.font.weight.medium,lineHeight:wonderBlocksTokens.font.heading.lineHeight.small},HeadingMediumBoldWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.medium,fontWeight:wonderBlocksTokens.font.weight.bold,lineHeight:wonderBlocksTokens.font.heading.lineHeight.medium},HeadingMediumSemiWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.medium,fontWeight:wonderBlocksTokens.font.weight.semi,lineHeight:wonderBlocksTokens.font.heading.lineHeight.medium},HeadingMediumMediumWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.medium,fontWeight:wonderBlocksTokens.font.weight.medium,lineHeight:wonderBlocksTokens.font.heading.lineHeight.medium},HeadingLargeBoldWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.large,fontWeight:wonderBlocksTokens.font.weight.bold,lineHeight:wonderBlocksTokens.font.heading.lineHeight.large},HeadingLargeSemiWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.large,fontWeight:wonderBlocksTokens.font.weight.semi,lineHeight:wonderBlocksTokens.font.heading.lineHeight.large},HeadingLargeMediumWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.large,fontWeight:wonderBlocksTokens.font.weight.medium,lineHeight:wonderBlocksTokens.font.heading.lineHeight.large},HeadingXLargeBoldWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.xlarge,fontWeight:wonderBlocksTokens.font.weight.bold,lineHeight:wonderBlocksTokens.font.heading.lineHeight.xlarge},HeadingXLargeMediumWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.xlarge,fontWeight:wonderBlocksTokens.font.weight.medium,lineHeight:wonderBlocksTokens.font.heading.lineHeight.xlarge},HeadingXLargeSemiWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.xlarge,fontWeight:wonderBlocksTokens.font.weight.semi,lineHeight:wonderBlocksTokens.font.heading.lineHeight.xlarge},HeadingXxLargeMediumWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.xxlarge,fontWeight:wonderBlocksTokens.font.weight.medium,lineHeight:wonderBlocksTokens.font.heading.lineHeight.xxlarge},HeadingXxLargeSemiWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.xxlarge,fontWeight:wonderBlocksTokens.font.weight.semi,lineHeight:wonderBlocksTokens.font.heading.lineHeight.xxlarge},HeadingXxLargeBoldWeight:{...Heading$1,fontSize:wonderBlocksTokens.font.heading.size.xxlarge,fontWeight:wonderBlocksTokens.font.weight.bold,lineHeight:wonderBlocksTokens.font.heading.lineHeight.xxlarge},BodyText: BodyText$1,BodyTextXSmallMediumWeight:{...BodyText$1,fontSize:wonderBlocksTokens.font.body.size.xsmall,fontWeight:wonderBlocksTokens.font.weight.medium,lineHeight:wonderBlocksTokens.font.body.lineHeight.xsmall},BodyTextXSmallSemiWeight:{...BodyText$1,fontSize:wonderBlocksTokens.font.body.size.xsmall,fontWeight:wonderBlocksTokens.font.weight.semi,lineHeight:wonderBlocksTokens.font.body.lineHeight.xsmall},BodyTextXSmallBoldWeight:{...BodyText$1,fontSize:wonderBlocksTokens.font.body.size.xsmall,fontWeight:wonderBlocksTokens.font.weight.bold,lineHeight:wonderBlocksTokens.font.body.lineHeight.xsmall},BodyTextSmallMediumWeight:{...BodyText$1,fontSize:wonderBlocksTokens.font.body.size.small,fontWeight:wonderBlocksTokens.font.weight.medium,lineHeight:wonderBlocksTokens.font.body.lineHeight.small},BodyTextSmallSemiWeight:{...BodyText$1,fontSize:wonderBlocksTokens.font.body.size.small,fontWeight:wonderBlocksTokens.font.weight.semi,lineHeight:wonderBlocksTokens.font.body.lineHeight.small},BodyTextSmallBoldWeight:{...BodyText$1,fontSize:wonderBlocksTokens.font.body.size.small,fontWeight:wonderBlocksTokens.font.weight.bold,lineHeight:wonderBlocksTokens.font.body.lineHeight.small},BodyTextMediumMediumWeight:{...BodyText$1,fontSize:wonderBlocksTokens.font.body.size.medium,fontWeight:wonderBlocksTokens.font.weight.medium,lineHeight:wonderBlocksTokens.font.body.lineHeight.medium},BodyTextMediumSemiWeight:{...BodyText$1,fontSize:wonderBlocksTokens.font.body.size.medium,fontWeight:wonderBlocksTokens.font.weight.semi,lineHeight:wonderBlocksTokens.font.body.lineHeight.medium},BodyTextMediumBoldWeight:{...BodyText$1,fontSize:wonderBlocksTokens.font.body.size.medium,fontWeight:wonderBlocksTokens.font.weight.bold,lineHeight:wonderBlocksTokens.font.body.lineHeight.medium},HeadingLarge:{...common,fontFamily:wonderBlocksTokens.font.family.sans,fontWeight:wonderBlocksTokens.font.weight.bold,[wonderBlocksTokens.breakpoint.mediaQuery.xl]:{fontSize:wonderBlocksTokens.font.size.xxLarge,lineHeight:wonderBlocksTokens.font.lineHeight.xxLarge},[wonderBlocksTokens.breakpoint.mediaQuery.mdOrSmaller]:{fontSize:wonderBlocksTokens.font.size.xLarge,lineHeight:wonderBlocksTokens.font.lineHeight.xLarge}},HeadingMedium:{...common,fontFamily:wonderBlocksTokens.font.family.sans,fontWeight:wonderBlocksTokens.font.weight.bold,[wonderBlocksTokens.breakpoint.mediaQuery.xl]:{fontSize:wonderBlocksTokens.font.size.xLarge,lineHeight:wonderBlocksTokens.font.lineHeight.xLarge},[wonderBlocksTokens.breakpoint.mediaQuery.mdOrSmaller]:{fontSize:"2.2rem",lineHeight:"2.6rem"}},HeadingSmall:{...common,fontFamily:wonderBlocksTokens.font.family.sans,fontWeight:wonderBlocksTokens.font.weight.bold,fontSize:wonderBlocksTokens.font.size.large,lineHeight:wonderBlocksTokens.font.lineHeight.large},HeadingXSmall:{...common,fontFamily:wonderBlocksTokens.font.family.sans,fontWeight:wonderBlocksTokens.font.weight.bold,fontSize:wonderBlocksTokens.font.size.xSmall,lineHeight:wonderBlocksTokens.font.lineHeight.xSmall,letterSpacing:.6,textTransform:"uppercase"},BodySerifBlock:{...common,fontFamily:wonderBlocksTokens.font.family.serif,fontWeight:wonderBlocksTokens.font.weight.medium,fontSize:wonderBlocksTokens.font.size.large,lineHeight:wonderBlocksTokens.font.lineHeight.large},BodySerif:{...common,fontFamily:wonderBlocksTokens.font.family.serif,fontWeight:wonderBlocksTokens.font.weight.medium,fontSize:wonderBlocksTokens.font.size.medium,lineHeight:wonderBlocksTokens.font.size.medium},BodyMonospace:{...common,fontFamily:wonderBlocksTokens.font.family.mono,fontWeight:wonderBlocksTokens.font.weight.medium,fontSize:wonderBlocksTokens.font.size.medium,lineHeight:wonderBlocksTokens.font.lineHeight.medium},Body:{...common,fontFamily:wonderBlocksTokens.font.family.sans,fontWeight:wonderBlocksTokens.font.weight.medium,fontSize:wonderBlocksTokens.font.size.medium,lineHeight:wonderBlocksTokens.font.lineHeight.xMedium},LabelLarge:{...common,fontFamily:wonderBlocksTokens.font.family.sans,fontWeight:wonderBlocksTokens.font.weight.bold,fontSize:wonderBlocksTokens.font.size.medium,lineHeight:wonderBlocksTokens.font.lineHeight.medium},LabelMedium:{...common,fontFamily:wonderBlocksTokens.font.family.sans,fontWeight:wonderBlocksTokens.font.weight.medium,fontSize:wonderBlocksTokens.font.size.medium,lineHeight:wonderBlocksTokens.font.lineHeight.medium},LabelSmall:{...common,fontFamily:wonderBlocksTokens.font.family.sans,fontWeight:wonderBlocksTokens.font.weight.medium,fontSize:wonderBlocksTokens.font.size.small,lineHeight:wonderBlocksTokens.font.lineHeight.small},LabelXSmall:{...common,fontFamily:wonderBlocksTokens.font.family.sans,fontWeight:wonderBlocksTokens.font.weight.medium,fontSize:wonderBlocksTokens.font.size.xSmall,lineHeight:wonderBlocksTokens.font.lineHeight.xSmall},Caption:{...common,fontFamily:wonderBlocksTokens.font.family.sans,fontWeight:wonderBlocksTokens.font.weight.medium,fontSize:wonderBlocksTokens.font.size.small,lineHeight:wonderBlocksTokens.font.lineHeight.medium},Footnote:{...common,fontFamily:wonderBlocksTokens.font.family.sans,fontWeight:wonderBlocksTokens.font.weight.medium,fontSize:wonderBlocksTokens.font.size.xSmall,lineHeight:wonderBlocksTokens.font.lineHeight.small}});
 
 const Title=React__namespace.forwardRef(function Title({style,children,tag="h1",...otherProps},ref){return jsxRuntime.jsx(wonderBlocksCore.Text,{...otherProps,tag:tag,style:[styles.Title,style],ref:ref,children:children})});
 

package/package.json

@@ -3,7 +3,7 @@
   "description": "Typography components for Wonder Blocks design system.",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "4.2.31",
+  "version": "4.3.0",
   "publishConfig": {
     "access": "public"
   },
@@ -21,7 +21,7 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@khanacademy/wonder-blocks-core": "12.4.3",
-    "@khanacademy/wonder-blocks-tokens": "16.1.0"
+    "@khanacademy/wonder-blocks-tokens": "16.2.0"
   },
   "peerDependencies": {
     "aphrodite": "^1.2.5",