@pnx-mixtape/mxds 0.0.8 → 0.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (120) hide show
  1. package/package.json +1 -1
  2. package/src/Atom/Button/button.twig +1 -1
  3. package/src/Atom/Image/image.twig +3 -3
  4. package/src/Atom/Link/link.twig +1 -1
  5. package/src/Atom/Media/media.twig +2 -2
  6. package/src/Atom/Video/video.twig +1 -1
  7. package/src/Component/Accordion/accordion-item.twig +1 -1
  8. package/src/Component/Accordion/accordion.twig +1 -1
  9. package/src/Component/Card/Card.stories.ts +26 -14
  10. package/src/Component/Card/__snapshots__/Card.stories.ts.snap +18 -12
  11. package/src/Component/Card/card.twig +5 -5
  12. package/src/Component/ContentBlock/__snapshots__/ContentBlock.stories.ts.snap +9 -45
  13. package/src/Component/ContentBlock/content-block.twig +2 -2
  14. package/src/Component/DropMenu/drop-menu.twig +1 -1
  15. package/src/Component/GlobalAlert/__snapshots__/GlobalAlert.stories.ts.snap +1 -3
  16. package/src/Component/GlobalAlert/global-alert.twig +3 -3
  17. package/src/Component/HeroBanner/HeroBanner.stories.ts +25 -11
  18. package/src/Component/HeroBanner/__snapshots__/HeroBanner.stories.ts.snap +18 -12
  19. package/src/Component/HeroBanner/hero-banner.twig +3 -3
  20. package/src/Component/LinkList/LinkList.stories.ts +20 -6
  21. package/src/Component/LinkList/__snapshots__/LinkList.stories.ts.snap +18 -12
  22. package/src/Component/LinkList/link-list.css +7 -35
  23. package/src/Component/LinkList/link-list.twig +1 -5
  24. package/src/Component/ListItem/list-item.twig +4 -4
  25. package/src/Component/Navigation/menu.twig +4 -4
  26. package/src/Component/Navigation/navigation.twig +1 -1
  27. package/src/Component/Pagination/pagination-item.twig +1 -1
  28. package/src/Component/Pagination/pagination.twig +2 -2
  29. package/src/Component/SideNavigation/side-navigation.twig +4 -4
  30. package/src/Component/Tabs/tabs.twig +1 -1
  31. package/src/Component/Tag/tag.css +4 -0
  32. package/src/Form/Checkbox/input-checkbox.twig +1 -1
  33. package/src/Form/Form/form.twig +2 -2
  34. package/src/Form/FormItem/form-item.twig +1 -1
  35. package/src/Form/Select/input-select.twig +1 -1
  36. package/src/Form/TextInput/input-text.twig +1 -1
  37. package/src/Form/Textarea/input-textarea.twig +1 -1
  38. package/src/Layout/Footer/Footer.stories.ts +0 -1
  39. package/src/Layout/Footer/__snapshots__/Footer.stories.ts.snap +20 -40
  40. package/src/Layout/Footer/footer.twig +3 -3
  41. package/src/Layout/Header/Header.stories.ts +0 -1
  42. package/src/Layout/Header/__snapshots__/Header.stories.ts.snap +5 -5
  43. package/src/Layout/Header/header-stacked.twig +13 -11
  44. package/src/Layout/Header/header.twig +12 -10
  45. package/src/Layout/Header/twig/logo.twig +1 -3
  46. package/src/Layout/Masthead/Masthead.stories.ts +10 -0
  47. package/src/Layout/Masthead/__snapshots__/Masthead.stories.ts.snap +51 -3
  48. package/src/Layout/Masthead/masthead.css +23 -0
  49. package/src/Layout/Masthead/masthead.twig +9 -5
  50. package/src/Layout/Section/section.twig +1 -1
  51. package/src/Layout/Sidebar/sidebar.twig +5 -5
  52. package/dist/build/accordion.css +0 -108
  53. package/dist/build/accordion.entry.js +0 -139
  54. package/dist/build/accordion.entry.js.map +0 -1
  55. package/dist/build/base.css +0 -996
  56. package/dist/build/breadcrumb.css +0 -51
  57. package/dist/build/button.css +0 -132
  58. package/dist/build/callout.css +0 -11
  59. package/dist/build/card.css +0 -149
  60. package/dist/build/chunks/disclosure-widget-CQLPJ8Ta.js +0 -124
  61. package/dist/build/chunks/disclosure-widget-CQLPJ8Ta.js.map +0 -1
  62. package/dist/build/chunks/drop-menu.entry-BC6x9vst.js +0 -132
  63. package/dist/build/chunks/drop-menu.entry-BC6x9vst.js.map +0 -1
  64. package/dist/build/chunks/keyboard-C73DHu0c.js +0 -101
  65. package/dist/build/chunks/keyboard-C73DHu0c.js.map +0 -1
  66. package/dist/build/chunks/polyfills-CJ5uTmUJ.js +0 -749
  67. package/dist/build/chunks/polyfills-CJ5uTmUJ.js.map +0 -1
  68. package/dist/build/chunks/popover-wbPSyFRj.js +0 -654
  69. package/dist/build/chunks/popover-wbPSyFRj.js.map +0 -1
  70. package/dist/build/chunks/utilities-B4YZb689.js +0 -243
  71. package/dist/build/chunks/utilities-B4YZb689.js.map +0 -1
  72. package/dist/build/constants.css +0 -120
  73. package/dist/build/container-grid.css +0 -208
  74. package/dist/build/content-block.css +0 -36
  75. package/dist/build/dialog.css +0 -98
  76. package/dist/build/dialog.entry.js +0 -113
  77. package/dist/build/dialog.entry.js.map +0 -1
  78. package/dist/build/drop-menu.css +0 -78
  79. package/dist/build/drop-menu.entry.js +0 -2
  80. package/dist/build/drop-menu.entry.js.map +0 -1
  81. package/dist/build/drupal.css +0 -74
  82. package/dist/build/footer.css +0 -151
  83. package/dist/build/form.css +0 -517
  84. package/dist/build/global-alert.css +0 -60
  85. package/dist/build/global-alert.entry.js +0 -68
  86. package/dist/build/global-alert.entry.js.map +0 -1
  87. package/dist/build/grid.css +0 -200
  88. package/dist/build/header.css +0 -138
  89. package/dist/build/header.entry.js +0 -103
  90. package/dist/build/header.entry.js.map +0 -1
  91. package/dist/build/hero-banner.css +0 -62
  92. package/dist/build/icon.css +0 -399
  93. package/dist/build/in-page-alert.css +0 -94
  94. package/dist/build/in-page-navigation.css +0 -17
  95. package/dist/build/in-page-navigation.entry.js +0 -89
  96. package/dist/build/in-page-navigation.entry.js.map +0 -1
  97. package/dist/build/link-list.css +0 -72
  98. package/dist/build/list-item.css +0 -114
  99. package/dist/build/masthead.css +0 -30
  100. package/dist/build/navigation.css +0 -392
  101. package/dist/build/navigation.entry.js +0 -124
  102. package/dist/build/navigation.entry.js.map +0 -1
  103. package/dist/build/page.css +0 -80
  104. package/dist/build/pagination.css +0 -130
  105. package/dist/build/section.css +0 -163
  106. package/dist/build/side-navigation.css +0 -88
  107. package/dist/build/sidebar.css +0 -105
  108. package/dist/build/social-links.css +0 -20
  109. package/dist/build/steps.css +0 -118
  110. package/dist/build/steps.entry.js +0 -2
  111. package/dist/build/steps.entry.js.map +0 -1
  112. package/dist/build/sticky.css +0 -47
  113. package/dist/build/sticky.entry.js +0 -60
  114. package/dist/build/sticky.entry.js.map +0 -1
  115. package/dist/build/tabs.css +0 -109
  116. package/dist/build/tabs.entry.js +0 -202
  117. package/dist/build/tabs.entry.js.map +0 -1
  118. package/dist/build/tag.css +0 -67
  119. package/dist/build/tiles.css +0 -61
  120. package/dist/build/utilities.css +0 -178
@@ -1,89 +0,0 @@
1
- import { m as makeAnchor, c as createElement } from "./chunks/utilities-B4YZb689.js";
2
- class InPageNavigation extends HTMLElement {
3
- constructor() {
4
- super();
5
- this.handleClick = (target) => {
6
- this.active = this.items.find((item) => item.link === target);
7
- if (!this.links || !this.active) return;
8
- this.links.forEach((link) => link.classList.remove("is-active"));
9
- this.active.link.classList.add("is-active");
10
- };
11
- this.internals_ = this.attachInternals();
12
- this.controller = new AbortController();
13
- this.headingLevels = this.dataset?.headings || "h2";
14
- this.items = [];
15
- }
16
- connectedCallback() {
17
- if (!this.menu || !this.headings) return;
18
- this.headings.forEach((heading) => {
19
- const listItem = this.generateListItem(heading);
20
- const link = this.generateAnchor(heading);
21
- this.items.push({ link, heading });
22
- listItem.appendChild(link);
23
- this.menu?.appendChild(listItem);
24
- });
25
- const { signal } = this.controller;
26
- this.menu.addEventListener(
27
- "click",
28
- (e) => {
29
- const { target } = e;
30
- if (!(target instanceof HTMLAnchorElement)) return;
31
- this.handleClick(target);
32
- },
33
- {
34
- signal
35
- }
36
- );
37
- }
38
- disconnectedCallback() {
39
- if (!this.menu || !this.headings) return;
40
- this.menu.textContent = "";
41
- this.items = [];
42
- this.controller.abort();
43
- }
44
- get menu() {
45
- const menu = this.querySelector("ul, ol");
46
- if (!menu) {
47
- throw new Error(`${this.localName} must contain a <ul> or <ol> element.`);
48
- }
49
- return menu;
50
- }
51
- get container() {
52
- const selector = this.getAttribute("data-content");
53
- if (!selector) {
54
- throw new Error(
55
- `${this.localName} must have a [data-content] attribute that contains the content selector.`
56
- );
57
- }
58
- return this.closest(selector) || this.parentElement.querySelector(selector);
59
- }
60
- get headings() {
61
- return this.container?.querySelectorAll(this.headingLevels);
62
- }
63
- get links() {
64
- return this.menu?.querySelectorAll("a");
65
- }
66
- generatedId(heading) {
67
- const string = heading?.textContent?.trim();
68
- return !string ? "" : makeAnchor(string);
69
- }
70
- generateAnchor(heading) {
71
- const { textContent, id } = heading;
72
- const linkText = heading.getAttribute("data-in-page-navigation-title") || textContent;
73
- const targetID = id || this.generatedId(heading);
74
- if (!id) heading.id = targetID;
75
- const item = createElement(
76
- `<a href="#${targetID}" class="mx-icon mx-icon--chevron-right">${linkText}</a>`
77
- );
78
- return item;
79
- }
80
- generateListItem(heading) {
81
- const { tagName } = heading;
82
- const item = createElement(
83
- `<li class="mx-in-page-navigation__level--${tagName.toLowerCase()}"></li>`
84
- );
85
- return item;
86
- }
87
- }
88
- customElements.define("mx-in-page-navigation", InPageNavigation);
89
- //# sourceMappingURL=in-page-navigation.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"in-page-navigation.entry.js","sources":["../../src/Component/InPageNavigation/Elements/InPageNavigation.ts"],"sourcesContent":["/**\n * DialogBase\n * @file Support opening/closing, and adding a scroll lock to the body.\n */\n\nimport { makeAnchor, createElement } from \"../../../Utility/utilities\"\n\nexport default class InPageNavigation extends HTMLElement {\n internals_: ElementInternals\n controller: AbortController\n headingLevels: string\n items: { link: HTMLAnchorElement; heading: HTMLHeadingElement }[]\n active: { link: HTMLAnchorElement; heading: HTMLHeadingElement } | undefined\n\n constructor() {\n super()\n this.internals_ = this.attachInternals()\n this.controller = new AbortController()\n this.headingLevels = this.dataset?.headings || \"h2\"\n this.items = []\n }\n\n connectedCallback(): void {\n if (!this.menu || !this.headings) return\n\n this.headings.forEach((heading: HTMLHeadingElement) => {\n const listItem: HTMLLIElement = this.generateListItem(heading)\n const link: HTMLAnchorElement = this.generateAnchor(heading)\n this.items.push({ link, heading })\n listItem.appendChild(link)\n this.menu?.appendChild(listItem)\n })\n\n const { signal }: AbortController = this.controller\n\n // Open on toggle click.\n this.menu.addEventListener(\n \"click\",\n (e: MouseEvent): void => {\n const { target } = e\n if (!(target instanceof HTMLAnchorElement)) return\n this.handleClick(target)\n },\n {\n signal,\n },\n )\n }\n\n disconnectedCallback(): void {\n if (!this.menu || !this.headings) return\n this.menu.textContent = \"\"\n this.items = []\n this.controller.abort()\n }\n\n handleClick = (target: EventTarget | null): void => {\n this.active = this.items.find(item => item.link === target)\n if (!this.links || !this.active) return\n this.links.forEach(link => link.classList.remove(\"is-active\"))\n this.active.link.classList.add(\"is-active\")\n }\n\n get menu(): HTMLUListElement | HTMLOListElement | null {\n const menu: HTMLUListElement | HTMLOListElement | null =\n this.querySelector(\"ul, ol\")\n if (!menu) {\n throw new Error(`${this.localName} must contain a <ul> or <ol> element.`)\n }\n return menu\n }\n\n get container(): HTMLElement | null {\n const selector: string | null = this.getAttribute(\"data-content\")\n if (!selector) {\n throw new Error(\n `${this.localName} must have a [data-content] attribute that contains the content selector.`,\n )\n }\n return this.closest(selector) || this.parentElement.querySelector(selector)\n }\n\n get headings(): NodeListOf<HTMLHeadingElement> | undefined {\n return this.container?.querySelectorAll(this.headingLevels)\n }\n\n get links(): NodeListOf<HTMLAnchorElement> | undefined {\n return this.menu?.querySelectorAll(\"a\")\n }\n\n generatedId(heading: HTMLHeadingElement): string {\n const string: string | undefined = heading?.textContent?.trim()\n return !string ? \"\" : makeAnchor(string)\n }\n\n generateAnchor(heading: HTMLHeadingElement): HTMLAnchorElement {\n const { textContent, id } = heading\n const linkText: string | null =\n heading.getAttribute(\"data-in-page-navigation-title\") || textContent\n const targetID: string = id || this.generatedId(heading)\n if (!id) heading.id = targetID\n const item: Element = createElement(\n `<a href=\"#${targetID}\" class=\"mx-icon mx-icon--chevron-right\">${linkText}</a>`,\n )\n\n return item as HTMLAnchorElement\n }\n\n generateListItem(heading: HTMLHeadingElement): HTMLLIElement {\n const { tagName } = heading\n const item: Element = createElement(\n `<li class=\"mx-in-page-navigation__level--${tagName.toLowerCase()}\"></li>`,\n )\n\n return item as HTMLLIElement\n }\n}\n\ncustomElements.define(\"mx-in-page-navigation\", InPageNavigation)\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"mx-in-page-navigation\": InPageNavigation\n }\n}\n"],"names":[],"mappings":";AAOA,MAAqB,yBAAyB,YAAY;AAAA,EAOxD,cAAc;AACN;AAyCR,SAAA,cAAc,CAAC,WAAqC;AAClD,WAAK,SAAS,KAAK,MAAM,KAAK,CAAQ,SAAA,KAAK,SAAS,MAAM;AAC1D,UAAI,CAAC,KAAK,SAAS,CAAC,KAAK,OAAQ;AACjC,WAAK,MAAM,QAAQ,CAAA,SAAQ,KAAK,UAAU,OAAO,WAAW,CAAC;AAC7D,WAAK,OAAO,KAAK,UAAU,IAAI,WAAW;AAAA,IAAA;AA5CrC,SAAA,aAAa,KAAK;AAClB,SAAA,aAAa,IAAI;AACjB,SAAA,gBAAgB,KAAK,SAAS,YAAY;AAC/C,SAAK,QAAQ;EACf;AAAA,EAEA,oBAA0B;AACxB,QAAI,CAAC,KAAK,QAAQ,CAAC,KAAK,SAAU;AAE7B,SAAA,SAAS,QAAQ,CAAC,YAAgC;AAC/C,YAAA,WAA0B,KAAK,iBAAiB,OAAO;AACvD,YAAA,OAA0B,KAAK,eAAe,OAAO;AAC3D,WAAK,MAAM,KAAK,EAAE,MAAM,QAAS,CAAA;AACjC,eAAS,YAAY,IAAI;AACpB,WAAA,MAAM,YAAY,QAAQ;AAAA,IAAA,CAChC;AAEK,UAAA,EAAE,OAAO,IAAqB,KAAK;AAGzC,SAAK,KAAK;AAAA,MACR;AAAA,MACA,CAAC,MAAwB;AACjB,cAAA,EAAE,OAAW,IAAA;AACf,YAAA,EAAE,kBAAkB,mBAAoB;AAC5C,aAAK,YAAY,MAAM;AAAA,MACzB;AAAA,MACA;AAAA,QACE;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ;AAAA,EAEA,uBAA6B;AAC3B,QAAI,CAAC,KAAK,QAAQ,CAAC,KAAK,SAAU;AAClC,SAAK,KAAK,cAAc;AACxB,SAAK,QAAQ;AACb,SAAK,WAAW;EAClB;AAAA,EASA,IAAI,OAAmD;AAC/C,UAAA,OACJ,KAAK,cAAc,QAAQ;AAC7B,QAAI,CAAC,MAAM;AACT,YAAM,IAAI,MAAM,GAAG,KAAK,SAAS,uCAAuC;AAAA,IAC1E;AACO,WAAA;AAAA,EACT;AAAA,EAEA,IAAI,YAAgC;AAC5B,UAAA,WAA0B,KAAK,aAAa,cAAc;AAChE,QAAI,CAAC,UAAU;AACb,YAAM,IAAI;AAAA,QACR,GAAG,KAAK,SAAS;AAAA,MAAA;AAAA,IAErB;AACA,WAAO,KAAK,QAAQ,QAAQ,KAAK,KAAK,cAAc,cAAc,QAAQ;AAAA,EAC5E;AAAA,EAEA,IAAI,WAAuD;AACzD,WAAO,KAAK,WAAW,iBAAiB,KAAK,aAAa;AAAA,EAC5D;AAAA,EAEA,IAAI,QAAmD;AAC9C,WAAA,KAAK,MAAM,iBAAiB,GAAG;AAAA,EACxC;AAAA,EAEA,YAAY,SAAqC;AACzC,UAAA,SAA6B,SAAS,aAAa,KAAK;AAC9D,WAAO,CAAC,SAAS,KAAK,WAAW,MAAM;AAAA,EACzC;AAAA,EAEA,eAAe,SAAgD;AACvD,UAAA,EAAE,aAAa,GAAO,IAAA;AAC5B,UAAM,WACJ,QAAQ,aAAa,+BAA+B,KAAK;AAC3D,UAAM,WAAmB,MAAM,KAAK,YAAY,OAAO;AACnD,QAAA,CAAC,GAAI,SAAQ,KAAK;AACtB,UAAM,OAAgB;AAAA,MACpB,aAAa,QAAQ,4CAA4C,QAAQ;AAAA,IAAA;AAGpE,WAAA;AAAA,EACT;AAAA,EAEA,iBAAiB,SAA4C;AACrD,UAAA,EAAE,QAAY,IAAA;AACpB,UAAM,OAAgB;AAAA,MACpB,4CAA4C,QAAQ,YAAA,CAAa;AAAA,IAAA;AAG5D,WAAA;AAAA,EACT;AACF;AAEA,eAAe,OAAO,yBAAyB,gBAAgB;"}
@@ -1,72 +0,0 @@
1
- /**
2
- * Link List
3
- */
4
-
5
- @layer design-system.components {
6
- .mx-link-list {
7
- list-style-type: none;
8
- padding-inline-start: 0;
9
- }
10
-
11
- .mx-link-list a {
12
- display: block;
13
- text-decoration-line: none;
14
- color: inherit;
15
- }
16
-
17
- .mx-link-list a:hover {
18
- text-decoration-line: underline;
19
- }
20
-
21
- .mx-link-list li {
22
- min-block-size: var(--min-height, var(--spacing-xl));
23
- border-block-end: 1px solid
24
- var(--line-colour, var(--colour-border));
25
- border-block-end: var(--line-width, 1px) solid
26
- var(--line-colour, var(--colour-border));
27
- }
28
-
29
- .mx-link-list li:last-child {
30
- border-block-end: 0;
31
- }
32
-
33
- .mx-link-list .mx-icon {
34
- position: relative;
35
- display: flex;
36
- align-items: center;
37
- padding-block: var(--spacing-xxxs);
38
- inline-size: 100%;
39
- gap: var(--spacing-s);
40
- }
41
-
42
- .mx-link-list .mx-icon::before {
43
- flex: 0 0 auto;
44
- -webkit-mask-position: left center;
45
- mask-position: left center;
46
- }
47
-
48
- .mx-link-list:where(:not(.mx-link-list--reverse)) .mx-icon {
49
- justify-content: space-between;
50
- }
51
-
52
- .mx-link-list:where(:not(.mx-link-list--reverse)) .mx-icon::before {
53
- -webkit-mask-position: right center;
54
- mask-position: right center;
55
- order: 2;
56
- }
57
- [dir="rtl"] .mx-link-list .mx-icon::before, .translated-rtl .mx-link-list .mx-icon::before {
58
- -webkit-mask-position: left center;
59
- mask-position: left center;
60
- }
61
-
62
- [dir="rtl"] .mx-link-list.mx-link-list--reverse .mx-icon::before, .translated-rtl .mx-link-list.mx-link-list--reverse .mx-icon::before {
63
- -webkit-mask-position: right center;
64
- mask-position: right center;
65
- }
66
-
67
- * + .mx-link-list {
68
- margin-block-start: var(--spacing-m);
69
- }
70
- }
71
-
72
- /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxpbmstbGlzdC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLHFCQUFxQjtJQUNyQix1QkFBdUI7RUE0Q3pCOztJQTFDRTtNQUNFLGNBQWM7TUFDZCwwQkFBMEI7TUFDMUIsY0FBYztJQUtoQjs7TUFIRTtRQUNFLCtCQUErQjtNQUNqQzs7SUFHRjtNQUNFLG9EQUFvRDtNQUNwRDtnREFDMEM7TUFEMUM7Z0RBQzBDO0lBSzVDOztNQUhFO1FBQ0UsbUJBQW1CO01BQ3JCOztJQUdGO01BQ0Usa0JBQWtCO01BQ2xCLGFBQWE7TUFDYixtQkFBbUI7TUFDbkIsa0NBQWtDO01BQ2xDLGlCQUFpQjtNQUNqQixxQkFBcUI7SUFNdkI7O01BSkU7UUFDRSxjQUFjO1FBQ2Qsa0NBQTBCO2dCQUExQiwwQkFBMEI7TUFDNUI7O0lBR0Y7TUFDRSw4QkFBOEI7SUFNaEM7O01BSkU7UUFDRSxtQ0FBMkI7Z0JBQTNCLDJCQUEyQjtRQUMzQixRQUFRO01BQ1Y7SUFNRjtNQUNFLGtDQUEwQjtjQUExQiwwQkFBMEI7SUFDNUI7O0lBRUE7TUFDRSxtQ0FBMkI7Y0FBM0IsMkJBQTJCO0lBQzdCOztFQUdGO0lBQ0Usb0NBQW9DO0VBQ3RDO0FBQ0YiLCJmaWxlIjoibGluay1saXN0LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogTGluayBMaXN0XG4gKi9cblxuQGxheWVyIGRlc2lnbi1zeXN0ZW0uY29tcG9uZW50cyB7XG4gIC5teC1saW5rLWxpc3Qge1xuICAgIGxpc3Qtc3R5bGUtdHlwZTogbm9uZTtcbiAgICBwYWRkaW5nLWlubGluZS1zdGFydDogMDtcblxuICAgICYgYSB7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIHRleHQtZGVjb3JhdGlvbi1saW5lOiBub25lO1xuICAgICAgY29sb3I6IGluaGVyaXQ7XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICB0ZXh0LWRlY29yYXRpb24tbGluZTogdW5kZXJsaW5lO1xuICAgICAgfVxuICAgIH1cblxuICAgICYgbGkge1xuICAgICAgbWluLWJsb2NrLXNpemU6IHZhcigtLW1pbi1oZWlnaHQsIHZhcigtLXNwYWNpbmcteGwpKTtcbiAgICAgIGJvcmRlci1ibG9jay1lbmQ6IHZhcigtLWxpbmUtd2lkdGgsIDFweCkgc29saWRcbiAgICAgICAgdmFyKC0tbGluZS1jb2xvdXIsIHZhcigtLWNvbG91ci1ib3JkZXIpKTtcblxuICAgICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgICAgYm9yZGVyLWJsb2NrLWVuZDogMDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmIC5teC1pY29uIHtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgcGFkZGluZy1ibG9jazogdmFyKC0tc3BhY2luZy14eHhzKTtcbiAgICAgIGlubGluZS1zaXplOiAxMDAlO1xuICAgICAgZ2FwOiB2YXIoLS1zcGFjaW5nLXMpO1xuXG4gICAgICAmOjpiZWZvcmUge1xuICAgICAgICBmbGV4OiAwIDAgYXV0bztcbiAgICAgICAgbWFzay1wb3NpdGlvbjogbGVmdCBjZW50ZXI7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJjp3aGVyZSg6bm90KC5teC1saW5rLWxpc3QtLXJldmVyc2UpKSAubXgtaWNvbiB7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cbiAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgIG1hc2stcG9zaXRpb246IHJpZ2h0IGNlbnRlcjtcbiAgICAgICAgb3JkZXI6IDI7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgW2Rpcj1cInJ0bFwiXSAubXgtbGluay1saXN0LFxuICAudHJhbnNsYXRlZC1ydGwgLm14LWxpbmstbGlzdCB7XG4gICAgJiAubXgtaWNvbjo6YmVmb3JlIHtcbiAgICAgIG1hc2stcG9zaXRpb246IGxlZnQgY2VudGVyO1xuICAgIH1cblxuICAgICYubXgtbGluay1saXN0LS1yZXZlcnNlIC5teC1pY29uOjpiZWZvcmUge1xuICAgICAgbWFzay1wb3NpdGlvbjogcmlnaHQgY2VudGVyO1xuICAgIH1cbiAgfVxuXG4gICogKyAubXgtbGluay1saXN0IHtcbiAgICBtYXJnaW4tYmxvY2stc3RhcnQ6IHZhcigtLXNwYWNpbmctbSk7XG4gIH1cbn1cbiJdfQ== */
@@ -1,114 +0,0 @@
1
- /**
2
- * List Item
3
- */
4
-
5
- @layer design-system.components {
6
- .mx-list-item {
7
- display: grid;
8
- grid-gap: var(--list-item-gap, var(--gap));
9
- gap: var(--list-item-gap, var(--gap));
10
- }
11
-
12
- .mx-list-item:has(> .mx-list-item__media) {
13
- grid-template: "media" "content" 1fr / 1fr;
14
- }
15
-
16
- @container (min-width: 720px) {
17
-
18
- .mx-list-item:has(> .mx-list-item__media) {
19
- --list-item-gap: var(--gap-l);
20
- --image-min-width: var(--image-max-width, 200px);
21
-
22
- grid-template: "media content" 1fr / auto 1fr;
23
- align-items: center;
24
- }
25
- }
26
- @container (min-width: 720px) {
27
-
28
- .mx-list-item.mx-list-item--reversed:has(> .mx-list-item__media) {
29
- grid-template-areas: "content media";
30
- grid-template-columns: 1fr auto;
31
- }
32
- }
33
-
34
- .mx-list-item:has(> .mx-list-item__media) .mx-list-item__content {
35
- grid-area: content;
36
- }
37
-
38
- .mx-list-item:has(> .mx-list-item__media) :is(.mx-list-item__media, figure) {
39
- grid-area: media;
40
- display: grid;
41
- position: relative;
42
- inline-size: 100%;
43
- max-inline-size: 100px;
44
- max-inline-size: var(--image-min-width, 100px);
45
- }
46
-
47
- .mx-list-item:has(> .mx-list-item__media) :is(.mx-list-item__media, figure) img {
48
- aspect-ratio: 1 / 1;
49
- border-radius: var(--border-radius);
50
- -o-object-fit: cover;
51
- object-fit: cover;
52
- display: block;
53
- }
54
-
55
- .mx-list-item__content {
56
- --flow-gap: var(--gap-s);
57
- }
58
-
59
- .mx-list-item__content > .mx-text--s {
60
- --flow-gap: 0;
61
- }
62
- :is(.mx-list-item, .mx-container:has(> .mx-list-item)):where(:not(:first-child)) {
63
- border-block-start: 1px solid
64
- var(--line-colour, var(--colour-border));
65
- border-block-start: var(--line-width, 1px) solid
66
- var(--line-colour, var(--colour-border));
67
- padding-block-start: var(--gap);
68
- margin-block-start: var(--gap);
69
- }
70
- }
71
-
72
- /**
73
- * List item grid
74
- */
75
-
76
- @layer design-system.components {
77
- .mx-grid:has(> *:nth-child(2):last-child)
78
- > :is(.mx-list-item, .mx-container:has(.mx-list-item)) {
79
- inline-size: 100%;
80
- max-inline-size: 37ch;
81
- max-inline-size: var(--max-list-item-width, 37ch);
82
- margin-inline: auto;
83
- }
84
- }
85
-
86
- /**
87
- * Block list item
88
- */
89
-
90
- @layer design-system.components {
91
- .mx-list-item--block {
92
- position: relative;
93
- }
94
-
95
- .mx-list-item--block:focus-within {
96
- border-radius: var(--border-radius);
97
- outline: var(--outline-width) var(--outline-style) var(--outline-color);
98
- outline-offset: 2px;
99
- }
100
- .mx-list-item--block :is(a[href], button):focus-visible {
101
- outline: none;
102
- }
103
-
104
- .mx-list-item--block a::after {
105
- content: "";
106
- position: absolute;
107
- inset-block-start: 0;
108
- inset-inline-start: 0;
109
- inline-size: 100%;
110
- block-size: 100%;
111
- }
112
- }
113
-
114
- /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxpc3QtaXRlbS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0VBRUU7O0FBRUY7RUFDRTtJQUNFLGFBQWE7SUFDYiwwQ0FBcUM7SUFBckMscUNBQXFDO0VBQ3ZDOztFQUVBO0lBQ0UsMENBQTBDO0VBbUM1Qzs7SUFqQ0U7O0VBSEY7TUFJSSw2QkFBNkI7TUFDN0IsZ0RBQWdEOztNQUVoRCw2Q0FBNkM7TUFDN0MsbUJBQW1CO0VBNEJ2QjtJQTNCRTtNQUdFOztJQURGO1FBRUksb0NBQW9DO1FBQ3BDLCtCQUErQjtJQUVuQztNQURFOztJQUdGO01BQ0Usa0JBQWtCO0lBQ3BCOztJQUVBO01BQ0UsZ0JBQWdCO01BQ2hCLGFBQWE7TUFDYixrQkFBa0I7TUFDbEIsaUJBQWlCO01BQ2pCLHNCQUE4QztNQUE5Qyw4Q0FBOEM7SUFRaEQ7O01BTkU7UUFDRSxtQkFBbUI7UUFDbkIsbUNBQW1DO1FBQ25DLG9CQUFpQjtXQUFqQixpQkFBaUI7UUFDakIsY0FBYztNQUNoQjs7RUFJSjtJQUNFLHdCQUF3QjtFQUsxQjs7SUFIRTtNQUNFLGFBQWE7SUFDZjtJQUlBO01BQ0U7Z0RBQzBDO01BRDFDO2dEQUMwQztNQUMxQywrQkFBK0I7TUFDL0IsOEJBQThCO0lBQ2hDO0FBRUo7O0FBRUE7O0VBRUU7O0FBRUY7RUFDRTs7SUFFRSxpQkFBaUI7SUFDakIscUJBQWlEO0lBQWpELGlEQUFpRDtJQUNqRCxtQkFBbUI7RUFDckI7QUFDRjs7QUFFQTs7RUFFRTs7QUFFRjtFQUNFO0lBQ0Usa0JBQWtCO0VBc0JwQjs7SUFwQkU7TUFDRSxtQ0FBbUM7TUFDbkMsdUVBQXVFO01BQ3ZFLG1CQUFtQjtJQUNyQjtNQUdFO1FBQ0UsYUFBYTtNQUNmOztJQUdGO01BQ0UsV0FBVztNQUNYLGtCQUFrQjtNQUNsQixvQkFBb0I7TUFDcEIscUJBQXFCO01BQ3JCLGlCQUFpQjtNQUNqQixnQkFBZ0I7SUFDbEI7QUFFSiIsImZpbGUiOiJsaXN0LWl0ZW0uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBMaXN0IEl0ZW1cbiAqL1xuXG5AbGF5ZXIgZGVzaWduLXN5c3RlbS5jb21wb25lbnRzIHtcbiAgLm14LWxpc3QtaXRlbSB7XG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBnYXA6IHZhcigtLWxpc3QtaXRlbS1nYXAsIHZhcigtLWdhcCkpO1xuICB9XG5cbiAgLm14LWxpc3QtaXRlbTpoYXMoPiAubXgtbGlzdC1pdGVtX19tZWRpYSkge1xuICAgIGdyaWQtdGVtcGxhdGU6IFwibWVkaWFcIiBcImNvbnRlbnRcIiAxZnIgLyAxZnI7XG5cbiAgICBAY29udGFpbmVyIChtaW4td2lkdGg6IHRva2VuKFwiYnJlYWtwb2ludC5jb250ZW50Q2FyZFwiKSkge1xuICAgICAgLS1saXN0LWl0ZW0tZ2FwOiB2YXIoLS1nYXAtbCk7XG4gICAgICAtLWltYWdlLW1pbi13aWR0aDogdmFyKC0taW1hZ2UtbWF4LXdpZHRoLCAyMDBweCk7XG5cbiAgICAgIGdyaWQtdGVtcGxhdGU6IFwibWVkaWEgY29udGVudFwiIDFmciAvIGF1dG8gMWZyO1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICB9XG5cbiAgICAmLm14LWxpc3QtaXRlbS0tcmV2ZXJzZWQge1xuICAgICAgQGNvbnRhaW5lciAobWluLXdpZHRoOiB0b2tlbihcImJyZWFrcG9pbnQuY29udGVudENhcmRcIikpIHtcbiAgICAgICAgZ3JpZC10ZW1wbGF0ZS1hcmVhczogXCJjb250ZW50IG1lZGlhXCI7XG4gICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyIGF1dG87XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiAubXgtbGlzdC1pdGVtX19jb250ZW50IHtcbiAgICAgIGdyaWQtYXJlYTogY29udGVudDtcbiAgICB9XG5cbiAgICAmIDppcygubXgtbGlzdC1pdGVtX19tZWRpYSwgZmlndXJlKSB7XG4gICAgICBncmlkLWFyZWE6IG1lZGlhO1xuICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGlubGluZS1zaXplOiAxMDAlO1xuICAgICAgbWF4LWlubGluZS1zaXplOiB2YXIoLS1pbWFnZS1taW4td2lkdGgsIDEwMHB4KTtcblxuICAgICAgJiBpbWcge1xuICAgICAgICBhc3BlY3QtcmF0aW86IDEgLyAxO1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1ib3JkZXItcmFkaXVzKTtcbiAgICAgICAgb2JqZWN0LWZpdDogY292ZXI7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC5teC1saXN0LWl0ZW1fX2NvbnRlbnQge1xuICAgIC0tZmxvdy1nYXA6IHZhcigtLWdhcC1zKTtcblxuICAgICYgPiAubXgtdGV4dC0tcyB7XG4gICAgICAtLWZsb3ctZ2FwOiAwO1xuICAgIH1cbiAgfVxuXG4gIDppcygubXgtbGlzdC1pdGVtLCAubXgtY29udGFpbmVyOmhhcyg+IC5teC1saXN0LWl0ZW0pKSB7XG4gICAgJjp3aGVyZSg6bm90KDpmaXJzdC1jaGlsZCkpIHtcbiAgICAgIGJvcmRlci1ibG9jay1zdGFydDogdmFyKC0tbGluZS13aWR0aCwgMXB4KSBzb2xpZFxuICAgICAgICB2YXIoLS1saW5lLWNvbG91ciwgdmFyKC0tY29sb3VyLWJvcmRlcikpO1xuICAgICAgcGFkZGluZy1ibG9jay1zdGFydDogdmFyKC0tZ2FwKTtcbiAgICAgIG1hcmdpbi1ibG9jay1zdGFydDogdmFyKC0tZ2FwKTtcbiAgICB9XG4gIH1cbn1cblxuLyoqXG4gKiBMaXN0IGl0ZW0gZ3JpZFxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmNvbXBvbmVudHMge1xuICAubXgtZ3JpZDpoYXMoPiAqOm50aC1jaGlsZCgyKTpsYXN0LWNoaWxkKVxuICAgID4gOmlzKC5teC1saXN0LWl0ZW0sIC5teC1jb250YWluZXI6aGFzKC5teC1saXN0LWl0ZW0pKSB7XG4gICAgaW5saW5lLXNpemU6IDEwMCU7XG4gICAgbWF4LWlubGluZS1zaXplOiB2YXIoLS1tYXgtbGlzdC1pdGVtLXdpZHRoLCAzN2NoKTtcbiAgICBtYXJnaW4taW5saW5lOiBhdXRvO1xuICB9XG59XG5cbi8qKlxuICogQmxvY2sgbGlzdCBpdGVtXG4gKi9cblxuQGxheWVyIGRlc2lnbi1zeXN0ZW0uY29tcG9uZW50cyB7XG4gIC5teC1saXN0LWl0ZW0tLWJsb2NrIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1ib3JkZXItcmFkaXVzKTtcbiAgICAgIG91dGxpbmU6IHZhcigtLW91dGxpbmUtd2lkdGgpIHZhcigtLW91dGxpbmUtc3R5bGUpIHZhcigtLW91dGxpbmUtY29sb3IpO1xuICAgICAgb3V0bGluZS1vZmZzZXQ6IDJweDtcbiAgICB9XG5cbiAgICAmIDppcyhhW2hyZWZdLCBidXR0b24pIHtcbiAgICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJiBhOjphZnRlciB7XG4gICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgaW5zZXQtYmxvY2stc3RhcnQ6IDA7XG4gICAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IDA7XG4gICAgICBpbmxpbmUtc2l6ZTogMTAwJTtcbiAgICAgIGJsb2NrLXNpemU6IDEwMCU7XG4gICAgfVxuICB9XG59XG4iXX0= */
@@ -1,30 +0,0 @@
1
- /**
2
- * Masthead
3
- */
4
-
5
- @layer design-system.layouts {
6
- .mx-masthead .flex {
7
- justify-content: space-between;
8
- align-items: center;
9
- }
10
-
11
- .mx-masthead__nav {
12
- display: none;
13
- }
14
-
15
- @media (min-width: 720px) {
16
-
17
- .mx-masthead__nav {
18
- display: inline-flex;
19
- gap: var(--gap);
20
- }
21
- }
22
- }
23
-
24
- @media print {
25
- .mx-masthead {
26
- display: none;
27
- }
28
- }
29
-
30
- /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1hc3RoZWFkLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7RUFFRTs7QUFFRjtJQUVJO01BQ0UsOEJBQThCO01BQzlCLG1CQUFtQjtJQUNyQjs7RUFHRjtJQUNFLGFBQWE7RUFNZjs7SUFKRTs7RUFIRjtNQUlJLG9CQUFvQjtNQUNwQixlQUFlO0VBRW5CO0lBREU7QUFFSjs7QUFFQTtFQUNFO0lBQ0UsYUFBYTtFQUNmO0FBQ0YiLCJmaWxlIjoibWFzdGhlYWQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBNYXN0aGVhZFxuICovXG5cbkBsYXllciBkZXNpZ24tc3lzdGVtLmxheW91dHMge1xuICAubXgtbWFzdGhlYWQge1xuICAgICYgLmZsZXgge1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICB9XG4gIH1cblxuICAubXgtbWFzdGhlYWRfX25hdiB7XG4gICAgZGlzcGxheTogbm9uZTtcblxuICAgIEBtZWRpYSAoLS1nbG9iYWwtbmF2LXVwKSB7XG4gICAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICAgIGdhcDogdmFyKC0tZ2FwKTtcbiAgICB9XG4gIH1cbn1cblxuQG1lZGlhIHByaW50IHtcbiAgLm14LW1hc3RoZWFkIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG59XG4iXX0= */