barbican-reset 3.6.0 → 3.8.0

package/css/lists.css

@@ -0,0 +1,12 @@
+dl,
+menu,
+ol,
+ul {
+  padding: 0 0 0 1.25rem;
+}
+
+nav > ul {
+  list-style: none;
+  padding: 0;
+}
+/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxpc3RzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQTtBQUFBO0FBQUE7RUFJRTs7O0FBR0Y7RUFDRTtFQUNBIiwiZmlsZSI6Imxpc3RzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbImRsLFxubWVudSxcbm9sLFxudWwge1xuICBwYWRkaW5nOiAwIDAgMCAxLjI1cmVtO1xufVxuXG5uYXY+dWwge1xuICBsaXN0LXN0eWxlOiBub25lO1xuICBwYWRkaW5nOiAwO1xufSJdfQ== */

package/css/reset.css

@@ -0,0 +1,19 @@
+html {
+  box-sizing: border-box;
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: inherit;
+}
+
+body {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  line-height: 1.35;
+  font-size: 1.0625rem;
+  color: #333333;
+  margin: 0;
+}
+/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlc2V0LnNjc3MiLCJoZWxwZXJzL3ZhcmlhYmxlcy9fdHlwb2dyYXBoeS5zY3NzIiwiaGVscGVycy92YXJpYWJsZXMvY29sb3JzL19ncmV5LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7RUFDRTs7O0FBR0Y7QUFBQTtBQUFBO0VBR0U7OztBQUdGO0VBQ0U7RUFDQTtFQUNBLGFDS2U7RURKZixXQ2RlO0VEZWYsT0VoQlc7RUZpQlgiLCJmaWxlIjoicmVzZXQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiQHVzZSBcImhlbHBlcnNcIiBhcyAqO1xuXG5odG1sIHtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbn1cblxuKixcbio6YmVmb3JlLFxuKjphZnRlciB7XG4gIGJveC1zaXppbmc6IGluaGVyaXQ7XG59XG5cbmJvZHkge1xuICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDtcbiAgLW1vei1vc3gtZm9udC1zbW9vdGhpbmc6IGdyYXlzY2FsZTtcbiAgbGluZS1oZWlnaHQ6ICRsaW5lLWhlaWdodC1tZDtcbiAgZm9udC1zaXplOiAkYm9keS1mb250LXNpemU7XG4gIGNvbG9yOiAkYy1ncmV5LWwyMTtcbiAgbWFyZ2luOiAwO1xufSIsIkB1c2UgXCIuLi9mdW5jdGlvbnNcIiBhcyAqO1xuXG4kYm9keS1mb250LXNpemU6IHRvUmVtKDE3KTtcblxuJGgxLWZvbnQtc2l6ZTogdG9SZW0oNDIpO1xuXG4kaDItZm9udC1zaXplOiB0b1JlbSgzNCk7XG5cbiRoMy1mb250LXNpemU6IHRvUmVtKDI4KTtcblxuJGg0LWZvbnQtc2l6ZTogdG9SZW0oMjQpO1xuXG4kaDUtZm9udC1zaXplOiB0b1JlbSgyMCk7XG5cbiRmb250LXNpemUtc206IHRvUmVtKDE0KTsgLy8gc21hbGwgYXMgaXQgZ2V0c1xuXG4kbGluZS1oZWlnaHQteHM6IDEuMTtcblxuJGxpbmUtaGVpZ2h0LXNtOiAxLjI7XG5cbiRsaW5lLWhlaWdodC1tZDogMS4zNTtcblxuJGxpbmUtaGVpZ2h0LWxnOiAxLjg7XG5cbiRoZWFkaW5ncy1saW5lLWhlaWdodDogJGxpbmUtaGVpZ2h0LXNtO1xuXG4kaGVhZGluZ3MtbGV0dGVyLXNwYWNpbmc6IC0wLjAxNWVtO1xuXG4kbGluay1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG5cbiRib3JkZXItd2lkdGg6IHRvUmVtKDEpOyIsIiRjLWdyZXktbDExOiAjMWExYTFhOyAvLyBtaWRuaWdodFxuJGMtZ3JleS1sMjE6ICMzMzMzMzM7IC8vIG5pZ2h0XG4kYy1ncmV5LWw0NDogIzU5NTk1OTsgLy8gc3RlZWxcbiRjLWdyZXktbDY1OiAjYTZhNmE2OyAvLyBjb25jcmV0ZVxuJGMtZ3JleS1sODc6ICNkOWQ5ZDk7IC8vIHBlYXJsXG4kYy1ncmV5LWw5NjogI2YyZjJmMjsgLy8gYWxwaW5lIl19 */

package/css/supreme.css

@@ -0,0 +1,37 @@
+@font-face {
+  font-family: "Supreme";
+  src: url("https://static.barbican.org.uk/systems-public/fonts/subset/SupremeLLWeb-Black.woff") format("woff"), url("https://static.barbican.org.uk/systems-public/fonts/subset/SupremeLLWeb-Black.woff2") format("woff2");
+  font-style: normal;
+  font-weight: 800;
+}
+@font-face {
+  font-family: "Supreme";
+  src: url("https://static.barbican.org.uk/systems-public/fonts/subset/SupremeLLWeb-BlackItalic.woff") format("woff"), url("https://static.barbican.org.uk/systems-public/fonts/subset/SupremeLLWeb-BlackItalic.woff2") format("woff2");
+  font-style: italic;
+  font-weight: 800;
+}
+@font-face {
+  font-family: "Supreme";
+  src: url("https://static.barbican.org.uk/systems-public/fonts/subset/SupremeLLWeb-Regular.woff2") format("woff2");
+  font-style: normal;
+  font-weight: 600;
+}
+@font-face {
+  font-family: "Supreme";
+  src: url("https://static.barbican.org.uk/systems-public/fonts/subset/SupremeLLWeb-Italic.woff") format("woff"), url("https://static.barbican.org.uk/systems-public/fonts/subset/SupremeLLWeb-Italic.woff2") format("woff2");
+  font-style: italic;
+  font-weight: 600;
+}
+@font-face {
+  font-family: "Supreme";
+  src: url("https://static.barbican.org.uk/systems-public/fonts/subset/SupremeLLWeb-Light.woff") format("woff"), url("https://static.barbican.org.uk/systems-public/fonts/subset/SupremeLLWeb-Light.woff2") format("woff2");
+  font-style: normal;
+  font-weight: 400;
+}
+@font-face {
+  font-family: "Supreme";
+  src: url("https://static.barbican.org.uk/systems-public/fonts/subset/SupremeLLWeb-LightItalic.woff") format("woff"), url("https://static.barbican.org.uk/systems-public/fonts/subset/SupremeLLWeb-LightItalic.woff2") format("woff2");
+  font-style: italic;
+  font-weight: 400;
+}
+/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN1cHJlbWUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJQTtFQUNFLGFBTEs7RUFNTDtFQUVBO0VBQ0E7O0FBR0Y7RUFDRSxhQWJLO0VBY0w7RUFFQTtFQUNBOztBQUdGO0VBQ0UsYUFyQks7RUFzQkw7RUFDQTtFQUNBOztBQUdGO0VBQ0UsYUE1Qks7RUE2Qkw7RUFFQTtFQUNBOztBQUdGO0VBQ0U7RUFDQTtFQUVBO0VBQ0E7O0FBR0Y7RUFDRTtFQUNBO0VBRUE7RUFDQSIsImZpbGUiOiJzdXByZW1lLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIiRuYW1lOiBcIlN1cHJlbWVcIjtcbiR2YXJpYW50OiBcIkxMV2ViXCI7XG4kcGF0aDogXCJodHRwczovL3N0YXRpYy5iYXJiaWNhbi5vcmcudWsvc3lzdGVtcy1wdWJsaWMvZm9udHMvc3Vic2V0XCI7XG5cbkBmb250LWZhY2Uge1xuICBmb250LWZhbWlseTogJG5hbWU7XG4gIHNyYzogdXJsKFwiI3skcGF0aH0vI3skbmFtZX0jeyR2YXJpYW50fS1CbGFjay53b2ZmXCIpIGZvcm1hdChcIndvZmZcIiksXG4gIHVybChcIiN7JHBhdGh9LyN7JG5hbWV9I3skdmFyaWFudH0tQmxhY2sud29mZjJcIikgZm9ybWF0KFwid29mZjJcIik7XG4gIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgZm9udC13ZWlnaHQ6IDgwMDtcbn1cblxuQGZvbnQtZmFjZSB7XG4gIGZvbnQtZmFtaWx5OiAkbmFtZTtcbiAgc3JjOiB1cmwoXCIjeyRwYXRofS8jeyRuYW1lfSN7JHZhcmlhbnR9LUJsYWNrSXRhbGljLndvZmZcIikgZm9ybWF0KFwid29mZlwiKSxcbiAgdXJsKFwiI3skcGF0aH0vI3skbmFtZX0jeyR2YXJpYW50fS1CbGFja0l0YWxpYy53b2ZmMlwiKSBmb3JtYXQoXCJ3b2ZmMlwiKTtcbiAgZm9udC1zdHlsZTogaXRhbGljO1xuICBmb250LXdlaWdodDogODAwO1xufVxuXG5AZm9udC1mYWNlIHtcbiAgZm9udC1mYW1pbHk6ICRuYW1lO1xuICBzcmM6IHVybChcIiN7JHBhdGh9LyN7JG5hbWV9I3skdmFyaWFudH0tUmVndWxhci53b2ZmMlwiKSBmb3JtYXQoXCJ3b2ZmMlwiKTtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXdlaWdodDogNjAwO1xufVxuXG5AZm9udC1mYWNlIHtcbiAgZm9udC1mYW1pbHk6ICRuYW1lO1xuICBzcmM6IHVybChcIiN7JHBhdGh9LyN7JG5hbWV9I3skdmFyaWFudH0tSXRhbGljLndvZmZcIikgZm9ybWF0KFwid29mZlwiKSxcbiAgdXJsKFwiI3skcGF0aH0vI3skbmFtZX0jeyR2YXJpYW50fS1JdGFsaWMud29mZjJcIikgZm9ybWF0KFwid29mZjJcIik7XG4gIGZvbnQtc3R5bGU6IGl0YWxpYztcbiAgZm9udC13ZWlnaHQ6IDYwMDtcbn1cblxuQGZvbnQtZmFjZSB7XG4gIGZvbnQtZmFtaWx5OiBcIlN1cHJlbWVcIjtcbiAgc3JjOiB1cmwoXCIjeyRwYXRofS8jeyRuYW1lfSN7JHZhcmlhbnR9LUxpZ2h0LndvZmZcIikgZm9ybWF0KFwid29mZlwiKSxcbiAgdXJsKFwiI3skcGF0aH0vI3skbmFtZX0jeyR2YXJpYW50fS1MaWdodC53b2ZmMlwiKSBmb3JtYXQoXCJ3b2ZmMlwiKTtcbiAgZm9udC1zdHlsZTogbm9ybWFsO1xuICBmb250LXdlaWdodDogNDAwO1xufVxuXG5AZm9udC1mYWNlIHtcbiAgZm9udC1mYW1pbHk6IFwiU3VwcmVtZVwiO1xuICBzcmM6IHVybChcIiN7JHBhdGh9LyN7JG5hbWV9I3skdmFyaWFudH0tTGlnaHRJdGFsaWMud29mZlwiKSBmb3JtYXQoXCJ3b2ZmXCIpLFxuICB1cmwoXCIjeyRwYXRofS8jeyRuYW1lfSN7JHZhcmlhbnR9LUxpZ2h0SXRhbGljLndvZmYyXCIpIGZvcm1hdChcIndvZmYyXCIpO1xuICBmb250LXN0eWxlOiBpdGFsaWM7XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG59Il19 */

package/css/typography.css

@@ -0,0 +1,55 @@
+h1,
+.h1 {
+  font-weight: bold;
+  margin: 0;
+  font-size: 2.625rem;
+}
+
+h2,
+.h2 {
+  font-weight: bold;
+  margin: 2rem 0 0;
+  font-size: 2.125rem;
+}
+
+h3,
+.h3 {
+  font-weight: bold;
+  margin: 1.5rem 0 0;
+  font-size: 1.75rem;
+}
+
+h4,
+.h4 {
+  font-weight: bold;
+  margin: 0;
+  font-size: 1.5rem;
+}
+
+h5,
+.h5 {
+  font-weight: bold;
+  margin: 0;
+  font-size: 1.25rem;
+}
+
+h6,
+.h6 {
+  font-weight: bold;
+  margin: 0;
+  font-size: 1rem;
+}
+
+a,
+a:hover {
+  color: inherit;
+}
+
+p {
+  margin-bottom: 0;
+}
+
+p + p {
+  margin-top: 1rem;
+}
+/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInR5cG9ncmFwaHkuc2NzcyIsImhlbHBlcnMvbWl4aW5zL19oZWFkaW5ncy5zY3NzIiwiaGVscGVycy92YXJpYWJsZXMvX3R5cG9ncmFwaHkuc2NzcyIsImhlbHBlcnMvdmFyaWFibGVzL2luZGV4LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7QUFBQTtFQ0lFO0VBQ0EsUUFGeUI7RUFPekIsV0NSYTs7O0FGR2Y7QUFBQTtFQ0RFO0VBQ0EsUUFTb0I7RUFDcEIsV0NYYTs7O0FGTWY7QUFBQTtFQ05FO0VBQ0EsUUFjb0I7RUFDcEIsV0NkYTs7O0FGU2Y7QUFBQTtFQ1hFO0VBQ0EsUUFGeUI7RURlekIsV0VWYTs7O0FGYWY7QUFBQTtFQ2pCRTtFQUNBLFFBRnlCO0VEcUJ6QixXRWRhOzs7QUZpQmY7QUFBQTtFQ3ZCRTtFQUNBLFFBRnlCO0VEMkJ6QixXR2ZnQjs7O0FIa0JsQjtBQUFBO0VBRUU7OztBQUdGO0VBQ0U7OztBQUdGO0VBQ0UiLCJmaWxlIjoidHlwb2dyYXBoeS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlIFwiaGVscGVyc1wiIGFzICo7XG5cbmgxLFxuLmgxIHtcbiAgQGluY2x1ZGUgYnItaDE7XG59XG5cbmgyLFxuLmgyIHtcbiAgQGluY2x1ZGUgYnItaDI7XG59XG5cbmgzLFxuLmgzIHtcbiAgQGluY2x1ZGUgYnItaDM7XG59XG5cbmg0LFxuLmg0IHtcbiAgQGluY2x1ZGUgYnItaGVhZGluZztcbiAgZm9udC1zaXplOiAkaDQtZm9udC1zaXplO1xufVxuXG5oNSxcbi5oNSB7XG4gIEBpbmNsdWRlIGJyLWhlYWRpbmc7XG4gIGZvbnQtc2l6ZTogJGg1LWZvbnQtc2l6ZTtcbn1cblxuaDYsXG4uaDYge1xuICBAaW5jbHVkZSBici1oZWFkaW5nO1xuICBmb250LXNpemU6ICRici1oNi1mb250LXNpemU7XG59XG5cbmEsXG5hOmhvdmVyIHtcbiAgY29sb3I6IGluaGVyaXQ7XG59XG5cbnAge1xuICBtYXJnaW4tYm90dG9tOiAwO1xufVxuXG5wK3Age1xuICBtYXJnaW4tdG9wOiAxcmVtO1xufSIsIkB1c2UgXCIuLi92YXJpYWJsZXMvdHlwb2dyYXBoeVwiIGFzICo7XG5AdXNlIFwiLi4vZnVuY3Rpb25zXCIgYXMgKjtcblxuLy8vIEdlbmVyaWMgbWFyZ2luL2ZvbnQgd2VpZ2h0IHJlc2V0IGZvciB0aXRsZSBoZWFkaW5nc1xuLy8vIEBwYXJhbSB7U3RyaW5nfSAkbWFyZ2luIFswXSAtIHBpeGVsIHZhbHVlIFxuQG1peGluIGJyLWhlYWRpbmcoJG1hcmdpbjogMCkge1xuICBmb250LXdlaWdodDogYm9sZDtcbiAgbWFyZ2luOiAkbWFyZ2luO1xufVxuXG5AbWl4aW4gYnItaDEge1xuICBAaW5jbHVkZSBici1oZWFkaW5nO1xuICBmb250LXNpemU6ICRoMS1mb250LXNpemU7XG59XG5cbkBtaXhpbiBici1oMiB7XG4gIEBpbmNsdWRlIGJyLWhlYWRpbmcodG9SZW0oMzIpIDAgMCk7XG4gIGZvbnQtc2l6ZTogJGgyLWZvbnQtc2l6ZTtcbn1cblxuQG1peGluIGJyLWgzIHtcbiAgQGluY2x1ZGUgYnItaGVhZGluZyh0b1JlbSgyNCkgMCAwKTtcbiAgZm9udC1zaXplOiAkaDMtZm9udC1zaXplO1xufSIsIkB1c2UgXCIuLi9mdW5jdGlvbnNcIiBhcyAqO1xuXG4kYm9keS1mb250LXNpemU6IHRvUmVtKDE3KTtcblxuJGgxLWZvbnQtc2l6ZTogdG9SZW0oNDIpO1xuXG4kaDItZm9udC1zaXplOiB0b1JlbSgzNCk7XG5cbiRoMy1mb250LXNpemU6IHRvUmVtKDI4KTtcblxuJGg0LWZvbnQtc2l6ZTogdG9SZW0oMjQpO1xuXG4kaDUtZm9udC1zaXplOiB0b1JlbSgyMCk7XG5cbiRmb250LXNpemUtc206IHRvUmVtKDE0KTsgLy8gc21hbGwgYXMgaXQgZ2V0c1xuXG4kbGluZS1oZWlnaHQteHM6IDEuMTtcblxuJGxpbmUtaGVpZ2h0LXNtOiAxLjI7XG5cbiRsaW5lLWhlaWdodC1tZDogMS4zNTtcblxuJGxpbmUtaGVpZ2h0LWxnOiAxLjg7XG5cbiRoZWFkaW5ncy1saW5lLWhlaWdodDogJGxpbmUtaGVpZ2h0LXNtO1xuXG4kaGVhZGluZ3MtbGV0dGVyLXNwYWNpbmc6IC0wLjAxNWVtO1xuXG4kbGluay1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG5cbiRib3JkZXItd2lkdGg6IHRvUmVtKDEpOyIsIkBmb3J3YXJkICdjb2xvcnMnO1xuQGZvcndhcmQgJ3R5cG9ncmFwaHknO1xuQGZvcndhcmQgJ2FsZXJ0cyc7XG5AZm9yd2FyZCAnbGF5b3V0JztcbkBmb3J3YXJkICdjb2x1bW5zJztcblxuJGJyLWdyYXktMzAwOiAjZGVlMmU2O1xuJGJyLWdyYXktNDAwOiAjY2VkNGRhO1xuJGJyLWdyYXktNTAwOiAjYWRiNWJkO1xuJGJyLWJsdWU6ICMwZDZlZmQ7XG4kYnItaW5wdXQtYm9yZGVyLWNvbG9yOiAjY2VkNGRhO1xuXG4kYnItYm9yZGVyLXJhZGl1czogMC4yNXJlbTtcblxuJGJyLWZvbnQtc2l6ZS1iYXNlOiAxcmVtO1xuJGJyLWZvbnQtc2l6ZS1sZzogMS4yNXJlbTtcblxuJGJyLWg2LWZvbnQtc2l6ZTogMXJlbTsiXX0= */

package/index.js

@@ -1,79 +1,44 @@
-import BrAlert from "#components/BrAlert.vue";
-import BrAnchor from "#components/BrAnchor.vue";
-import BrButton from "#components/BrButton.vue";
-
-import BrCard from "#components/BrCard.vue";
-import BrCardBody from "#components/BrCardBody.vue";
-import BrCardText from "#components/BrCardText.vue";
-import BrCardTitle from "#components/BrCardTitle.vue";
-import BrCardSubTitle from "#components/BrCardSubTitle.vue";
-
-import BrCollapseButton from "#components/BrCollapse/Button.vue";
-import BrCollapseContent from "#components/BrCollapse/Content.vue";
-
-import BrConfirmDone from "#components/BrConfirmDone.vue";
-import BrConfirmEmail from "#components/BrConfirmEmail.vue";
-
-import BrContainer from "#components/BrContainer.vue";
-
-import BrFooterLower from "#components/BrFooterLower.vue";
-import BrFooterUpper from "#components/BrFooterUpper.vue";
-
-import BrFormBlock from "#components/BrFormBlock.vue";
-import BrFormCheckbox from "#components/BrFormCheckbox/Component.vue";
-import BrFormCheckboxGroup from "#components/BrFormCheckboxGroup/Component.vue";
-import BrFormGroup from "#components/BrFormGroup/Component.vue";
-import BrFormInput from "#components/BrFormInput/Component.vue";
-import BrFormPassword from "#components/BrFormPassword.vue";
-import BrFormRadio from "#components/BrFormRadio/Component.vue";
-import BrFormRadioGroup from "#components/BrFormRadioGroup/Component.vue";
-import BrFormRow from "#components/BrFormRow.vue";
-import BrFormTextarea from "#components/BrFormTextarea/Component.vue";
-import BrFormUpdate from "#components/BrFormUpdate.vue";
-
-import BrLoader from "#components/BrLoader.vue";
-import BrSkiplink from "#components/BrSkiplink.vue";
-import BrWrap from "#components/BrWrap.vue";
-
-import AccountTitle from "#components/AccountTitle.vue";
-import EventSummary from "#components/EventSummary.vue";
-import FluidIframe from "#components/FluidIframe.vue";
-import SeeInside from "#components/SeeInside.vue";
-import VideoContent from "#components/VideoContent.vue";
-
-export {
-  BrAlert,
-  BrAnchor,
-  BrButton,
-  BrCard,
-  BrCardBody,
-  BrCardSubTitle,
-  BrCardText,
-  BrCardTitle,
-  BrCollapseButton,
-  BrCollapseContent,
-  BrConfirmDone,
-  BrConfirmEmail,
-  BrContainer,
-  BrFooterLower,
-  BrFooterUpper,
-  BrFormBlock,
-  BrFormCheckbox,
-  BrFormCheckboxGroup,
-  BrFormGroup,
-  BrFormInput,
-  BrFormPassword,
-  BrFormRadio,
-  BrFormRadioGroup,
-  BrFormRow,
-  BrFormTextarea,
-  BrFormUpdate,
-  BrLoader,
-  BrSkiplink,
-  BrWrap,
-  AccountTitle,
-  EventSummary,
-  FluidIframe,
-  SeeInside,
-  VideoContent,
-};
+import BrAlert from '#components/BrAlert.vue'
+import BrAnchor from '#components/BrAnchor.vue'
+import BrButton from '#components/BrButton.vue'
+
+import BrCard from '#components/BrCard.vue'
+import BrCardBody from '#components/BrCardBody.vue'
+import BrCardText from '#components/BrCardText.vue'
+import BrCardTitle from '#components/BrCardTitle.vue'
+import BrCardSubTitle from '#components/BrCardSubTitle.vue'
+
+import BrCollapseButton from '#components/BrCollapse/Button.vue'
+import BrCollapseContent from '#components/BrCollapse/Content.vue'
+
+import BrConfirmDone from '#components/BrConfirmDone.vue'
+import BrConfirmEmail from '#components/BrConfirmEmail.vue'
+
+import BrContainer from '#components/BrContainer/Component.vue'
+
+import BrFooterLower from '#components/BrFooterLower.vue'
+import BrFooterUpper from '#components/BrFooterUpper.vue'
+
+import BrFormBlock from '#components/BrFormBlock.vue'
+import BrFormCheckbox from '#components/BrFormCheckbox/Component.vue'
+import BrFormCheckboxGroup from '#components/BrFormCheckboxGroup/Component.vue'
+import BrFormGroup from '#components/BrFormGroup/Component.vue'
+import BrFormInput from '#components/BrFormInput/Component.vue'
+import BrFormPassword from '#components/BrFormPassword.vue'
+import BrFormRadio from '#components/BrFormRadio/Component.vue'
+import BrFormRadioGroup from '#components/BrFormRadioGroup/Component.vue'
+import BrFormRow from '#components/BrFormRow.vue'
+import BrFormTextarea from '#components/BrFormTextarea/Component.vue'
+import BrFormUpdate from '#components/BrFormUpdate.vue'
+
+import BrLoader from '#components/BrLoader.vue'
+import BrSkiplink from '#components/BrSkiplink.vue'
+import BrWrap from '#components/BrWrap.vue'
+
+import AccountTitle from '#components/AccountTitle.vue'
+import EventSummary from '#components/EventSummary.vue'
+import FluidIframe from '#components/FluidIframe.vue'
+import SeeInside from '#components/SeeInside.vue'
+import VideoContent from '#components/VideoContent.vue'
+
+export { BrAlert, BrAnchor, BrButton, BrCard, BrCardBody, BrCardSubTitle, BrCardText, BrCardTitle, BrCollapseButton, BrCollapseContent, BrConfirmDone, BrConfirmEmail, BrContainer, BrFooterLower, BrFooterUpper, BrFormBlock, BrFormCheckbox, BrFormCheckboxGroup, BrFormGroup, BrFormInput, BrFormPassword, BrFormRadio, BrFormRadioGroup, BrFormRow, BrFormTextarea, BrFormUpdate, BrLoader, BrSkiplink, BrWrap, AccountTitle, EventSummary, FluidIframe, SeeInside, VideoContent }

package/package.json

@@ -111,6 +111,10 @@
     ".": "./index.js",
     "./animations": "./animations/index.js",
     "./css": "./css/index.css",
+    "./lists": "./css/lists.css",
+    "./reset": "./css/reset.css",
+    "./supreme": "./css/supreme.css",
+    "./typography": "./css/typography.css",
     "./focus-visible": "./focus-visible.min.js",
     "./icons": "./icons/index.js",
     "./icons/account": "./icons/account/index.js",
@@ -134,5 +138,5 @@
     "style:patterns": "cd patterns && gulp build:css",
     "build:patterns": "cd patterns && rm -rf html && pug views --out html"
   },
-  "version": "3.6.0"
+  "version": "3.8.0"
 }

package/scss/_br-button.scss

@@ -209,4 +209,8 @@
   &.expand {
     @include btn-expand;
   }
+
+  &.expand--mobile {
+    @include btn-expand--mobile;
+  }
 }

package/scss/_br-container.scss

@@ -1,6 +1,12 @@
 @use "helpers/mixins/breakpoints" as *;
 @use "helpers/variables/layout" as *;
 
+.br-container {
+  &.masthead {
+    box-shadow: 0 0.375rem 0.375rem rgba(black, 0.1);
+  }
+}
+
 .br-container--outer {
   padding-right: 5%;
   padding-left: 5%;
@@ -11,7 +17,6 @@
   }
 
   &.masthead {
-    box-shadow: 0 0.375rem 0.375rem rgba(black, 0.1);
     background-color: white;
   }
 }

package/scss/_br-form-row.scss

@@ -1,5 +1,6 @@
 @use "helpers/mixins/br-form-row" as *;
 @use "helpers/mixins/breakpoints" as *;
+@use "helpers/mixins/buttons" as *;
 
 .br-form-row {
   @include br-form-row;
@@ -33,10 +34,8 @@
       display: flex;
       gap: 1rem;
 
-      @include small-down {
-        >button {
-          width: 100%;
-        }
+      >button {
+        @include btn-expand--mobile;
       }
     }
   }

package/scss/_footer.scss

@@ -1,9 +0,0 @@
-@use "helpers/variables/colors" as *;
-
-.footer--eticketing {
-  color: white;
-
-  &:not(.splash) {
-    background-color: $c-grey-l11;
-  }
-}

package/scss/_header.scss

@@ -1,13 +0,0 @@
-@use "helpers/variables/colors" as *;
-
-.header--eticketing {
-  background-color: $c-brand-generic;
-  color: white;
-
-  &.videoSplash,
-  &.cinemaSplash,
-  &.concertSplash,
-  &.theatreSplash {
-    display: none;
-  }
-}

package/scss/helpers/mixins/_br-alert.scss

@@ -89,10 +89,6 @@
 }
 
 @mixin br-alert--setup {
-  @include small-down {
-    font-size: $font-size-sm;
-  }
-
   .title {
     @include br-alert--title;
   }

package/scss/helpers/mixins/_br-form-row.scss

@@ -13,13 +13,15 @@
     display: grid;
   }
 
-  >label {
+  >label,
+  .fake-label {
     @include small-up {
       margin-top: 1rem;
     }
   }
 
-  label {
+  label,
+  .fake-label {
     @include small-down {
       margin-bottom: 0.5rem;
     }

package/scss/helpers/mixins/buttons/_custom.scss

@@ -357,4 +357,11 @@
 
 @mixin btn-expand {
   display: block;
+  width: 100%;
+}
+
+@mixin btn-expand--mobile {
+  @include small-down {
+    @include btn-expand;
+  }
 }

package/scss/helpers/variables/colors/_grey.scss

@@ -1,5 +1,3 @@
-$black: #000000; // deprecate this for $c-grey-l11
-
 $c-grey-l11: #1a1a1a; // midnight
 $c-grey-l21: #333333; // night
 $c-grey-l44: #595959; // steel

package/scss/helpers/variables/index.scss

@@ -4,6 +4,10 @@
 @forward 'layout';
 @forward 'columns';
 
+$br-gray-300: #dee2e6;
+$br-gray-400: #ced4da;
+$br-gray-500: #adb5bd;
+$br-blue: #0d6efd;
 $br-input-border-color: #ced4da;
 
 $br-border-radius: 0.25rem;

package/scss/index.scss

@@ -3,12 +3,14 @@
 @use "app";
 @use "city-of-london";
 @use "close-icon";
-@use "font";
-@use "footer";
-@use "header";
 @use "main";
 @use "table";
 
+@use "reset";
+@use "supreme";
+@use "typography";
+@use "lists"; // bootstrap legacy styles
+
 @use "br-alert";
 @use "br-button";
 @use "br-checkbox";
@@ -28,74 +30,7 @@
 @use "card/index";
 @use "card-deck";
 @use "form";
-@use "list";
 @use "input";
 
 // atomic helper styles
-@use "atomic";
-
-html {
-  box-sizing: border-box;
-}
-
-*,
-*:before,
-*:after {
-  box-sizing: inherit;
-}
-
-body {
-  font-family: Supreme, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  line-height: $line-height-md;
-  font-size: $body-font-size;
-  color: $c-grey-l21;
-  margin: 0;
-}
-
-h1,
-.h1 {
-  @include br-h1;
-}
-
-h2,
-.h2 {
-  @include br-h2;
-}
-
-h3,
-.h3 {
-  @include br-h3;
-}
-
-h4,
-.h4 {
-  @include br-heading;
-  font-size: $h4-font-size;
-}
-
-h5,
-.h5 {
-  @include br-heading;
-  font-size: $h5-font-size;
-}
-
-h6,
-.h6 {
-  @include br-heading;
-  font-size: $br-h6-font-size;
-}
-
-a,
-a:hover {
-  color: inherit;
-}
-
-p {
-  margin-bottom: 0;
-}
-
-p+p {
-  margin-top: 1rem;
-}
+@use "atomic";

package/scss/reset.scss

@@ -0,0 +1,20 @@
+@use "helpers" as *;
+
+html {
+  box-sizing: border-box;
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: inherit;
+}
+
+body {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  line-height: $line-height-md;
+  font-size: $body-font-size;
+  color: $c-grey-l21;
+  margin: 0;
+}

package/scss/typography.scss

@@ -0,0 +1,47 @@
+@use "helpers" as *;
+
+h1,
+.h1 {
+  @include br-h1;
+}
+
+h2,
+.h2 {
+  @include br-h2;
+}
+
+h3,
+.h3 {
+  @include br-h3;
+}
+
+h4,
+.h4 {
+  @include br-heading;
+  font-size: $h4-font-size;
+}
+
+h5,
+.h5 {
+  @include br-heading;
+  font-size: $h5-font-size;
+}
+
+h6,
+.h6 {
+  @include br-heading;
+  font-size: $br-h6-font-size;
+}
+
+a,
+a:hover {
+  color: inherit;
+}
+
+p {
+  margin: 0;
+}
+
+p+p {
+  margin-top: 1rem;
+}