@nationalarchives/frontend 0.2.15 → 0.2.16

package/nationalarchives/tools/_colour.scss

@@ -367,7 +367,7 @@
   --accent-background: #{colour.brand-colour("yellow")} !important;
   --accent-background-light: #{colour.brand-colour("cream")} !important;
   --accent-border: #{colour.brand-colour("yellow")} !important;
-  --accent-list-marker: #{colour.brand-colour("brown")} !important;
+  // --accent-list-marker: #{colour.brand-colour("brown")} !important;
   --accent-font-base: #{colour.brand-colour("black")} !important;
   --accent-font-dark: #{colour.brand-colour("black")} !important;
   --accent-font-light: #{colour.brand-colour("black", 0.7)} !important;

package/nationalarchives/variables/_colour.scss

@@ -28,12 +28,13 @@ $colour-palette-brand: (
 );
 
 @function hex-to-rgb($hex, $opacity: 1) {
+  $red: color.channel($hex, "red", $space: rgb);
+  $green: color.channel($hex, "green", $space: rgb);
+  $blue: color.channel($hex, "blue", $space: rgb);
   @if $opacity == 1 {
-    @return rgb(color.red($hex) color.green($hex) color.blue($hex));
+    @return rgb($red $green $blue);
   } @else {
-    @return rgb(
-      color.red($hex) color.green($hex) color.blue($hex) / #{$opacity}
-    );
+    @return rgb($red $green $blue / #{$opacity});
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nationalarchives/frontend",
-  "version": "0.2.15",
+  "version": "0.2.16",
   "description": "The National Archives frontend styles",
   "scripts": {
     "start": "storybook dev -p 6006",
@@ -44,45 +44,45 @@
   "sass": "nationalarchives/all.scss",
   "homepage": "https://github.com/nationalarchives/tna-frontend#readme",
   "devDependencies": {
-    "@babel/core": "^7.25.2",
-    "@babel/preset-env": "^7.25.2",
-    "@mdx-js/react": "^3.0.0",
-    "@storybook/addon-a11y": "^8.3.0",
-    "@storybook/addon-docs": "^8.3.0",
-    "@storybook/addon-essentials": "^8.3.0",
-    "@storybook/addon-interactions": "^8.3.0",
-    "@storybook/addon-links": "^8.3.0",
-    "@storybook/addon-mdx-gfm": "^8.3.0",
-    "@storybook/html": "^8.3.0",
-    "@storybook/html-webpack5": "^8.3.0",
-    "@storybook/test": "^8.3.0",
+    "@babel/core": "^7.25.8",
+    "@babel/preset-env": "^7.25.8",
+    "@mdx-js/react": "^3.0.1",
+    "@storybook/addon-a11y": "^8.3.5",
+    "@storybook/addon-docs": "^8.3.5",
+    "@storybook/addon-essentials": "^8.3.5",
+    "@storybook/addon-interactions": "^8.3.5",
+    "@storybook/addon-links": "^8.3.5",
+    "@storybook/addon-mdx-gfm": "^8.3.5",
+    "@storybook/html": "^8.3.5",
+    "@storybook/html-webpack5": "^8.3.5",
+    "@storybook/test": "^8.3.5",
     "@storybook/test-runner": "^0.19.1",
-    "axe-playwright": "^2.0.1",
+    "axe-playwright": "^2.0.3",
     "babel-jest": "^29.7.0",
-    "babel-loader": "^9.0.1",
-    "chromatic": "^11.3.1",
+    "babel-loader": "^9.2.1",
+    "chromatic": "^11.12.5",
     "copy-webpack-plugin": "^12.0.2",
-    "css-loader": "^7.1.1",
+    "css-loader": "^7.1.2",
     "diff": "^7.0.0",
-    "eslint": "^8.52.0",
-    "eslint-plugin-storybook": "^0.8.0",
+    "eslint": "^8.57.1",
+    "eslint-plugin-storybook": "^0.9.0",
     "glob": "^11.0.0",
-    "html-validate": "^8.18.2",
+    "html-validate": "^8.24.1",
     "jest-environment-jsdom": "^29.7.0",
-    "mdx-mermaid": "^2.0.0",
+    "mdx-mermaid": "^2.0.1",
     "node-self": "^1.0.2",
-    "nunjucks": "^3.2.3",
-    "prettier": "^3.0.1",
-    "sass": "^1.77.6",
-    "sass-loader": "^16.0.1",
+    "nunjucks": "^3.2.4",
+    "prettier": "^3.3.3",
+    "sass": "^1.79.5",
+    "sass-loader": "^16.0.2",
     "simple-nunjucks-loader": "^3.2.0",
-    "storybook": "^8.3.0",
+    "storybook": "^8.3.5",
     "style-loader": "^4.0.0",
-    "stylelint": "^16.8.1",
-    "stylelint-config-standard-scss": "^13.0.0",
+    "stylelint": "^16.10.0",
+    "stylelint-config-standard-scss": "^13.1.0",
     "stylelint-order": "^6.0.4",
-    "stylelint-selector-bem-pattern": "^4.0.0",
-    "webpack": "^5.89.0",
+    "stylelint-selector-bem-pattern": "^4.0.1",
+    "webpack": "^5.95.0",
     "webpack-cli": "^5.1.4"
   }
 }