@undrr/undrr-mangrove 2.0.0 → 2.0.1

package/error-pages/401.html

@@ -88,7 +88,7 @@
           document.head.appendChild(el);
         }
         // Load full CSS from CDN (includes fonts)
-        load('link',{rel:'stylesheet',href:'https://assets.undrr.org/mangrove/2.0.0/css/style.css'});
+        load('link',{rel:'stylesheet',href:'https://assets.undrr.org/mangrove/2.0.1/css/style.css'});
         // Load analytics
         load('script',{src:'https://assets.undrr.org/analytics/v1.0.0/google_analytics_enhancements.js',crossorigin:'anonymous'});
         load('script',{src:'https://messaging.undrr.org/src/undrr-messaging.js',defer:''});

package/error-pages/403.html

@@ -84,7 +84,7 @@
           document.head.appendChild(el);
         }
         // Load full CSS from CDN (includes fonts)
-        load('link',{rel:'stylesheet',href:'https://assets.undrr.org/mangrove/2.0.0/css/style.css'});
+        load('link',{rel:'stylesheet',href:'https://assets.undrr.org/mangrove/2.0.1/css/style.css'});
         // Load analytics
         load('script',{src:'https://assets.undrr.org/analytics/v1.0.0/google_analytics_enhancements.js',crossorigin:'anonymous'});
         load('script',{src:'https://messaging.undrr.org/src/undrr-messaging.js',defer:''});

package/error-pages/404.html

@@ -96,7 +96,7 @@
           document.head.appendChild(el);
         }
         // Load full CSS from CDN (includes fonts)
-        load('link',{rel:'stylesheet',href:'https://assets.undrr.org/mangrove/2.0.0/css/style.css'});
+        load('link',{rel:'stylesheet',href:'https://assets.undrr.org/mangrove/2.0.1/css/style.css'});
         // Load analytics
         load('script',{src:'https://assets.undrr.org/analytics/v1.0.0/google_analytics_enhancements.js',crossorigin:'anonymous'});
         load('script',{src:'https://messaging.undrr.org/src/undrr-messaging.js',defer:''});

package/error-pages/429.html

@@ -91,7 +91,7 @@
           document.head.appendChild(el);
         }
         // Load full CSS from CDN (includes fonts)
-        load('link',{rel:'stylesheet',href:'https://assets.undrr.org/mangrove/2.0.0/css/style.css'});
+        load('link',{rel:'stylesheet',href:'https://assets.undrr.org/mangrove/2.0.1/css/style.css'});
         // Load analytics
         load('script',{src:'https://assets.undrr.org/analytics/v1.0.0/google_analytics_enhancements.js',crossorigin:'anonymous'});
         load('script',{src:'https://messaging.undrr.org/src/undrr-messaging.js',defer:''});

package/error-pages/500.html

@@ -87,7 +87,7 @@
           document.head.appendChild(el);
         }
         // Load full CSS from CDN (includes fonts)
-        load('link',{rel:'stylesheet',href:'https://assets.undrr.org/mangrove/2.0.0/css/style.css'});
+        load('link',{rel:'stylesheet',href:'https://assets.undrr.org/mangrove/2.0.1/css/style.css'});
         // Load analytics
         load('script',{src:'https://assets.undrr.org/analytics/v1.0.0/google_analytics_enhancements.js',crossorigin:'anonymous'});
         load('script',{src:'https://messaging.undrr.org/src/undrr-messaging.js',defer:''});

package/error-pages/502.html

@@ -90,7 +90,7 @@
           document.head.appendChild(el);
         }
         // Load full CSS from CDN (includes fonts)
-        load('link',{rel:'stylesheet',href:'https://assets.undrr.org/mangrove/2.0.0/css/style.css'});
+        load('link',{rel:'stylesheet',href:'https://assets.undrr.org/mangrove/2.0.1/css/style.css'});
         // Load analytics
         load('script',{src:'https://assets.undrr.org/analytics/v1.0.0/google_analytics_enhancements.js',crossorigin:'anonymous'});
         load('script',{src:'https://messaging.undrr.org/src/undrr-messaging.js',defer:''});

package/error-pages/503.html

@@ -90,7 +90,7 @@
           document.head.appendChild(el);
         }
         // Load full CSS from CDN (includes fonts)
-        load('link',{rel:'stylesheet',href:'https://assets.undrr.org/mangrove/2.0.0/css/style.css'});
+        load('link',{rel:'stylesheet',href:'https://assets.undrr.org/mangrove/2.0.1/css/style.css'});
         // Load analytics
         load('script',{src:'https://assets.undrr.org/analytics/v1.0.0/google_analytics_enhancements.js',crossorigin:'anonymous'});
         load('script',{src:'https://messaging.undrr.org/src/undrr-messaging.js',defer:''});

package/error-pages/504.html

@@ -87,7 +87,7 @@
           document.head.appendChild(el);
         }
         // Load full CSS from CDN (includes fonts)
-        load('link',{rel:'stylesheet',href:'https://assets.undrr.org/mangrove/2.0.0/css/style.css'});
+        load('link',{rel:'stylesheet',href:'https://assets.undrr.org/mangrove/2.0.1/css/style.css'});
         // Load analytics
         load('script',{src:'https://assets.undrr.org/analytics/v1.0.0/google_analytics_enhancements.js',crossorigin:'anonymous'});
         load('script',{src:'https://messaging.undrr.org/src/undrr-messaging.js',defer:''});

package/error-pages/5xx.html

@@ -90,7 +90,7 @@
           document.head.appendChild(el);
         }
         // Load full CSS from CDN (includes fonts)
-        load('link',{rel:'stylesheet',href:'https://assets.undrr.org/mangrove/2.0.0/css/style.css'});
+        load('link',{rel:'stylesheet',href:'https://assets.undrr.org/mangrove/2.0.1/css/style.css'});
         // Load analytics
         load('script',{src:'https://assets.undrr.org/analytics/v1.0.0/google_analytics_enhancements.js',crossorigin:'anonymous'});
         load('script',{src:'https://messaging.undrr.org/src/undrr-messaging.js',defer:''});

package/error-pages/challenge.html

@@ -88,7 +88,7 @@
           document.head.appendChild(el);
         }
         // Load full CSS from CDN (includes fonts)
-        load('link',{rel:'stylesheet',href:'https://assets.undrr.org/mangrove/2.0.0/css/style.css'});
+        load('link',{rel:'stylesheet',href:'https://assets.undrr.org/mangrove/2.0.1/css/style.css'});
         // Load analytics
         load('script',{src:'https://assets.undrr.org/analytics/v1.0.0/google_analytics_enhancements.js',crossorigin:'anonymous'});
         load('script',{src:'https://messaging.undrr.org/src/undrr-messaging.js',defer:''});

package/error-pages/managed-challenge.html

@@ -90,7 +90,7 @@
           document.head.appendChild(el);
         }
         // Load full CSS from CDN (includes fonts)
-        load('link',{rel:'stylesheet',href:'https://assets.undrr.org/mangrove/2.0.0/css/style.css'});
+        load('link',{rel:'stylesheet',href:'https://assets.undrr.org/mangrove/2.0.1/css/style.css'});
         // Load analytics
         load('script',{src:'https://assets.undrr.org/analytics/v1.0.0/google_analytics_enhancements.js',crossorigin:'anonymous'});
         load('script',{src:'https://messaging.undrr.org/src/undrr-messaging.js',defer:''});

package/js/cite-this.js

@@ -0,0 +1,352 @@
+/**
+ * Vanilla citation dialog for server-rendered pages.
+ * The host owns editorial approval and analytics; this module only resolves,
+ * displays, copies, and announces a citation.
+ */
+const WORK_TYPES = new Set([
+  'Article',
+  'Book',
+  'Chapter',
+  'CreativeWork',
+  'NewsArticle',
+  'Report',
+  'ScholarlyArticle',
+  'TechArticle',
+  'WebPage',
+]);
+
+const instances = new WeakMap();
+let nextDialogId = 0;
+
+function firstText(value) {
+  if (Array.isArray(value))
+    return value.map(firstText).filter(Boolean).join(', ');
+  if (typeof value === 'string') return value.trim();
+  if (value && typeof value === 'object') {
+    return firstText(value.name || value.legalName);
+  }
+  return '';
+}
+
+function cleanUrl(value, base, stripQuery = false) {
+  try {
+    const url = new URL(value, base);
+    if (!['https:', 'http:'].includes(url.protocol)) return '';
+    url.hash = '';
+    if (stripQuery) url.search = '';
+    return url.href.replace(/\/$/, '');
+  } catch {
+    return '';
+  }
+}
+
+function canonicalUrl(doc) {
+  const canonical = doc.querySelector('link[rel="canonical"]')?.href;
+  return cleanUrl(
+    canonical || doc.location.href,
+    doc.location.href,
+    !canonical
+  );
+}
+
+function workTypes(node) {
+  return [node?.['@type']]
+    .flat()
+    .filter(Boolean)
+    .map(type => String(type).split(/[\/#]/).pop());
+}
+
+function schemaNodes(value) {
+  if (Array.isArray(value)) return value.flatMap(schemaNodes);
+  if (!value || typeof value !== 'object') return [];
+  return [
+    value,
+    ...schemaNodes(value['@graph']),
+    ...schemaNodes(value.mainEntity),
+  ];
+}
+
+function referenceUrl(value) {
+  if (typeof value === 'string') return value;
+  return value?.['@id'] || value?.url || '';
+}
+
+function schemaWork(doc, canonical) {
+  const base = doc.location.href;
+  const candidates = [];
+  for (const script of doc.querySelectorAll(
+    'script[type="application/ld+json"]'
+  )) {
+    try {
+      candidates.push(...schemaNodes(JSON.parse(script.textContent)));
+    } catch {
+      // Malformed JSON-LD must not prevent the page citation fallback.
+    }
+  }
+  const matches = candidates.filter(node => {
+    if (!workTypes(node).some(type => WORK_TYPES.has(type))) return false;
+    return [node.mainEntityOfPage, node.url, node['@id']].some(
+      value => cleanUrl(referenceUrl(value), base) === canonical
+    );
+  });
+  // The WebPage may identify its primary work through mainEntity instead of
+  // repeating mainEntityOfPage on that work.
+  const page = matches.find(node => workTypes(node).includes('WebPage'));
+  const mainEntity = schemaNodes(page?.mainEntity).find(node =>
+    workTypes(node).some(type => WORK_TYPES.has(type) && type !== 'WebPage')
+  );
+  // A matching work is preferable to a matching WebPage wrapper.
+  return (
+    matches.find(node => !workTypes(node).includes('WebPage')) ||
+    mainEntity ||
+    matches[0]
+  );
+}
+
+function publicationYear(value) {
+  const match = String(value || '').match(/^(\d{4})(?:-|$)/);
+  return match ? match[1] : '';
+}
+
+function formatCitation({ author, title, publisher, year, url, accessed }) {
+  const lead = author ? `${author}${year ? ` (${year})` : ''}, ` : '';
+  const titlePart = `“${title}”`;
+  const source = publisher && publisher !== author ? `, ${publisher}` : '';
+  const date = !author && year ? ` (${year})` : '';
+  const access = year ? '' : `, accessed ${accessed}`;
+  return `${lead}${titlePart}${source}${date}${access}, ${url}.`;
+}
+
+/** Resolve a citation, in editorial → configured → matching JSON-LD → page order. */
+export function resolveCitation(element, now = new Date()) {
+  const doc = element.ownerDocument;
+  const canonical = canonicalUrl(doc);
+  const data = element.dataset;
+  const explicit = data.mgCiteThisCitation?.trim();
+  if (explicit) return { text: explicit, source: 'provided', url: canonical };
+
+  const configured = [
+    data.mgCiteThisAuthor,
+    data.mgCiteThisPublisher,
+    data.mgCiteThisYear,
+    data.mgCiteThisTitle,
+    data.mgCiteThisUrl,
+  ].some(Boolean);
+  const work = schemaWork(doc, canonical);
+  const title =
+    data.mgCiteThisTitle?.trim() ||
+    firstText(work?.headline || work?.name) ||
+    doc.title?.trim() ||
+    doc.querySelector('meta[property="og:title"]')?.content?.trim() ||
+    doc.querySelector('h1')?.textContent?.trim() ||
+    'Untitled page';
+  const site =
+    data.mgCiteThisSite?.trim() ||
+    doc.querySelector('meta[property="og:site_name"]')?.content?.trim() ||
+    new URL(canonical).hostname.replace(/^www\./, '');
+  const author = data.mgCiteThisAuthor?.trim() || firstText(work?.author);
+  const publisher =
+    data.mgCiteThisPublisher?.trim() || firstText(work?.publisher) || site;
+  const year = publicationYear(data.mgCiteThisYear || work?.datePublished);
+  const url =
+    cleanUrl(data.mgCiteThisUrl || work?.url || canonical, doc.location.href) ||
+    canonical;
+  const pageLang = doc.documentElement.lang || 'en-GB';
+  const locale = pageLang === 'en' ? 'en-GB' : pageLang;
+  const accessed = new Intl.DateTimeFormat(locale, {
+    day: 'numeric',
+    month: 'long',
+    year: 'numeric',
+  }).format(now);
+  return {
+    text: formatCitation({ author, title, publisher, year, url, accessed }),
+    source: configured ? 'metadata' : work ? 'schema' : 'page',
+    url,
+  };
+}
+
+function elementsIn(scope) {
+  if (!scope) return [];
+  if (!scope.querySelectorAll) return Array.from(scope).flatMap(elementsIn);
+  return [
+    ...(scope.matches?.('[data-mg-cite-this]') ? [scope] : []),
+    ...scope.querySelectorAll('[data-mg-cite-this]'),
+  ];
+}
+
+function emit(element, name, citation) {
+  element.dispatchEvent(
+    new CustomEvent(`mg-cite-this:${name}`, {
+      bubbles: true,
+      detail: {
+        source: citation.source,
+        url: cleanUrl(citation.url, element.ownerDocument.location.href, true),
+      },
+    })
+  );
+}
+
+function createFallback(element) {
+  const doc = element.ownerDocument;
+  const fallback = doc.createElement('details');
+  fallback.className = 'mg-cite-this__fallback';
+  const summary = doc.createElement('summary');
+  summary.className = 'mg-cite-this__summary';
+  summary.textContent = element.dataset.mgCiteThisLabel || 'Cite this';
+  const content = doc.createElement('div');
+  content.className = 'mg-cite-this__content';
+  const output = doc.createElement('p');
+  output.className = 'mg-cite-this__text mg-code';
+  output.dataset.mgCiteThisText = '';
+  const actions = doc.createElement('div');
+  actions.className = 'mg-cite-this__actions';
+  const copy = doc.createElement('button');
+  copy.type = 'button';
+  copy.className = 'mg-cite-this__copy';
+  copy.dataset.mgCiteThisCopy = '';
+  copy.textContent = element.dataset.mgCiteThisCopyLabel || 'Copy citation';
+  copy.hidden = true;
+  const status = doc.createElement('span');
+  status.className = 'mg-cite-this__status';
+  status.dataset.mgCiteThisStatus = '';
+  status.setAttribute('role', 'status');
+  status.setAttribute('aria-live', 'polite');
+  actions.append(copy, status);
+  content.append(output, actions);
+  fallback.append(summary, content);
+  element.append(fallback);
+  return fallback;
+}
+
+/** Initialise citation dialogs within a document or Drupal behaviour scope. */
+export function mgCiteThis(scope = document) {
+  for (const element of elementsIn(scope)) {
+    if (instances.has(element)) continue;
+    const existing = element.querySelector('details.mg-cite-this__fallback');
+    const generated = !existing && element.childElementCount === 0;
+    const fallback = generated ? createFallback(element) : existing;
+    const output = fallback?.querySelector('[data-mg-cite-this-text]');
+    const summary = fallback?.querySelector('summary');
+    const content = fallback?.querySelector('.mg-cite-this__content');
+    if (!fallback || !summary || !content || !output) continue;
+
+    const doc = element.ownerDocument;
+    const citation = resolveCitation(element);
+    output.textContent = citation.text;
+    element.dataset.mgCiteThisSource = citation.source;
+    const dialog = doc.createElement('dialog');
+    if (typeof dialog.showModal !== 'function') {
+      if (generated) instances.set(element, () => fallback.remove());
+      continue;
+    }
+
+    const trigger = doc.createElement('button');
+    trigger.type = 'button';
+    trigger.className = 'mg-cite-this__trigger';
+    trigger.textContent = summary.textContent.trim();
+    trigger.setAttribute('aria-haspopup', 'dialog');
+
+    const dialogId = `mg-cite-this-dialog-${++nextDialogId}`;
+    const title = doc.createElement('h2');
+    title.id = `${dialogId}-title`;
+    title.className = 'mg-cite-this__title';
+    title.tabIndex = -1;
+    title.textContent = trigger.textContent;
+
+    const close = doc.createElement('button');
+    close.type = 'button';
+    close.className = 'mg-icon-button mg-cite-this__close';
+    close.setAttribute(
+      'aria-label',
+      element.dataset.mgCiteThisCloseLabel || 'Close'
+    );
+    const closeIcon = doc.createElement('span');
+    closeIcon.className = 'mg-icon mg-icon-close';
+    closeIcon.setAttribute('aria-hidden', 'true');
+    close.append(closeIcon);
+
+    const header = doc.createElement('div');
+    header.className = 'mg-cite-this__dialog-header';
+    header.append(title, close);
+
+    const dialogContent = content.cloneNode(true);
+    const copy = dialogContent.querySelector('[data-mg-cite-this-copy]');
+    const status = dialogContent.querySelector('[data-mg-cite-this-status]');
+    if (copy) copy.hidden = false;
+    dialog.className = 'mg-cite-this__dialog';
+    dialog.setAttribute('aria-labelledby', title.id);
+    dialog.append(header, dialogContent);
+    element.append(trigger, dialog);
+    fallback.hidden = true;
+
+    let statusTimer;
+    const onOpen = () => {
+      dialog.showModal();
+      title.focus();
+      emit(element, 'open', citation);
+    };
+    const onClose = () => {
+      clearTimeout(statusTimer);
+      if (status) status.textContent = '';
+      trigger.focus();
+    };
+    const closeDialog = () => dialog.close();
+    const onCopy = async () => {
+      try {
+        await navigator.clipboard.writeText(citation.text);
+        if (status)
+          status.textContent =
+            element.dataset.mgCiteThisCopiedLabel || 'Citation copied';
+        emit(element, 'copy', citation);
+        clearTimeout(statusTimer);
+        statusTimer = setTimeout(() => {
+          if (status) status.textContent = '';
+        }, 3000);
+      } catch {
+        if (status)
+          status.textContent =
+            element.dataset.mgCiteThisFailedLabel ||
+            'Copy failed. Select the citation and copy it manually.';
+        emit(element, 'copy-error', citation);
+        clearTimeout(statusTimer);
+        statusTimer = setTimeout(() => {
+          if (status) status.textContent = '';
+        }, 5000);
+      }
+    };
+    trigger.addEventListener('click', onOpen);
+    close.addEventListener('click', closeDialog);
+    dialog.addEventListener('close', onClose);
+    copy?.addEventListener('click', onCopy);
+    instances.set(element, () => {
+      clearTimeout(statusTimer);
+      trigger.removeEventListener('click', onOpen);
+      close.removeEventListener('click', closeDialog);
+      dialog.removeEventListener('close', onClose);
+      copy?.removeEventListener('click', onCopy);
+      if (dialog.open) dialog.close();
+      trigger.remove();
+      dialog.remove();
+      if (generated) fallback.remove();
+      else fallback.hidden = false;
+    });
+  }
+}
+
+/** Remove listeners before replacing content in a client-side navigation. */
+export function mgCiteThisDestroy(scope = document) {
+  for (const element of elementsIn(scope)) {
+    instances.get(element)?.();
+    instances.delete(element);
+  }
+}
+
+if (typeof document !== 'undefined') {
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', () => mgCiteThis(), {
+      once: true,
+    });
+  } else {
+    mgCiteThis();
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@undrr/undrr-mangrove",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "Mangrove design System for UNDRR",
   "files": [
     "components/**/*",
@@ -9,6 +9,7 @@
     "scss/**/*.scss",
     "error-pages/**/*",
     "fonts/**/*",
+    "docs/**/*",
     "!**/__tests__/**",
     "!**/__snapshots__/**",
     "!**/__mocks__/**",
@@ -20,6 +21,10 @@
     "type": "git",
     "url": "https://github.com/unisdr/undrr-mangrove.git"
   },
+  "homepage": "https://mangrove.undrr.org/",
+  "bugs": {
+    "url": "https://github.com/PreventionWeb/undrr-mangrove/issues"
+  },
   "keywords": [],
   "author": "",
   "license": "Apache-2.0"

package/scss/Atom/BaseTypography/Abbr/abbr.scss

@@ -4,7 +4,7 @@
  * Styles for HTML <abbr> elements with subtle dotted underlines and accessible expansion styling.
  *
  * Full documentation:
- * https://github.com/unisdr/undrr-mangrove/blob/main/stories/Atom/BaseTypography/BaseTypography.mdx
+ * https://github.com/PreventionWeb/undrr-mangrove/blob/main/stories/Atom/BaseTypography/BaseTypography.mdx
  */
 abbr[title] {
   border-bottom: 2px dashed rgb(var(--mg-color-red-900));

package/scss/Atom/BaseTypography/Blockquote/blockquote.scss

@@ -4,7 +4,7 @@
  * Typography and border accent styles for standard HTML <blockquote> elements.
  *
  * Full documentation:
- * https://github.com/unisdr/undrr-mangrove/blob/main/stories/Atom/BaseTypography/BaseTypography.mdx
+ * https://github.com/PreventionWeb/undrr-mangrove/blob/main/stories/Atom/BaseTypography/BaseTypography.mdx
  */
 .mg-body blockquote,
 .mg-content blockquote {

package/scss/Atom/BaseTypography/Cite/cite.scss

@@ -4,7 +4,7 @@
  * Typographic styles for HTML <cite> citation references.
  *
  * Full documentation:
- * https://github.com/unisdr/undrr-mangrove/blob/main/stories/Atom/BaseTypography/BaseTypography.mdx
+ * https://github.com/PreventionWeb/undrr-mangrove/blob/main/stories/Atom/BaseTypography/BaseTypography.mdx
  */
 .mg-body cite,
 .mg-content cite {

package/scss/Atom/BaseTypography/Code/code.scss

@@ -4,7 +4,7 @@
  * Monospace typographic styling for inline <code> elements.
  *
  * Full documentation:
- * https://github.com/unisdr/undrr-mangrove/blob/main/stories/Atom/BaseTypography/BaseTypography.mdx
+ * https://github.com/PreventionWeb/undrr-mangrove/blob/main/stories/Atom/BaseTypography/BaseTypography.mdx
  */
 .mg-code,
 code {

package/scss/Atom/BaseTypography/Mark/mark.scss

@@ -4,7 +4,7 @@
  * Highlight styling for HTML <mark> elements using theme-aware highlight colors.
  *
  * Full documentation:
- * https://github.com/unisdr/undrr-mangrove/blob/main/stories/Atom/BaseTypography/BaseTypography.mdx
+ * https://github.com/PreventionWeb/undrr-mangrove/blob/main/stories/Atom/BaseTypography/BaseTypography.mdx
  */
 mark {
   background: var(--mg-color-yellow-light);

package/scss/Atom/BaseTypography/Quotation/quotation.scss

@@ -4,7 +4,7 @@
  * Inline quotation typography and glyph styles for <q> elements.
  *
  * Full documentation:
- * https://github.com/unisdr/undrr-mangrove/blob/main/stories/Atom/BaseTypography/BaseTypography.mdx
+ * https://github.com/PreventionWeb/undrr-mangrove/blob/main/stories/Atom/BaseTypography/BaseTypography.mdx
  */
 q {
   font-style: italic;

package/scss/Atom/BaseTypography/Small/small.scss

@@ -4,7 +4,7 @@
  * Reduced scale typography styles for fine print and secondary metadata (<small>).
  *
  * Full documentation:
- * https://github.com/unisdr/undrr-mangrove/blob/main/stories/Atom/BaseTypography/BaseTypography.mdx
+ * https://github.com/PreventionWeb/undrr-mangrove/blob/main/stories/Atom/BaseTypography/BaseTypography.mdx
  */
 small {
   @extend %paragraph-font-100;

package/scss/Atom/Colors/color.scss

@@ -4,6 +4,6 @@
  * Color swatch and background/text utility helper classes across brand palettes.
  *
  * Full documentation:
- * https://github.com/unisdr/undrr-mangrove/blob/main/stories/Atom/Colors/color.mdx
+ * https://github.com/PreventionWeb/undrr-mangrove/blob/main/stories/Atom/Colors/color.mdx
  */
 // empty

package/scss/Atom/EmptyState/empty-state.scss

@@ -4,7 +4,7 @@
  * Placeholder presentation for empty search results, missing data, or filtered-out views.
  *
  * Full documentation:
- * https://github.com/unisdr/undrr-mangrove/blob/main/stories/Atom/EmptyState/EmptyState.mdx
+ * https://github.com/PreventionWeb/undrr-mangrove/blob/main/stories/Atom/EmptyState/EmptyState.mdx
  */
 // Empty state — what a list, table, chart or dashboard tile shows when it has
 // no content to show.

package/scss/Atom/Icons/_icon-definitions.scss

@@ -5,10 +5,10 @@
  * Generated by scripts/icon-build.cjs — do not edit by hand.
  *
  * Full documentation:
- * https://github.com/unisdr/undrr-mangrove/blob/main/stories/Atom/Icons/Icons.mdx
+ * https://github.com/PreventionWeb/undrr-mangrove/blob/main/stories/Atom/Icons/Icons.mdx
  */
 // To regenerate: yarn build:icons
-// 98 icons from Lucide, OCHA, and custom SVG sources.
+// 106 icons from Lucide, OCHA, and custom SVG sources.
 
 .mg-icon-globe::before {
   --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10'/><path d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20M2 12h20'/></svg>");
@@ -55,7 +55,7 @@
 }
 
 .mg-icon-pen-nib::before {
-  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M15.707 21.293a1 1 0 0 1-1.414 0l-1.586-1.586a1 1 0 0 1 0-1.414l5.586-5.586a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414z'/><path d='m18 13-1.375-6.874a1 1 0 0 0-.746-.776L3.235 2.028a1 1 0 0 0-1.207 1.207L5.35 15.879a1 1 0 0 0 .776.746L13 18M2.3 2.3l7.286 7.286'/><circle cx='11' cy='11' r='2'/></svg>");
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='m18 13-.654-4.736a4 4 0 0 0-2.756-3.266l-9.163-2.9a2 2 0 0 0-2.017.493l-.82.819a2 2 0 0 0-.492 2.017l2.9 9.163a4 4 0 0 0 3.266 2.756L13 18'/><path d='M18.648 12.352a1.205 1.205 0 0 1 1.704 0l1.296 1.296a1.205 1.205 0 0 1 0 1.704l-6.296 6.296a1.205 1.205 0 0 1-1.704 0l-1.296-1.296a1.205 1.205 0 0 1 0-1.704zM3 3l6.586 6.586'/><circle cx='11' cy='11' r='2'/></svg>");
 }
 
 .mg-icon-code-branch::before {
@@ -126,6 +126,38 @@
   --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8'/><path d='M21 3v5h-5M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16'/><path d='M8 16H3v5'/></svg>");
 }
 
+.mg-icon-plus::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M5 12h14M12 5v14'/></svg>");
+}
+
+.mg-icon-minus::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M5 12h14'/></svg>");
+}
+
+.mg-icon-pause::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><rect width='5' height='18' x='14' y='3' rx='1'/><rect width='5' height='18' x='5' y='3' rx='1'/></svg>");
+}
+
+.mg-icon-play::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z'/></svg>");
+}
+
+.mg-icon-circle-minus::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10'/><path d='M8 12h8'/></svg>");
+}
+
+.mg-icon-expand::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='m15 15 6 6M15 9l6-6M21 16v5h-5M21 8V3h-5M3 16v5h5M3 21l6-6M3 8V3h5M9 9 3 3'/></svg>");
+}
+
+.mg-icon-shrink::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='m15 15 6 6m-6-6v4.8m0-4.8h4.8M9 19.8V15m0 0H4.2M9 15l-6 6M15 4.2V9m0 0h4.8M15 9l6-6M9 4.2V9m0 0H4.2M9 9 3 3'/></svg>");
+}
+
+.mg-icon-layers::before {
+  --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><path d='M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z'/><path d='M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12'/><path d='M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17'/></svg>");
+}
+
 .mg-icon-clone::before {
   --mg-icon-svg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'><rect width='14' height='14' x='8' y='8' rx='2' ry='2'/><path d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/></svg>");
 }