Join our webinar on Wednesday, June 26, at 1pm EDTHow Chia Mitigates Risk in the Crypto Industry.Register
Socket
Socket
Sign inDemoInstall

@financial-times/o-typography

Package Overview
Dependencies
11
Maintainers
18
Versions
63
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 7.0.3 to 7.1.0

19

CHANGELOG.md
# Changelog
## [7.1.0](https://www.github.com/Financial-Times/origami/compare/o-typography-v7.0.4...o-typography-v7.1.0) (2021-11-08)
### Features
* Rename master brand in component origami.json ([f642faf](https://www.github.com/Financial-Times/origami/commit/f642faf0574d84ea8185b56e6090c8015def27e6))
### Bug Fixes
* remove last master brand references from components ([2594662](https://www.github.com/Financial-Times/origami/commit/2594662843811d3c56cd4a50bebffe9481486e91))
### [7.0.4](https://www.github.com/Financial-Times/origami/compare/o-typography-v7.0.3...o-typography-v7.0.4) (2021-11-02)
### Bug Fixes
* Update `o-brand` in components, replace "master" with "core" ([322617e](https://www.github.com/Financial-Times/origami/commit/322617ea80f30a6825d9c36872e05574b871ea82))
### [7.0.3](https://www.github.com/Financial-Times/origami/compare/o-typography-v7.0.2...o-typography-v7.0.3) (2021-09-21)

@@ -4,0 +23,0 @@

2

origami.json

@@ -10,3 +10,3 @@ {

"brands": [
"master",
"core",
"internal",

@@ -13,0 +13,0 @@ "whitelabel"

{
"name": "@financial-times/o-typography",
"version": "7.0.3",
"version": "7.1.0",
"description": "Typographical styles for FT branded sites. Including typographical fundamentals such as font scales, vertical rhythm, and font fallbacks; plus styles for UI including links, headings, and titles. Other components build on o-typography to provide for more specific usecases.",

@@ -29,3 +29,5 @@ "keywords": [

"start": "npx serve ./demos/local",
"build": "npm_config_yes=true npx \"origami-build-tools@11\" install && npm_config_yes=true npx \"origami-build-tools@prerelease\" demo"
"build": "bash ../../scripts/component/build.bash",
"test": "bash ../../scripts/component/test.bash",
"lint": "bash ../../scripts/component/lint.bash"
},

@@ -36,2 +38,3 @@ "dependencies": {

"peerDependencies": {
"@financial-times/math": "^1.0.0",
"@financial-times/o-colors": "^6.0.1",

@@ -38,0 +41,0 @@ "@financial-times/o-fonts": "^5.0.0",

@@ -161,10 +161,10 @@ # o-typography

|------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|------------------------------|
| headings | Heading classes. E.g. `o-typography-heading-level-1`, `o-typography-heading-level-2`, etc. | master, internal, whitelabel |
| wrapper | A class `o-typography-wrapper` which styles children elements based on semantics including headings, paragraphs, lists, links, and more e.g. `<h1>`, `<p>`, `<li>`, `<a>`, `<figcaption>` | master, internal, whitelabel |
| body | A class for standard body copy, such as paragraphs. | master, internal, whitelabel |
| links | A class for anchor tags, including a septate class to indicate external links. | master, internal, whitelabel |
| lists | Classes to style lists, ordered or unordered. | master, internal, whitelabel |
| caption | A class to style captions. | master, internal, whitelabel |
| footer | A class to style footers. | master, internal, whitelabel |
| utilities | A collection of classes to modify typography including weight, style, superscript, and subscript. | master, internal, whitelabel |
| headings | Heading classes. E.g. `o-typography-heading-level-1`, `o-typography-heading-level-2`, etc. | core, internal, whitelabel |
| wrapper | A class `o-typography-wrapper` which styles children elements based on semantics including headings, paragraphs, lists, links, and more e.g. `<h1>`, `<p>`, `<li>`, `<a>`, `<figcaption>` | core, internal, whitelabel |
| body | A class for standard body copy, such as paragraphs. | core, internal, whitelabel |
| links | A class for anchor tags, including a septate class to indicate external links. | core, internal, whitelabel |
| lists | Classes to style lists, ordered or unordered. | core, internal, whitelabel |
| caption | A class to style captions. | core, internal, whitelabel |
| footer | A class to style footers. | core, internal, whitelabel |
| utilities | A collection of classes to modify typography including weight, style, superscript, and subscript. | core, internal, whitelabel |

@@ -261,3 +261,3 @@ [See the demos](http://registry.origami.ft.com/components/o-typography) for a full list of the CSS classes provided by these features.

- **hover**: an [o-colors](https://registry.origami.ft.com/components/o-colors) palette colour name or colour for link on hover
- **context** (optional): an [o-colors](https://registry.origami.ft.com/components/o-colors) palette colour name or colour to indicate the background colour behind the link (defaults to paper for the master brand, white otherwise)
- **context** (optional): an [o-colors](https://registry.origami.ft.com/components/o-colors) palette colour name or colour to indicate the background colour behind the link (defaults to paper for the core brand, white otherwise)

@@ -441,6 +441,6 @@ ```scss

- `scale`: The default heading scale, used when no other scales are set (e.g. 5)
- `scale-s`: The heading scale for [small viewports](https://registry.origami.ft.com/components/o-grid/readme?brand=master#layout-sizes) and above.
- `scale-m`: The heading scale for [medium viewports](https://registry.origami.ft.com/components/o-grid/readme?brand=master#layout-sizes) and above.
- `scale-l`: The heading scale for [large viewports](https://registry.origami.ft.com/components/o-grid/readme?brand=master#layout-sizes) and above.
- `scale-xl`: The heading scale for [extra-large viewports](https://registry.origami.ft.com/components/o-grid/readme?brand=master#layout-sizes) and above.
- `scale-s`: The heading scale for [small viewports](https://registry.origami.ft.com/components/o-grid/readme?brand=core#layout-sizes) and above.
- `scale-m`: The heading scale for [medium viewports](https://registry.origami.ft.com/components/o-grid/readme?brand=core#layout-sizes) and above.
- `scale-l`: The heading scale for [large viewports](https://registry.origami.ft.com/components/o-grid/readme?brand=core#layout-sizes) and above.
- `scale-xl`: The heading scale for [extra-large viewports](https://registry.origami.ft.com/components/o-grid/readme?brand=core#layout-sizes) and above.

@@ -529,4 +529,2 @@ In the below example, we update the size and weight of h1 and h2 headings:

---
## Contact

@@ -536,3 +534,3 @@

---
***

@@ -539,0 +537,0 @@ ## Licence

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

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

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc