@onsvisual/svelte-components 0.1.76 → 0.1.79

package/dist/@types/layout/RelatedContent/RelatedContent.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  RelatedContentProps */
+/** @typedef {typeof __propDef.events}  RelatedContentEvents */
+/** @typedef {typeof __propDef.slots}  RelatedContentSlots */
+export default class RelatedContent extends SvelteComponentTyped<{
+    title?: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type RelatedContentProps = typeof __propDef.props;
+export type RelatedContentEvents = typeof __propDef.events;
+export type RelatedContentSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        title?: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/inputs/Select/Select.svelte

@@ -112,7 +112,7 @@
    * @type {function}
    */
   export let itemFilter = (label, filterText, option) =>
-    label.match(new RegExp(`\\b${filterText}`, "i")) &&
+    label.match(new RegExp(`\\b${filterText.replace(/[^\w\s]/gi, "")}`, "i")) &&
     !(multiple && value?.length >= maxSelected) &&
     !(mode === "search" && filterText?.length < 3);
   /**
@@ -175,7 +175,7 @@
     >
       <div slot="item" let:item>
         {@html item[labelKey].replace(
-          new RegExp(`\\b${filterText}`, "i"),
+          new RegExp(`\\b${filterText.replace(/[^\w\s]/gi, "")}`, "i"),
           (str) => `<b>${str}</b>`
         )}
         {#if groupKey && !clusterByGroup}<span class="item-group">{item[groupKey]}</span>{/if}

package/dist/layout/RelatedContent/RelatedContent.svelte

@@ -0,0 +1,59 @@
+<script>
+  /**
+   * H2 title
+   * @type {string}
+   */
+  export let title = "Help with the census";
+</script>
+
+<aside class="ons-related-content" aria-label="Related content">
+  <div class="ons-related-content__section">
+    <h2
+      class="ons-related-content__title ons-u-fs-r--b ons-u-mb-xs"
+      id="related-help-with-the-census"
+    >
+      {title}
+    </h2>
+    <div class="ons-related-content__content">
+      <nav class="ons-related-content__navigation" aria-labelledby="related-help-with-the-census">
+        <ul class="ons-list ons-list--bare">
+          <li class="ons-list__item">
+            <a href="#0" class="ons-list__link">I’m moving house</a>
+          </li>
+          <li class="ons-list__item">
+            <a href="#0" class="ons-list__link">What if I’m away or abroad on Census Day?</a>
+          </li>
+          <li class="ons-list__item">
+            <a href="#0" class="ons-list__link">Get an access code or paper census</a>
+          </li>
+          <li class="ons-list__item">
+            <a href="#0" class="ons-list__link">Find a census support centre</a>
+          </li>
+          <li class="ons-list__item">
+            <a href="#0" class="ons-list__link">Languages</a>
+          </li>
+          <li class="ons-list__item">
+            <a href="#0" class="ons-list__link">Accessibility</a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+  <div class="ons-related-content__section">
+    <h2 class="ons-related-content__title ons-u-fs-r--b ons-u-mb-xs" id="related-content">
+      Related content
+    </h2>
+    <div class="ons-related-content__content">
+      <nav class="ons-related-content__navigation" aria-labelledby="related-content">
+        <ul class="ons-list ons-list--bare">
+          <li class="ons-list__item">
+            <a href="#0" class="ons-list__link">How we will contact or visit you</a>
+          </li>
+          <li class="ons-list__item">
+            <a href="#0" class="ons-list__link">Media enquiries</a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+</aside>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onsvisual/svelte-components",
-  "version": "0.1.76",
+  "version": "0.1.79",
   "type": "module",
   "private": false,
   "homepage": "https://onsvisual.github.io/svelte-components",
@@ -68,7 +68,7 @@
     "eslint-plugin-storybook": "^0.6.12",
     "eslint-plugin-svelte3": "^4.0.0",
     "fs-extra": "^11.1.1",
-    "gh-pages": "^6.1.1",
+    "gh-pages": "^6.2.0",
     "kleur": "^4.1.5",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.4.24",
@@ -144,7 +144,7 @@
     "./layout/Accordion/Accordion.svelte": "./dist/layout/Accordion/Accordion.svelte",
     "./layout/Accordion/AccordionItem.svelte": "./dist/layout/Accordion/AccordionItem.svelte",
     "./layout/AnalyticsBanner/AnalyticsBanner.svelte": "./dist/layout/AnalyticsBanner/AnalyticsBanner.svelte",
-    "./layout/Backlink/Backlink.svelte": "./dist/layout/Backlink/Backlink.svelte",
+    "./layout/BackLink/Backlink.svelte": "./dist/layout/BackLink/Backlink.svelte",
     "./layout/Breadcrumb/Breadcrumb.svelte": "./dist/layout/Breadcrumb/Breadcrumb.svelte",
     "./layout/Cards/Card.svelte": "./dist/layout/Cards/Card.svelte",
     "./layout/Cards/Cards.svelte": "./dist/layout/Cards/Cards.svelte",
@@ -163,6 +163,7 @@
     "./layout/NavSections/SectionBacklink.svelte": "./dist/layout/NavSections/SectionBacklink.svelte",
     "./layout/Notice/Notice.svelte": "./dist/layout/Notice/Notice.svelte",
     "./layout/PhaseBanner/PhaseBanner.svelte": "./dist/layout/PhaseBanner/PhaseBanner.svelte",
+    "./layout/RelatedContent/RelatedContent.svelte": "./dist/layout/RelatedContent/RelatedContent.svelte",
     "./layout/Scroller/Scroller.svelte": "./dist/layout/Scroller/Scroller.svelte",
     "./layout/Scroller/ScrollerSection.svelte": "./dist/layout/Scroller/ScrollerSection.svelte",
     "./layout/Section/Section.svelte": "./dist/layout/Section/Section.svelte",