@financial-times/o-typography - npm Package Compare versions

Comparing version 5.11.6 to 5.12.0

package.json

@@ -26,3 +26,3 @@ {
 	"name": "@financial-times/o-typography",
-	"version": "5.11.6",
+	"version": "5.12.0",
 	"dependencies": {
@@ -34,3 +34,4 @@ "fontfaceobserver": "^2.0.9",
 		"@financial-times/o-grid": "^4.3.1",
-		"@financial-times/o-icons": ">=4.4.2 <6"
+		"@financial-times/o-icons": ">=4.4.2 <6",
+		"@financial-times/o-spacing": "^2.0.0"
 	},
@@ -37,0 +38,0 @@ "component": "o-typography",

README.md

@@ -249,6 +249,12 @@ # o-typography [![Build Status](https://circleci.com/gh/Financial-Times/o-typography.png?style=shield&circle-token=9ca314332de2a9b6a80eb8477e097d9acbc96e0b)](https://circleci.com/gh/Financial-Times/o-typography) [![MIT licensed](https://img.shields.io/badge/license-MIT-blue.svg)](#licence)
 
+There is also a function that will cap line width based on the scale and the characters per line:
+
+- `oTypographyMaxLineWidth($scale, $character-per-line)` - (function) returns a pixel value.
+
 ### Spacing
 
-Along with font sizing o-typography provides spacing mixins, for spacing elements within a baseline grid. The baseline grid defaults to `4px`, stored in `$o-typography-baseline-unit`.
+**`o-typography` spacing Sass is now deprecated, use [o-spacing](https://github.com/Financial-Times/o-spacing) Sass instead.**
 
+Before [o-spacing](https://github.com/Financial-Times/o-spacing) `o-typography` provided spacing Sass for placing elements within our baseline grid. The baseline grid defaults to `4px`, and is stored in `$o-typography-baseline-unit`.
+
 There are 2 mixins and a function provided for working with the baseline grid. Each mixin or function takes arguments used as multipliers of the `$o-typography-baseline-unit` variable.
@@ -260,15 +266,4 @@
 
-There is also a function that will cap line width based on the scale and the characters per line:
+These are now deprecated in favour of [o-spacing](https://github.com/Financial-Times/o-spacing) Sass. See more details about spacing in the registry [SassDoc documentation](sassdoc).
 
-- `oTypographyMaxLineWidth($scale, $character-per-line)` - (function) returns a pixel value.
-
-```sass
-.example-box {
-	@include oTypographyMargin($top: 3, $bottom: 5);
-	@include oTypographyPadding($top: 0, $bottom: 5);
-}
-```
-
-See more details about spacing in the registry [SassDoc documentation](sassdoc).
-
 ### Custom link mixin
@@ -275,0 +270,0 @@

No alert changes

Improved metrics

Total package byte prevSize

140351

increased by1.68%

Worsened metrics

Dependency count

7

increased by16.67%

Number of lines in readme file

566

decreased by-0.88%

Dependency changes

• + Added@financial-times/o-spacing@^2.0.0

• + Added@financial-times/o-spacing@2.1.0(transitive)