@nationalarchives/frontend 0.1.54 → 0.1.56

package/nationalarchives/utilities/_a11y.scss

@@ -32,12 +32,26 @@
   @include a11y.focus-outline;
 }
 
+// *:focus-visible {
+//   z-index: 9;
+
+//   @include a11y.focus-outline;
+// }
+
+// @supports not selector(:focus-visible) {
+//   *:focus {
+//     z-index: 9;
+
+//     @include a11y.focus-outline;
+//   }
+// }
+
 *:active {
   @include a11y.active-outline;
 }
 
 .tna-\!--no-focus-style,
-*[tabindex="-1"]:focus {
+*[tabindex="-1"] {
   &:focus {
     outline: none;
   }

package/nationalarchives/utilities/_lists.scss

@@ -4,38 +4,34 @@
 @use "../tools/typography";
 
 .tna-ul,
-.tna-ul ul {
+.tna-ul > li > ul {
   list-style-type: disc;
 }
 
 .tna-ul,
 .tna-ol {
-  ul,
-  ol {
+  margin: spacing.space(1) 0 0;
+
+  > li > ul,
+  > li > ol {
     margin-top: 0;
   }
 
   &,
-  & ul,
-  & ol {
-    margin: spacing.space(1) 0 0;
+  & > li > ul,
+  & > li > ol {
     padding: 0 0 0 spacing.space(2);
 
     &--plain {
       padding-left: 0;
 
       &,
-      & ul,
-      & ol {
+      & > li > ul {
         list-style: none;
       }
     }
 
-    &:first-child {
-      margin-top: 0;
-    }
-
-    li::marker {
+    > li::marker {
       @include colour.colour-font("accent-background");
       font-weight: 700;
 
@@ -44,6 +40,10 @@
       }
     }
   }
+
+  &:first-child {
+    margin-top: 0;
+  }
 }
 
 @mixin stacked-dl {

package/nationalarchives/utilities/_tables.scss

@@ -14,12 +14,8 @@
   border-collapse: collapse;
   @include spacing.space-above;
 
-  &:first-child {
-    margin-top: 0;
-  }
-
   &__caption {
-    padding: spacing.space(1) 0;
+    padding: spacing.space(1) 0 0;
 
     caption-side: bottom;
 
@@ -68,12 +64,12 @@
   }
 
   &__head &__header {
-    @include colour.colour-border("keyline-dark", 4px, solid, bottom);
+    @include colour.thick-keyline-dark(bottom);
   }
 
   &__foot &__header,
   &__foot &__cell {
-    @include colour.colour-border("keyline-dark", 4px, solid, top);
+    @include colour.thick-keyline-dark(top);
   }
 
   p {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nationalarchives/frontend",
-  "version": "0.1.54",
+  "version": "0.1.56",
   "description": "The National Archives frontend styles",
   "scripts": {
     "start": "storybook dev -p 6006",