@nationalarchives/frontend 0.1.18-prerelease → 0.1.19-prerelease

package/nationalarchives/stories/development/relationships.md

@@ -1,91 +0,0 @@
-# Relationship to other resources
-
-## System context
-
-```mermaid
-C4Context
-    Person(dev, "Developer", "TNA developer")
-    System_Ext(github, "GitHub", "Repositories for source files")
-    System_Ext(npm, "NPMJS", "Hosts NodeJS packages")
-    System_Ext(pypi, "PyPi", "Hosts Python packages")
-    Container(app, "Application", "Example application")
-    System_Ext(pypi, "PyPi", "Hosts Python packages")
-
-    Rel(dev, github, "commits to", "git")
-    UpdateRelStyle(dev, github, $offsetX="-30", $offsetY="-30")
-    Rel(github, npm, "publishes to", "npm")
-    Rel(github, pypi, "publishes to", "pip")
-    Rel(app, npm, "consumes", "npm")
-    Rel(app, pypi, "consumes", "pip")
-
-    UpdateLayoutConfig($c4ShapeInRow="2")
-```
-
-## Component diagram
-
-```mermaid
-C4Context
-    Person(dev, "Developer", "TNA developer")
-
-    %% Boundary(developer_machine, "Developer machine", "boundary") {
-    %%     System(docker, "Docker")
-    %% }
-
-    Boundary(github, "GitHub", "boundary") {
-        Boundary(github_jinja, "Jinja templates", "repository") {
-            Container(github_jinja_source, "Jinja templates")
-        }
-
-        Boundary(github_frontend, "Frontend styles", "repository") {
-            Container(github_frontend_source, "Frontend styles", "git repository")
-        }
-
-        Boundary(github_application, "Application", "repository") {
-            Container(github_application_source, "Application source code")
-            Component(github_application_image, "Application docker image", "GitHub image registry")
-        }
-    }
-
-    Boundary(npm, "NPMJS", "boundary") {
-        Component(npm_package, "Frontend styles")
-    }
-
-    Enterprise_Boundary(aws, "TNA AWS", "boundary") {
-        Container(app, "Application")
-    }
-
-    Boundary(pypi, "PyPi", "boundary") {
-        Component(pypi_package, "Jinja templates")
-    }
-
-    Rel(dev, github_frontend_source, "commits to")
-    UpdateRelStyle(dev, github_frontend_source, $offsetX="-80", $offsetY="-80")
-    Rel(github_frontend_source, npm_package, "publishes", "GitHub action")
-    UpdateRelStyle(github_frontend_source, npm_package, $offsetX="-40", $offsetY="-40")
-
-    Rel(dev, github_jinja_source, "commits to")
-    UpdateRelStyle(dev, github_jinja_source, $offsetX="-15", $offsetY="-80")
-    Rel(github_jinja_source, github_frontend_source, "consumes")
-    UpdateRelStyle(github_jinja_source, github_frontend_source, $offsetX="-40", $offsetY="-15")
-    Rel(github_jinja_source, pypi_package, "publishes", "GitHub action")
-    UpdateRelStyle(github_jinja_source, pypi_package, $offsetX="-110", $offsetY="-310")
-
-    Rel(dev, github_application_source, "commits to")
-    UpdateRelStyle(dev, github_application_source, $offsetX="-105", $offsetY="-250")
-    Rel(github_application_source, github_application_image, "creates", "GitHub action")
-    UpdateRelStyle(github_application_source, github_application_image, $offsetX="-90", $offsetY="-20")
-
-    Rel(github_application_image, npm_package, "consumes", "GitHub action")
-    UpdateRelStyle(github_application_image, npm_package, $offsetX="-50", $offsetY="-10")
-    Rel(github_application_image, pypi_package, "consumes", "GitHub action")
-    UpdateRelStyle(github_application_image, pypi_package, $offsetX="-120", $offsetY="-10")
-
-    %% Rel(dev, docker, "uses")
-    %% Rel(docker, npm_package, "consumes")
-    %% Rel(docker, pypi_package, "consumes")
-
-    Rel(app, github_application_image, "consumes")
-    UpdateRelStyle(app, github_application_image, $offsetX="-70", $offsetY="-10")
-
-    UpdateLayoutConfig($c4ShapeInRow="3", $c4BoundaryInRow="2")
-```

package/nationalarchives/stories/development/technologies.mdx

@@ -1,65 +0,0 @@
-import { Meta } from "@storybook/blocks";
-
-<Meta title="Development/Technologies" />
-
-# Technologies
-
-## Storybook
-
-Most widely supported open source frontend workshop for building UI components, constantly updated, also used by TDR
-
-## ESNext JavaScript (not TypeScript)
-
-JavaScript over TypeScript to allow in-project compilation and possible tree-shaking without extra libraries
-
-## Babel
-
-De facto JavaScript compiler and transpiler, allows us to use most up-to-date JavaScript for increased efficiency and cleaner source code
-
-## SCSS
-
-Most mature CSS preprocessor, used in other TNA projects, huge support
-
-## BEM
-
-Agreed CSS methodology within TNA
-
-## Webpack
-
-Already used in many TNA projects, most mature offering although arguably not the fastest - we could consider changing in the future
-
-## Nunjucks
-
-Used by GDS and made by Mozilla, Nunjucks is simple and expandable and allows us to use components in the GOV.UK prototype kit
-
-## npm
-
-Used by many TNA projects and provides highly available package repository, de facto standard for JavaScript packages
-
-## GitHub actions
-
-Free actions not relying on external services, used on some TNA projects but will allow us to have more of a CI/CD methodology
-
-## Prettier
-
-Opinionated code formatter for (S)CSS, JavaScript, JSON and other file types, intended to reduce bikeshedding
-
-## ESLint
-
-De facto linter for JavaScript to catch potential issues
-
-## Stylelint
-
-Most widely supported and mature (S)CSS linter
-
-## Jest
-
-Lightweight and fast testing library, support for Storybook, easy learning curve
-
-## NVM
-
-Ensures all developers can work on the same version of NodeJS, reduces differences between development environments
-
-## Chromatic.com
-
-Suggested by Storybook for visual regression testing

package/nationalarchives/utilities/_font-awesome.scss

@@ -1,5 +0,0 @@
-@import "../variables/assets";
-$fa-font-path: $tna-font-path !default;
-@import "../lib/font-awesome/fontawesome";
-@import "../lib/font-awesome/solid";
-@import "../lib/font-awesome/brands";