@financial-times/o-teaser 6.2.2 → 6.2.4

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog
 
+### [6.2.4](https://www.github.com/Financial-Times/origami/compare/o-teaser-v6.2.3...o-teaser-v6.2.4) (2022-12-21)
+
+
+### Bug Fixes
+
+* o-teaser, image hero meta contrast ([6b39c4e](https://www.github.com/Financial-Times/origami/commit/6b39c4e2ef3e2765510468bd37d6ad6b26a56908))
+* require 3.3.0 or higher ([fc180c6](https://www.github.com/Financial-Times/origami/commit/fc180c619755daa1b7bfe65509f354cf0de113bf))
+
+### [6.2.3](https://www.github.com/Financial-Times/origami/compare/o-teaser-v6.2.2...o-teaser-v6.2.3) (2022-12-15)
+
+
+### Bug Fixes
+
+* o-teaser, update demos to show focus states ([c0b0454](https://www.github.com/Financial-Times/origami/commit/c0b045475dbac8a2b89a4b496d9785b06bc74ebf))
+
 ### [6.2.2](https://www.github.com/Financial-Times/origami/compare/o-teaser-v6.2.1...o-teaser-v6.2.2) (2022-01-13)
 
 

package/demos/src/demo.scss

@@ -1,7 +1,8 @@
 @import '../../main';
 
-@include oTeaser();
+@include oNormalise();
 @include oFonts();
+@include oTeaser();
 
 body {
 	background-color: oColorsByName('paper');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@financial-times/o-teaser",
-  "version": "6.2.2",
+  "version": "6.2.4",
   "description": "Provides styling for teaser elements, which contain information about an article and link through to it",
   "keywords": [
     "article",
@@ -19,7 +19,9 @@
     "start": "npx serve ./demos/local",
     "build": "bash ../../scripts/component/build.bash",
     "test": "bash ../../scripts/component/test.bash",
-    "lint": "bash ../../scripts/component/lint.bash"
+    "debug:js": "bash ../../scripts/component/debug-js.bash",
+    "lint": "bash ../../scripts/component/lint.bash",
+    "watch": "bash ../../scripts/component/watch.bash"
   },
   "peerDependencies": {
     "@financial-times/o-colors": "^6.0.1",
@@ -32,7 +34,7 @@
   },
   "devDependencies": {
     "@financial-times/o-date": "^5.2.0",
-    "@financial-times/o-normalise": "^3.2.0"
+    "@financial-times/o-normalise": "^3.3.0"
   },
   "engines": {
     "npm": "^7 || ^8"
@@ -42,5 +44,11 @@
     "npm": "7.11.1"
   },
   "percy": true,
-  "private": false
+  "private": false,
+  "dependencies": {
+    "date-fns": "^1.29.0",
+    "dateformat": "^3.0.3",
+    "dompurify": "^2.3.9",
+    "html-react-parser": "^3.0.1"
+  }
 }

package/src/scss/_mixins.scss

@@ -68,6 +68,9 @@
 	.o-teaser__standfirst {
 		@include _oTeaserStandfirst;
 	}
+	.o-teaser__visually-hidden {
+		@include oNormaliseVisuallyHidden;
+	}
 }
 
 @mixin _oTeaserElementsImages {

package/src/scss/elements/_default.scss

@@ -10,7 +10,6 @@
 	font-weight: oFontsWeight(medium);
 }
 
-
 /// Base styles for a teaser
 /// sets the font and basic display properties
 @mixin _oTeaserBase {

package/src/scss/themes/_hero.scss

@@ -120,9 +120,20 @@
 			pointer-events: auto;
 		}
 
+		.o-teaser__tag-suffix {
+			color: inherit;
+		}
+
 		.o-teaser__meta:after {
 			border-bottom-color: oColorsByName('white');
 		}
+
+
+		.o-teaser__tag:hover,
+		.o-teaser__tag:focus {
+			color: inherit;
+			outline-color: inherit;
+		}
 	}
 }
 

package/.eslintignore

@@ -1 +0,0 @@
-demos/local/**

package/.prettierrc.toml

@@ -1,8 +0,0 @@
-printWidth = 80
-trailingComma = "es5"
-semi = true
-singleQuote = true
-useTabs = true
-bracketSpacing = false
-jsxBracketSameLine = true
-arrowParens = "avoid"

package/.stylelintignore

@@ -1 +0,0 @@
-demos/local/**