Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@khanacademy/wonder-blocks-typography

Package Overview
Dependencies
Maintainers
1
Versions
177
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@khanacademy/wonder-blocks-typography - npm Package Compare versions

Comparing version 1.1.18 to 1.1.19

139

__tests__/generated-snapshot.test.js

@@ -95,18 +95,66 @@ // This file is auto-generated by gen-snapshot-tests.js

<View>
<Title>Привет</Title>
<HeadingLarge>Привет</HeadingLarge>
<HeadingMedium>Привет</HeadingMedium>
<HeadingSmall>Привет</HeadingSmall>
<HeadingXSmall>Привет</HeadingXSmall>
<BodySerifBlock>Привет</BodySerifBlock>
<BodySerif>Привет</BodySerif>
<BodyMonospace>Привет</BodyMonospace>
<Body>Привет</Body>
<LabelLarge>Привет</LabelLarge>
<LabelMedium>Привет</LabelMedium>
<LabelSmall>Привет</LabelSmall>
<LabelXSmall>Привет</LabelXSmall>
<Tagline>Привет</Tagline>
<Caption>Привет</Caption>
<Footnote>Привет</Footnote>
<Title>
Для каждого ученика, независимо от возраста. Реальные
результаты!
</Title>
<HeadingLarge>
Для каждого ученика, независимо от возраста. Реальные
результаты!
</HeadingLarge>
<HeadingMedium>
Для каждого ученика, независимо от возраста. Реальные
результаты!
</HeadingMedium>
<HeadingSmall>
Для каждого ученика, независимо от возраста. Реальные
результаты!
</HeadingSmall>
<HeadingXSmall>
Для каждого ученика, независимо от возраста. Реальные
результаты!
</HeadingXSmall>
<BodySerifBlock>
Для каждого ученика, независимо от возраста. Реальные
результаты!
</BodySerifBlock>
<BodySerif>
Для каждого ученика, независимо от возраста. Реальные
результаты!
</BodySerif>
<BodyMonospace>
Для каждого ученика, независимо от возраста. Реальные
результаты!
</BodyMonospace>
<Body>
Для каждого ученика, независимо от возраста. Реальные
результаты!
</Body>
<LabelLarge>
Для каждого ученика, независимо от возраста. Реальные
результаты!
</LabelLarge>
<LabelMedium>
Для каждого ученика, независимо от возраста. Реальные
результаты!
</LabelMedium>
<LabelSmall>
Для каждого ученика, независимо от возраста. Реальные
результаты!
</LabelSmall>
<LabelXSmall>
Для каждого ученика, независимо от возраста. Реальные
результаты!
</LabelXSmall>
<Tagline>
Для каждого ученика, независимо от возраста. Реальные
результаты!
</Tagline>
<Caption>
Для каждого ученика, независимо от возраста. Реальные
результаты!
</Caption>
<Footnote>
Для каждого ученика, независимо от возраста. Реальные
результаты!
</Footnote>
</View>

@@ -119,2 +167,59 @@ );

it("example 5", () => {
const example = (
<View>
<Title>
Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.
</Title>
<HeadingLarge>
Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.
</HeadingLarge>
<HeadingMedium>
Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.
</HeadingMedium>
<HeadingSmall>
Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.
</HeadingSmall>
<HeadingXSmall>
Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.
</HeadingXSmall>
<BodySerifBlock>
Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.
</BodySerifBlock>
<BodySerif>
Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.
</BodySerif>
<BodyMonospace>
Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.
</BodyMonospace>
<Body>
Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.
</Body>
<LabelLarge>
Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.
</LabelLarge>
<LabelMedium>
Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.
</LabelMedium>
<LabelSmall>
Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.
</LabelSmall>
<LabelXSmall>
Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.
</LabelXSmall>
<Tagline>
Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.
</Tagline>
<Caption>
Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.
</Caption>
<Footnote>
Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.
</Footnote>
</View>
);
const tree = renderer.create(example).toJSON();
expect(tree).toMatchSnapshot();
});
it("example 6", () => {
const languages = {

@@ -211,3 +316,3 @@ arabic: {

it("example 6", () => {
it("example 7", () => {
const Code = ({children}) => (

@@ -214,0 +319,0 @@ <BodyMonospace

84

docs.md

@@ -73,4 +73,6 @@ ```js

## Lato is use for Latin and Cyrillic languages
## Lato is used for Latin and Cyrillic languages
This is a example where we use Lato for Russian:
```js

@@ -98,21 +100,69 @@ import {View} from "@khanacademy/wonder-blocks-core";

<View>
<Title>Привет</Title>
<HeadingLarge>Привет</HeadingLarge>
<HeadingMedium>Привет</HeadingMedium>
<HeadingSmall>Привет</HeadingSmall>
<HeadingXSmall>Привет</HeadingXSmall>
<BodySerifBlock>Привет</BodySerifBlock>
<BodySerif>Привет</BodySerif>
<BodyMonospace>Привет</BodyMonospace>
<Body>Привет</Body>
<LabelLarge>Привет</LabelLarge>
<LabelMedium>Привет</LabelMedium>
<LabelSmall>Привет</LabelSmall>
<LabelXSmall>Привет</LabelXSmall>
<Tagline>Привет</Tagline>
<Caption>Привет</Caption>
<Footnote>Привет</Footnote>
<Title>Для каждого ученика, независимо от возраста. Реальные результаты!</Title>
<HeadingLarge>Для каждого ученика, независимо от возраста. Реальные результаты!</HeadingLarge>
<HeadingMedium>Для каждого ученика, независимо от возраста. Реальные результаты!</HeadingMedium>
<HeadingSmall>Для каждого ученика, независимо от возраста. Реальные результаты!</HeadingSmall>
<HeadingXSmall>Для каждого ученика, независимо от возраста. Реальные результаты!</HeadingXSmall>
<BodySerifBlock>Для каждого ученика, независимо от возраста. Реальные результаты!</BodySerifBlock>
<BodySerif>Для каждого ученика, независимо от возраста. Реальные результаты!</BodySerif>
<BodyMonospace>Для каждого ученика, независимо от возраста. Реальные результаты!</BodyMonospace>
<Body>Для каждого ученика, независимо от возраста. Реальные результаты!</Body>
<LabelLarge>Для каждого ученика, независимо от возраста. Реальные результаты!</LabelLarge>
<LabelMedium>Для каждого ученика, независимо от возраста. Реальные результаты!</LabelMedium>
<LabelSmall>Для каждого ученика, независимо от возраста. Реальные результаты!</LabelSmall>
<LabelXSmall>Для каждого ученика, независимо от возраста. Реальные результаты!</LabelXSmall>
<Tagline>Для каждого ученика, независимо от возраста. Реальные результаты!</Tagline>
<Caption>Для каждого ученика, независимо от возраста. Реальные результаты!</Caption>
<Footnote>Для каждого ученика, независимо от возраста. Реальные результаты!</Footnote>
</View>
```
## Lato (Latin and Latin extended) for Vietnamese
This is another example where we use Lato latin for Vietnamese. In this specific
case, we also use the extended glyphs so we can add full support to Vietnamese
using this font.
```js
import {View} from "@khanacademy/wonder-blocks-core";
import {
Title,
HeadingLarge,
HeadingMedium,
HeadingSmall,
HeadingXSmall,
BodySerifBlock,
BodySerif,
BodyMonospace,
Body,
LabelLarge,
LabelMedium,
LabelSmall,
LabelXSmall,
Tagline,
Caption,
Footnote
} from "@khanacademy/wonder-blocks-typography";
<View>
<Title>Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.</Title>
<HeadingLarge>Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.</HeadingLarge>
<HeadingMedium>Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.</HeadingMedium>
<HeadingSmall>Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.</HeadingSmall>
<HeadingXSmall>Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.</HeadingXSmall>
<BodySerifBlock>Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.</BodySerifBlock>
<BodySerif>Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.</BodySerif>
<BodyMonospace>Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.</BodyMonospace>
<Body>Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.</Body>
<LabelLarge>Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.</LabelLarge>
<LabelMedium>Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.</LabelMedium>
<LabelSmall>Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.</LabelSmall>
<LabelXSmall>Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.</LabelXSmall>
<Tagline>Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.</Tagline>
<Caption>Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.</Caption>
<Footnote>Dành cho mọi học sinh, mọi lớp học. Kết quả thực tế.</Footnote>
</View>
```
## Noto for non-Latin languages

@@ -119,0 +169,0 @@

6

package.json
{
"name": "@khanacademy/wonder-blocks-typography",
"version": "1.1.18",
"version": "1.1.19",
"design": "v2",

@@ -18,3 +18,3 @@ "publishConfig": {

"dependencies": {
"@khanacademy/wonder-blocks-core": "^3.0.0"
"@khanacademy/wonder-blocks-core": "^3.0.1"
},

@@ -28,3 +28,3 @@ "peerDependencies": {

},
"gitHead": "768de54e6082e80e2faee6ed6af75303d608c01c"
"gitHead": "a8993049a08b602a0309155e4a1f4d969ef51c54"
}
__tests__/__snapshots__/generated-snapshot.test.js.snap

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc