@financial-times/o-typography
Advanced tools
Comparing version 7.0.3 to 7.1.0
# 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 @@ |
@@ -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
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
118898
0
8
28
253
536