Bump @guardian/libs to latest major version (#1591)

tjsilver · web-flow · commit aa4c2caa4528 · 2022-10-17T10:15:36.000+01:00
* bump @guardian/libs pinned to latest major version in devDeps and to latest in peerDeps

* add changeset

* update yarn.lock

* bump @guardian/libs to v9

* add specialReportAlt case to dev kitchen editorial button

* add specialReportAlt case to dev kitchen quote icon

* add ts-lib and web-vitals as dev deps to eslint plugins and dev kitchen

* update changeset to reflect actual version
diff --git a/.changeset/gold-keys-swim.md b/.changeset/gold-keys-swim.md
@@ -0,0 +1,7 @@
+---
+'@guardian/eslint-plugin-source-foundations': major
+'@guardian/eslint-plugin-source-react-components': major
+'@guardian/source-react-components-development-kitchen': major
+---
+
+Bump @guardian/libs to `^9.0.0`
diff --git a/package.json b/package.json
@@ -43,7 +43,7 @@
 		"@emotion/react": "11.0.0",
 		"@guardian/eslint-config": "^2.0.1",
 		"@guardian/eslint-config-typescript": "^1.0.9",
-		"@guardian/libs": "3.0.0",
+		"@guardian/libs": "9.0.0",
 		"@guardian/prettier": "^2.1.4",
 		"@guardian/tsconfig": "^0.1.4",
 		"@nrwl/cli": "14.0.5",
diff --git a/packages/@guardian/eslint-plugin-source-foundations/package.json b/packages/@guardian/eslint-plugin-source-foundations/package.json
@@ -28,14 +28,16 @@
 	"devDependencies": {
 		"@guardian/eslint-config": "^1.0.0",
 		"@guardian/eslint-config-typescript": "^1.0.0",
-		"@guardian/libs": "^3.0.0",
+		"@guardian/libs": "9.0.0",
 		"@types/estree": "^0.0.51",
 		"rollup": "^2.75.4",
 		"rollup-plugin-ts": "^2.0.7",
-		"typescript": "~4.6.4"
+		"tslib": "^2.4.0",
+		"typescript": "~4.6.4",
+		"web-vitals": "^2.0.0"
 	},
 	"peerDependencies": {
-		"@guardian/libs": "^3.0.0",
+		"@guardian/libs": "^9.0.0",
 		"@guardian/source-foundations": "^7.0.0",
 		"eslint": "^8.0.0"
 	},
diff --git a/packages/@guardian/eslint-plugin-source-react-components/package.json b/packages/@guardian/eslint-plugin-source-react-components/package.json
@@ -27,14 +27,16 @@
 	"devDependencies": {
 		"@guardian/eslint-config": "^1.0.0",
 		"@guardian/eslint-config-typescript": "^1.0.0",
-		"@guardian/libs": "^3.0.0",
+		"@guardian/libs": "9.0.0",
 		"@types/estree": "^0.0.51",
 		"rollup": "^2.75.4",
 		"rollup-plugin-ts": "^2.0.7",
-		"typescript": "~4.6.4"
+		"tslib": "^2.4.0",
+		"typescript": "~4.6.4",
+		"web-vitals": "^2.0.0"
 	},
 	"peerDependencies": {
-		"@guardian/libs": "^3.0.0",
+		"@guardian/libs": "^9.0.0",
 		"@guardian/source-react-components": "^9.0.0",
 		"eslint": "^8.0.0"
 	},
diff --git a/packages/@guardian/source-react-components-development-kitchen/package.json b/packages/@guardian/source-react-components-development-kitchen/package.json
@@ -18,11 +18,13 @@
 		"mini-svg-data-uri": "^1.3.3",
 		"npm-run-all": "^4.1.5",
 		"rollup": "^2.75.4",
-		"rollup-plugin-ts": "^2.0.7"
+		"rollup-plugin-ts": "^2.0.7",
+		"tslib": "^2.4.0",
+		"web-vitals": "^2.0.0"
 	},
 	"peerDependencies": {
 		"@emotion/react": "^11.0.0",
-		"@guardian/libs": "^3.0.0",
+		"@guardian/libs": "^9.0.0",
 		"@guardian/source-foundations": "^7.0.0",
 		"@guardian/source-react-components": "^9.0.0",
 		"react": "^17.0.1"
diff --git a/packages/@guardian/source-react-components-development-kitchen/src/editorial-button/styles.ts b/packages/@guardian/source-react-components-development-kitchen/src/editorial-button/styles.ts
@@ -14,6 +14,7 @@ import {
 	neutral,
 	news,
 	opinion,
+	palette,
 	specialReport,
 	sport,
 } from '@guardian/source-foundations';
@@ -160,6 +161,10 @@ export const decideFont = (
 					return css`
 						color: ${specialReport[400]};
 					`;
+				case ArticleSpecial.SpecialReportAlt:
+					return css`
+						color: ${palette.specialReportAlt[200]};
+					`;
 			}
 	}
 };
diff --git a/packages/@guardian/source-react-components-development-kitchen/src/quote-icon/QuoteIcon.tsx b/packages/@guardian/source-react-components-development-kitchen/src/quote-icon/QuoteIcon.tsx
@@ -8,6 +8,7 @@ import {
 	lifestyle,
 	news,
 	opinion,
+	palette,
 	specialReport,
 	sport,
 } from '@guardian/source-foundations';
@@ -57,6 +58,13 @@ const quoteColor = (format: ArticleFormat) => {
 				}
 			`;
 		}
+		case ArticleSpecial.SpecialReportAlt: {
+			return css`
+				svg {
+					fill: ${palette.specialReportAlt[200]};
+				}
+			`;
+		}
 		case ArticleSpecial.Labs: {
 			return css`
 				svg {
diff --git a/yarn.lock b/yarn.lock
@@ -2639,15 +2639,10 @@
     eslint-plugin-import "2.26.0"
     eslint-plugin-prettier "4.0.0"
 
-"@guardian/libs@3.0.0":
-  version "3.0.0"
-  resolved "https://registry.npmjs.org/@guardian/libs/-/libs-3.0.0.tgz#d54813f12f77cede9ee681033f251383ea379acd"
-  integrity sha512-s2NEuE+rX2IyQohFWjKA0OV2GT7HPmh/2QO7cXaZirvMAhrgmEDXu7MSfHfqaLJybpDskUCyik6Yo73qgfnJdg==
-
-"@guardian/libs@^3.0.0":
-  version "3.9.0"
-  resolved "https://registry.yarnpkg.com/@guardian/libs/-/libs-3.9.0.tgz#330ef270b87f0262e09a5f9964b916c21d1f987a"
-  integrity sha512-2i/AvgeIVCdowSJuc/RnXVBZUROjNT48EbdQY5OtUSzgcR0o1EFoibVX7OAd6Y4nIFHULbx5XDhnH1ymYSSYlA==
+"@guardian/libs@9.0.0":
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/@guardian/libs/-/libs-9.0.0.tgz#bb16cbfa4b367d2488e45dfab5d86add893eb028"
+  integrity sha512-VTNP04HisGts8ebnigRwsT255Wcf4ask9puc0AeP29Fj93Hs0rVkh8TAZ5VHEZ5ncNARiJTGAKc7ahatd7QYGQ==
 
 "@guardian/prettier@^2.1.4":
   version "2.1.4"
@@ -15789,6 +15784,11 @@ web-namespaces@^1.0.0:
   resolved "https://registry.npmjs.org/web-namespaces/-/web-namespaces-1.1.4.tgz#bc98a3de60dadd7faefc403d1076d529f5e030ec"
   integrity sha512-wYxSGajtmoP4WxfejAPIr4l0fVh+jeMXZb08wNc0tMg6xsfZXj3cECqIK0G7ZAqUq0PP8WlMDtaOGVBTAWztNw==
 
+web-vitals@^2.0.0:
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/web-vitals/-/web-vitals-2.1.4.tgz#76563175a475a5e835264d373704f9dde718290c"
+  integrity sha512-sVWcwhU5mX6crfI5Vd2dC4qchyTqxV8URinzt25XqVh+bHEPGH4C3NPrNionCP7Obx59wrYEbNlw4Z8sjALzZg==
+
 webidl-conversions@^3.0.0:
   version "3.0.1"
   resolved "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
