@nationalarchives/frontend 0.1.64 → 0.2.0

package/config/.babelrc.json

@@ -0,0 +1,19 @@
+{
+  "sourceType": "unambiguous",
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "chrome": 114
+        }
+      }
+    ]
+  ],
+  "plugins": [],
+  "env": {
+    "test": {
+      "plugins": ["@babel/plugin-transform-modules-commonjs"]
+    }
+  }
+}

package/config/.eslintrc.js

@@ -0,0 +1,25 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+  },
+  extends: ["eslint:recommended"],
+  overrides: [
+    {
+      env: {
+        browser: true,
+        es2021: true,
+        node: true,
+      },
+      files: [".eslintrc.{js,cjs}", "**/*.test.js"],
+      parserOptions: {
+        sourceType: "module",
+      },
+    },
+  ],
+  parserOptions: {
+    ecmaVersion: "latest",
+    sourceType: "module",
+  },
+  rules: {},
+};

package/config/.htmlvalidate.json

@@ -0,0 +1,17 @@
+{
+  "extends": [
+    "html-validate:recommended",
+    "html-validate:standard",
+    "html-validate:a11y"
+  ],
+  "rules": {
+    "form-dup-name": [
+      0,
+      {
+        "allowArrayBrackets": true,
+        "shared": ["radio", "checkbox"]
+      }
+    ],
+    "no-trailing-whitespace": 0
+  }
+}

package/config/stylelint.config.js

@@ -0,0 +1,240 @@
+module.exports = {
+  extends: ["stylelint-config-standard-scss"],
+  plugins: ["stylelint-selector-bem-pattern", "stylelint-order"],
+  ignoreFiles: ["src/nationalarchives/lib/font-awesome/**/*.scss"],
+  rules: {
+    "at-rule-empty-line-before": null,
+    "block-no-empty": null,
+    "declaration-empty-line-before": null,
+    "property-no-vendor-prefix": null,
+    "value-keyword-case": null,
+    "scss/dollar-variable-empty-line-before": null,
+    "scss/double-slash-comment-empty-line-before": null,
+    "selector-class-pattern": null,
+    "no-invalid-position-at-import-rule": null,
+    "plugin/selector-bem-pattern": {
+      preset: "bem",
+    },
+    "color-function-notation": [
+      "modern",
+      {
+        ignore: ["with-var-inside"],
+      },
+    ],
+    "scss/operator-no-newline-after": null,
+    "order/order": ["dollar-variables", "custom-properties", "declarations"],
+    "order/properties-order": [
+      [
+        {
+          emptyLineBefore: "always",
+          properties: ["content"],
+        },
+        {
+          emptyLineBefore: "always",
+          properties: [
+            "min-width",
+            "width",
+            "max-width",
+            "min-height",
+            "height",
+            "max-height",
+            "aspect-ratio",
+            "margin",
+            "margin-top",
+            "margin-right",
+            "margin-bottom",
+            "margin-left",
+            "padding",
+            "padding-top",
+            "padding-right",
+            "padding-bottom",
+            "padding-left",
+          ],
+        },
+        {
+          emptyLineBefore: "always",
+          properties: [
+            "grid-column-start",
+            "grid-column-end",
+            "grid-row-start",
+            "grid-row-end",
+            "grid-column",
+            "grid-row",
+            "grid-area",
+            "justify-self",
+            "align-self",
+            "place-self",
+          ],
+        },
+        {
+          emptyLineBefore: "always",
+          properties: [
+            "appearance",
+            "display",
+            "flex-wrap",
+            "flex-direction",
+            "grid",
+            "grid-template",
+            "grid-template-columns",
+            "grid-template-rows",
+            "grid-template-areas",
+            "grid-auto-columns",
+            "grid-auto-rows",
+            "grid-auto-flow",
+            "justify-items",
+            "align-items",
+            "place-items",
+            "justify-content",
+            "align-content",
+            "place-content",
+            "grid-column-gap",
+            "grid-row-gap",
+            "grid-gap",
+            "gap",
+            "box-sizing",
+            "visibility",
+            "overflow",
+            "overflow-x",
+            "overflow-y",
+            "resize",
+          ],
+        },
+        {
+          emptyLineBefore: "always",
+          properties: ["float", "clear"],
+        },
+        {
+          emptyLineBefore: "always",
+          properties: [
+            "position",
+            "inset",
+            "top",
+            "right",
+            "bottom",
+            "left",
+            "z-index",
+          ],
+        },
+        {
+          emptyLineBefore: "always",
+          properties: [
+            "color",
+            "font-family",
+            "src",
+            "font-size",
+            "font-weight",
+            "line-height",
+            "text-align",
+            "text-align-last",
+            "vertical-align",
+            "font-style",
+            "font-display",
+            "font-optical-sizing",
+            "text-transform",
+            "text-decoration",
+            "text-decoration-thickness",
+            "direction",
+            "letter-spacing",
+            "word-spacing",
+            "text-indent",
+            "text-justify",
+            "text-overflow",
+            "text-overflow-ellipsis",
+            "text-overflow-mode",
+            "text-rendering",
+            "text-size-adjust",
+            "text-outline",
+            "text-shadow",
+            "text-transform",
+            "text-wrap",
+            "word-wrap",
+            "word-break",
+            "text-emphasis",
+            "white-space",
+            "word-spacing",
+            "hyphens",
+          ],
+        },
+        {
+          emptyLineBefore: "always",
+          properties: ["columns", "column-gap"],
+        },
+        {
+          emptyLineBefore: "always",
+          properties: ["list-style", "list-style-position"],
+        },
+        {
+          emptyLineBefore: "always",
+          properties: ["fill"],
+        },
+        {
+          emptyLineBefore: "always",
+          properties: [
+            "background",
+            "background-color",
+            "background-image",
+            "background-size",
+            "background-repeat",
+            "background-clip",
+          ],
+        },
+        {
+          emptyLineBefore: "always",
+          properties: [
+            "border",
+            "border-width",
+            "border-color",
+            "border-style",
+            "border-top-width",
+            "border-top-color",
+            "border-top-style",
+            "border-right-width",
+            "border-right-color",
+            "border-right-style",
+            "border-bottom-width",
+            "border-bottom-color",
+            "border-bottom-style",
+            "border-left-width",
+            "border-left-color",
+            "border-left-style",
+            "border-collapse",
+            "border-radius",
+            "border-top-left-radius",
+            "border-top-right-radius",
+            "border-bottom-left-radius",
+            "border-bottom-right-radius",
+            "outline",
+            "outline-width",
+            "outline-color",
+            "outline-style",
+            "outline-offset",
+          ],
+        },
+        {
+          emptyLineBefore: "always",
+          properties: ["box-shadow"],
+        },
+        {
+          emptyLineBefore: "always",
+          properties: ["transform"],
+        },
+        {
+          emptyLineBefore: "always",
+          properties: ["translate"],
+        },
+        {
+          emptyLineBefore: "always",
+          properties: ["opacity"],
+        },
+        {
+          emptyLineBefore: "always",
+          properties: ["cursor"],
+        },
+        {
+          emptyLineBefore: "always",
+          properties: ["clip", "clip-path", "zoom", "resize"],
+        },
+      ],
+    ],
+  },
+};