From 500102002e5b30a4b739842f2e767d0ff9ae4993 Mon Sep 17 00:00:00 2001
From: Jason Smith <jason.smith@dpc.vic.gov.au>
Date: Wed, 6 Nov 2024 15:24:30 +1100
Subject: [PATCH] feat(@dpc-sdp/ripple-ui-core): :sparkles: add
 icon-file-secure

---
 .../src/utils/markup-transpiler/cheerio.test.ts           | 4 ++--
 .../src/utils/markup-transpiler/default-plugins.ts        | 8 ++++++--
 .../src/assets/icons/core/icon-file-secure.svg            | 4 ++++
 packages/ripple-ui-core/src/assets/icons/sprite.js        | 2 +-
 packages/ripple-ui-core/src/assets/icons/sprite.svg       | 2 +-
 packages/ripple-ui-core/src/components/icon/constants.ts  | 1 +
 6 files changed, 15 insertions(+), 6 deletions(-)
 create mode 100644 packages/ripple-ui-core/src/assets/icons/core/icon-file-secure.svg

diff --git a/packages/ripple-tide-api/src/utils/markup-transpiler/cheerio.test.ts b/packages/ripple-tide-api/src/utils/markup-transpiler/cheerio.test.ts
index e7309c4186..f21e09156c 100644
--- a/packages/ripple-tide-api/src/utils/markup-transpiler/cheerio.test.ts
+++ b/packages/ripple-tide-api/src/utils/markup-transpiler/cheerio.test.ts
@@ -60,8 +60,8 @@ const fixed = {
     `
 <figure class="rpl-document">
   <a class="rpl-document__link rpl-u-focusable-within" aria-label="Secure document File type: PDF. Size: 139.44 KB." href="https://content.vic.gov.au/system/files/secure/2024-09/file-sample_150kB.pdf" target="_blank">
-    <span class="rpl-document__icon rpl-icon rpl-icon--size-l rpl-icon--colour-default rpl-icon--icon-document-lined">
-      <svg role="presentation"><use xlink:href="#icon-document-lined"></use></svg>
+    <span class="rpl-document__icon rpl-icon rpl-icon--size-l rpl-icon--colour-default rpl-icon--icon-file-secure">
+      <svg role="presentation"><use xlink:href="#icon-file-secure"></use></svg>
     </span>
     <div class="rpl-document__content">
       <span class="rpl-document__name rpl-type-p rpl-type-weight-bold rpl-u-focusable-inline">Secure document</span>
diff --git a/packages/ripple-tide-api/src/utils/markup-transpiler/default-plugins.ts b/packages/ripple-tide-api/src/utils/markup-transpiler/default-plugins.ts
index cadac7200e..b3e7e6125e 100644
--- a/packages/ripple-tide-api/src/utils/markup-transpiler/default-plugins.ts
+++ b/packages/ripple-tide-api/src/utils/markup-transpiler/default-plugins.ts
@@ -124,11 +124,15 @@ const pluginDocuments = function (this: any) {
         })
     }
 
+    const mediaIcon = $element.hasClass('embedded-entity--media--secure-file')
+      ? 'file-secure'
+      : 'document-lined'
+
     return $element.replaceWith(`
 <figure class="rpl-document">
   <a class="rpl-document__link rpl-u-focusable-within" aria-label="${label}" href="${link}" target="_blank">
-    <span class="rpl-document__icon rpl-icon rpl-icon--size-l rpl-icon--colour-default rpl-icon--icon-document-lined">
-      <svg role="presentation"><use xlink:href="#icon-document-lined"></use></svg>
+    <span class="rpl-document__icon rpl-icon rpl-icon--size-l rpl-icon--colour-default rpl-icon--icon-${mediaIcon}">
+      <svg role="presentation"><use xlink:href="#icon-${mediaIcon}"></use></svg>
     </span>
     <div class="rpl-document__content">
       <span class="rpl-document__name rpl-type-p rpl-type-weight-bold rpl-u-focusable-inline">${title}</span>
diff --git a/packages/ripple-ui-core/src/assets/icons/core/icon-file-secure.svg b/packages/ripple-ui-core/src/assets/icons/core/icon-file-secure.svg
new file mode 100644
index 0000000000..999be8f08a
--- /dev/null
+++ b/packages/ripple-ui-core/src/assets/icons/core/icon-file-secure.svg
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M4.69999 21.6L13.1 21.6L13.1 24L3.49999 24C2.83639 24 2.29999 23.4636 2.29999 22.8L2.29999 1.2C2.29999 0.5364 2.83639 0 3.49999 0L14.3036 0L20.3 5.9964L20.3 11.4H17.9L17.9 8.4L13.1 8.4C12.4364 8.4 11.9 7.8636 11.9 7.2L11.9 2.4L4.69999 2.4L4.69999 21.6ZM14.3 3.3888L16.9112 6L14.3 6L14.3 3.3888ZM15.5327 23.595C15.7945 23.865 16.0564 24 16.4491 24H21.6854C22.0782 24 22.34 23.865 22.6018 23.595C22.8636 23.325 22.9945 23.055 22.9945 22.65L22.9945 18.6C22.9945 18.195 22.8636 17.925 22.6018 17.655C22.34 17.385 22.0782 17.25 21.6854 17.25V15.9C21.6854 15.09 21.4236 14.55 20.9 14.01C20.3764 13.47 19.8527 13.2 19.0673 13.2C18.4127 13.2 17.7582 13.47 17.2345 14.01C16.7109 14.55 16.4491 15.09 16.4491 15.9L16.4491 17.25C16.0564 17.25 15.7945 17.385 15.5327 17.655C15.2709 17.925 15.14 18.195 15.14 18.6V22.65C15.14 23.055 15.2709 23.325 15.5327 23.595ZM20.3764 15.9V17.25H17.7582V15.9C17.7582 15.495 17.8891 15.225 18.1509 14.955C18.4127 14.685 18.6745 14.55 19.0673 14.55C19.46 14.55 19.7218 14.685 19.9836 14.955C20.2454 15.225 20.3764 15.495 20.3764 15.9Z" />
+</svg>
diff --git a/packages/ripple-ui-core/src/assets/icons/sprite.js b/packages/ripple-ui-core/src/assets/icons/sprite.js
index 30cbbe3b5a..6341d5ff68 100644
--- a/packages/ripple-ui-core/src/assets/icons/sprite.js
+++ b/packages/ripple-ui-core/src/assets/icons/sprite.js
@@ -1 +1 @@
-export default ["icon-cancel","icon-check-circle-filled","icon-chevron-down","icon-chevron-left","icon-chevron-right","icon-chevron-up","icon-current-location","icon-document-lined","icon-document","icon-download","icon-enlarge-square-filled","icon-enlarge","icon-exclamation-circle-filled","icon-facebook","icon-home","icon-information-circle-filled","icon-link-external-square-filled","icon-linkedin","icon-mail","icon-phone","icon-pin","icon-twitter","icon-view","icon-whatsapp","icon-x"]
\ No newline at end of file
+export default ["icon-cancel","icon-check-circle-filled","icon-chevron-down","icon-chevron-left","icon-chevron-right","icon-chevron-up","icon-current-location","icon-document-lined","icon-document","icon-download","icon-enlarge-square-filled","icon-enlarge","icon-exclamation-circle-filled","icon-facebook","icon-file-secure","icon-home","icon-information-circle-filled","icon-link-external-square-filled","icon-linkedin","icon-mail","icon-phone","icon-pin","icon-twitter","icon-view","icon-whatsapp","icon-x"]
\ No newline at end of file
diff --git a/packages/ripple-ui-core/src/assets/icons/sprite.svg b/packages/ripple-ui-core/src/assets/icons/sprite.svg
index a05c014b64..a49815ab93 100644
--- a/packages/ripple-ui-core/src/assets/icons/sprite.svg
+++ b/packages/ripple-ui-core/src/assets/icons/sprite.svg
@@ -1 +1 @@
-<svg id="rpl-icon-sprite" aria-hidden="true"><defs><symbol fill="currentColor" id="icon-cancel" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m14.1 12 9.4-9.4c.6-.6.6-1.5 0-2.1S22-.1 21.4.5L12 9.9 2.6.4C2-.1 1-.1.4.4s-.6 1.5 0 2.1L9.9 12 .5 21.4c-.6.6-.6 1.5 0 2.1.2.4.6.5 1 .5s.8-.1 1.1-.4l9.4-9.4 9.4 9.4c.3.3.7.4 1.1.4s.8-.1 1.1-.4c.6-.6.6-1.5 0-2.1L14.1 12z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-check-circle-filled" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm5.8 8.4-5.5 8.9c-.5.9-1.7 1-2.4.3l-3.3-3.3c-.6-.6-.6-1.6 0-2.2.6-.6 1.6-.6 2.2 0l1.9 1.9 4.5-7.2c.5-.7 1.4-1 2.2-.5.6.4.8 1.4.4 2.1z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-chevron-down" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11.068 18.895.387 8.214a1.319 1.319 0 0 1 0-1.865l1.245-1.246A1.319 1.319 0 0 1 3.496 5.1L12 13.566 20.505 5.1a1.319 1.319 0 0 1 1.863.002l1.246 1.246c.515.515.515 1.35 0 1.865l-10.68 10.68a1.32 1.32 0 0 1-1.866 0Z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-chevron-left" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.104 11.066 15.785.386a1.319 1.319 0 0 1 1.866 0l1.245 1.245c.515.515.516 1.348.003 1.863L10.434 12l8.465 8.505a1.319 1.319 0 0 1-.003 1.863l-1.245 1.246a1.32 1.32 0 0 1-1.866 0L5.105 12.932a1.32 1.32 0 0 1 0-1.866Z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-chevron-right" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M18.896 12.931 8.216 23.614a1.319 1.319 0 0 1-1.866 0l-1.246-1.246a1.319 1.319 0 0 1-.002-1.863L13.567 12 5.102 3.495a1.319 1.319 0 0 1 .002-1.863L6.35.385a1.319 1.319 0 0 1 1.865 0l10.681 10.681a1.32 1.32 0 0 1 0 1.865Z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-chevron-up" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12.933 5.103 10.681 10.681c.515.515.515 1.35 0 1.865l-1.246 1.246a1.32 1.32 0 0 1-1.863.003L12 10.433l-8.504 8.465a1.32 1.32 0 0 1-1.864-.003L.387 17.65a1.319 1.319 0 0 1 0-1.866l10.68-10.68a1.32 1.32 0 0 1 1.866 0Z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-current-location" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m2 11 9 2 2 8.9L22 2z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-document-lined" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 0H4.2C3.5 0 3 .5 3 1.2v21.6c0 .7.5 1.2 1.2 1.2h15.6c.7 0 1.2-.5 1.2-1.2V6l-6-6zm0 3.4L17.6 6H15V3.4zm3.6 18.2H5.4V2.4h7.2v4.8c0 .7.5 1.2 1.2 1.2h4.8v13.2z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-document" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13.5 6.4V0H4.1C3.5 0 3 .5 3 1.1v21.8c0 .6.5 1.1 1.1 1.1h15.8c.6 0 1.1-.5 1.1-1.1V7.5h-6.4c-.6 0-1.1-.5-1.1-1.1z"/><path d="M20.7 4.9 16.1.3c-.2-.2-.5-.3-.8-.3H15v6h6v-.3c0-.3-.1-.6-.3-.8z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-download" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21.2 20.1H2.8c-.7 0-1.3.6-1.3 1.3v1.3c0 .7.6 1.3 1.3 1.3h18.4c.7 0 1.3-.6 1.3-1.3v-1.3c0-.7-.6-1.3-1.3-1.3zm-9.9-1.5c.4.4 1.1.4 1.5 0l8.3-8.2c.7-.7.2-1.8-.8-1.8h-4.8V1.3c0-.7-.6-1.3-1.3-1.3H9.8c-.7 0-1.3.6-1.3 1.3v7.3H3.7c-1 0-1.5 1.2-.8 1.8l8.4 8.2z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-enlarge-square-filled" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21.4 0H2.6C1.2 0 0 1.2 0 2.6v18.9C0 22.8 1.2 24 2.6 24h18.9c1.4 0 2.6-1.2 2.6-2.6V2.6C24 1.2 22.8 0 21.4 0zm-10 20.1L4.7 20c-.3 0-.6-.3-.6-.6L4 12.6c0-.3.2-.6.6-.6h.8c.3 0 .6.3.6.6v4.1l3.5-3.5c.2-.2.6-.2.8 0l.6.6c.2.2.2.6 0 .8l-3.5 3.5h4.1c.3 0 .6.3.6.6v.8c-.1.3-.3.6-.7.6zm8.1-8h-.8c-.3 0-.6-.3-.6-.6V7.4l-3.5 3.5c-.2.2-.6.2-.8 0l-.6-.6c-.2-.3-.2-.6 0-.9l3.5-3.5h-4.1c-.3.1-.6-.2-.6-.5v-.8c0-.3.3-.6.6-.6l6.8.1c.3 0 .6.3.6.6l.1 6.8c0 .3-.3.6-.6.6z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-enlarge" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.2 4.5c0-.3-.3-.6-.6-.6l-7-.1c-.3-.1-.6.2-.6.5v.8c0 .3.3.6.6.6h4.2l-3.6 3.6c-.2.2-.2.6 0 .9l.6.6c.2.2.6.2.9 0l3.6-3.6v4.2c0 .3.3.6.6.6h.8c.3 0 .6-.3.6-.6l-.1-6.9zm-8.8 13.7H7.2l3.6-3.6c.2-.2.2-.6 0-.9l-.6-.6c-.2-.1-.6-.1-.9.1l-3.6 3.6v-4.2c0-.3-.3-.6-.6-.6h-.8c-.3 0-.6.3-.6.6l.1 7c0 .3.3.6.6.6l7 .1c.3 0 .6-.3.6-.6v-.8c0-.4-.3-.7-.6-.7z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-exclamation-circle-filled" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm0 20c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm2-8c0 1.1-.9 2-2 2s-2-.9-2-2V6c0-1.1.9-2 2-2s2 .9 2 2v6z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-facebook" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15.6 4h2.1V.2c-.3-.1-1.6-.2-3-.2-3 0-5.1 2-5.1 5.6V9H6.3v4.3h3.3V24h4.1V13.3h3.2l.5-4.3h-3.7V6.1c0-1.3.3-2.1 1.9-2.1z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-home" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M23.4 11.5 13 .5c-.6-.6-1.5-.6-2.1 0L.6 11.4c-.5.5-.8 1.6-.5 2.3.2.7.9.9 1.6.9l1.4.1v7.6c0 1 .6 1.7 1.5 1.7H9c.9 0 1.5-.7 1.5-1.7v-5.8h3v5.8c0 1 .6 1.7 1.5 1.7h4.5c.9 0 1.5-.7 1.5-1.7v-7.6h1.5c.7 0 1.2-.2 1.5-1 .2-.7-.1-1.7-.6-2.2z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-information-circle-filled" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm2.2 17.5c0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.2V11c0-1.2 1-2.2 2.2-2.2 1.2 0 2.2 1 2.2 2.2v6.5zM12 7.6c-1.2 0-2.2-1-2.2-2.2 0-1.2 1-2.2 2.2-2.2 1.2 0 2.2 1 2.2 2.2 0 1.3-1 2.2-2.2 2.2z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-link-external-square-filled" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21.4 0H2.6C1.2 0 0 1.2 0 2.6v18.9C0 22.8 1.2 24 2.6 24h18.9c1.4 0 2.6-1.2 2.6-2.6V2.6C24 1.2 22.8 0 21.4 0zm-.8 10.7c0 1.1-1.4 1.7-2.2.9l-1.7-1.7L6.2 20.4c-.3.3-.7.3-.9 0l-1.7-1.7c-.3-.3-.3-.7 0-.9L14.1 7.3l-1.7-1.7c-.8-.8-.2-2.2.9-2.2h6c.7 0 1.3.6 1.3 1.3v6z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-linkedin" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.4 24h-5V8h5v16zM2.9 5.8C1.3 5.8 0 4.5 0 2.9S1.3 0 2.9 0s2.9 1.3 2.9 2.9-1.3 2.9-2.9 2.9zM19 24v-7.8c0-1.9 0-4.2-2.6-4.2s-3 2-3 4.1V24h-5V8h4.8v2.2h.1c.7-1.3 2.3-2.6 4.7-2.6 5 0 6 3.3 6 7.6V24h-5z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-mail" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M22.8 3H1.2C.5 3 0 3.5 0 4.2v15.6c0 .7.5 1.2 1.2 1.2h21.6c.7 0 1.2-.5 1.2-1.2V4.2c0-.7-.5-1.2-1.2-1.2zm-2.4 6L12 12.6 3.6 9V6.6l8.4 3.6 8.4-3.6V9z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-phone" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m23.6 18.3-4-4c-.6-.6-1.6-.6-2.2 0l-3.5 3.5-7.7-7.7 3.5-3.5c.6-.6.6-1.6 0-2.2l-4-4c-.6-.6-1.6-.6-2.2 0L0 4c0 11 9 20 20 20l3.5-3.5c.6-.6.7-1.6.1-2.2z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-pin" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C7 0 3 4.1 3 9c0 6.6 9 15 9 15s9-8.4 9-15c0-4.9-4-9-9-9zm0 12.4c-1.9 0-3.4-1.5-3.4-3.4s1.5-3.4 3.4-3.4 3.4 1.5 3.4 3.4-1.5 3.4-3.4 3.4z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-twitter" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21.5 7.2v.6c0 6.4-4.9 13.8-14 13.8-2.8 0-5.4-.8-7.6-2.2.4 0 .8.1 1.2.1 2.3 0 4.4-.8 6.1-2.1-2.2 0-4-1.4-4.6-3.4.3 0 .6.1.9.1.4 0 .9-.1 1.3-.2C2.7 13.5 1 11.6 1 9.2c.7.4 1.4.6 2.2.6C1.9 8.9 1 7.4 1 5.7c0-.9.2-1.7.7-2.4 2.4 2.9 6.1 4.9 10.1 5.1-.1-.4-.1-.7-.1-1.1 0-2.7 2.2-4.8 4.9-4.8 1.4 0 2.7.6 3.6 1.5 1.1-.2 2.2-.6 3.1-1.2-.4 1.1-1.1 2.1-2.2 2.7 1-.1 1.9-.4 2.8-.7-.6.8-1.4 1.7-2.4 2.4z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-view" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 4C6.5 4 1.9 7.4 0 12c1.9 4.7 6.5 8 12 8s10.1-3.3 12-8c-1.9-4.6-6.5-8-12-8zm0 13.7c-3 0-5.5-2.5-5.5-5.6C6.5 8.9 9 6.4 12 6.4s5.5 2.5 5.5 5.6c0 3.1-2.5 5.7-5.5 5.7z"/><path d="M12 8.6c-1.8 0-3.3 1.5-3.3 3.4s1.5 3.4 3.3 3.4 3.3-1.5 3.3-3.4-1.5-3.4-3.3-3.4z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-whatsapp" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.001 2c5.523 0 10 4.477 10 10s-4.477 10-10 10a9.954 9.954 0 0 1-5.03-1.355L2.005 22l1.352-4.968A9.953 9.953 0 0 1 2.001 12c0-5.523 4.477-10 10-10ZM8.593 7.3l-.2.008a.961.961 0 0 0-.372.1 1.293 1.293 0 0 0-.294.228c-.12.113-.188.211-.261.306A2.73 2.73 0 0 0 6.9 9.62c.002.49.13.967.33 1.413.409.902 1.082 1.857 1.97 2.742.214.213.424.427.65.626a9.448 9.448 0 0 0 3.84 2.046l.568.087c.185.01.37-.004.556-.013a1.99 1.99 0 0 0 .833-.231 4.83 4.83 0 0 0 .383-.22s.043-.028.125-.09c.135-.1.218-.171.33-.288.083-.086.155-.187.21-.302.078-.163.156-.474.188-.733.024-.198.017-.306.014-.373-.004-.107-.093-.218-.19-.265l-.582-.261s-.87-.379-1.402-.621a.497.497 0 0 0-.176-.041.482.482 0 0 0-.378.127c-.005-.002-.072.055-.795.931a.35.35 0 0 1-.368.13 1.43 1.43 0 0 1-.191-.066c-.124-.052-.167-.072-.252-.108a6.025 6.025 0 0 1-1.575-1.003c-.126-.11-.243-.23-.363-.346a6.297 6.297 0 0 1-1.02-1.268l-.059-.095a.923.923 0 0 1-.102-.205c-.038-.147.061-.265.061-.265s.243-.266.356-.41c.11-.14.203-.276.263-.373.118-.19.155-.385.093-.536-.28-.684-.57-1.365-.868-2.041-.059-.134-.234-.23-.393-.249-.054-.006-.108-.012-.162-.016a3.385 3.385 0 0 0-.403.004l.201-.008Z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-x" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M18.635 13.55 30.291 0h-2.763L17.406 11.765 9.323 0H0l12.224 17.79L0 32h2.763l10.688-12.425L21.988 32h9.323L18.635 13.55Zm-3.783 4.396-1.24-1.771L3.758 2.08H8l7.953 11.376 1.24 1.772L27.53 30.014h-4.242l-8.436-12.067Z"/></symbol></defs></svg>
\ No newline at end of file
+<svg id="rpl-icon-sprite" aria-hidden="true"><defs><symbol fill="currentColor" id="icon-cancel" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m14.1 12 9.4-9.4c.6-.6.6-1.5 0-2.1S22-.1 21.4.5L12 9.9 2.6.4C2-.1 1-.1.4.4s-.6 1.5 0 2.1L9.9 12 .5 21.4c-.6.6-.6 1.5 0 2.1.2.4.6.5 1 .5s.8-.1 1.1-.4l9.4-9.4 9.4 9.4c.3.3.7.4 1.1.4s.8-.1 1.1-.4c.6-.6.6-1.5 0-2.1L14.1 12z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-check-circle-filled" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm5.8 8.4-5.5 8.9c-.5.9-1.7 1-2.4.3l-3.3-3.3c-.6-.6-.6-1.6 0-2.2.6-.6 1.6-.6 2.2 0l1.9 1.9 4.5-7.2c.5-.7 1.4-1 2.2-.5.6.4.8 1.4.4 2.1z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-chevron-down" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11.068 18.895.387 8.214a1.319 1.319 0 0 1 0-1.865l1.245-1.246A1.319 1.319 0 0 1 3.496 5.1L12 13.566 20.505 5.1a1.319 1.319 0 0 1 1.863.002l1.246 1.246c.515.515.515 1.35 0 1.865l-10.68 10.68a1.32 1.32 0 0 1-1.866 0Z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-chevron-left" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.104 11.066 15.785.386a1.319 1.319 0 0 1 1.866 0l1.245 1.245c.515.515.516 1.348.003 1.863L10.434 12l8.465 8.505a1.319 1.319 0 0 1-.003 1.863l-1.245 1.246a1.32 1.32 0 0 1-1.866 0L5.105 12.932a1.32 1.32 0 0 1 0-1.866Z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-chevron-right" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M18.896 12.931 8.216 23.614a1.319 1.319 0 0 1-1.866 0l-1.246-1.246a1.319 1.319 0 0 1-.002-1.863L13.567 12 5.102 3.495a1.319 1.319 0 0 1 .002-1.863L6.35.385a1.319 1.319 0 0 1 1.865 0l10.681 10.681a1.32 1.32 0 0 1 0 1.865Z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-chevron-up" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m12.933 5.103 10.681 10.681c.515.515.515 1.35 0 1.865l-1.246 1.246a1.32 1.32 0 0 1-1.863.003L12 10.433l-8.504 8.465a1.32 1.32 0 0 1-1.864-.003L.387 17.65a1.319 1.319 0 0 1 0-1.866l10.68-10.68a1.32 1.32 0 0 1 1.866 0Z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-current-location" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m2 11 9 2 2 8.9L22 2z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-document-lined" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15 0H4.2C3.5 0 3 .5 3 1.2v21.6c0 .7.5 1.2 1.2 1.2h15.6c.7 0 1.2-.5 1.2-1.2V6l-6-6zm0 3.4L17.6 6H15V3.4zm3.6 18.2H5.4V2.4h7.2v4.8c0 .7.5 1.2 1.2 1.2h4.8v13.2z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-document" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M13.5 6.4V0H4.1C3.5 0 3 .5 3 1.1v21.8c0 .6.5 1.1 1.1 1.1h15.8c.6 0 1.1-.5 1.1-1.1V7.5h-6.4c-.6 0-1.1-.5-1.1-1.1z"/><path d="M20.7 4.9 16.1.3c-.2-.2-.5-.3-.8-.3H15v6h6v-.3c0-.3-.1-.6-.3-.8z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-download" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21.2 20.1H2.8c-.7 0-1.3.6-1.3 1.3v1.3c0 .7.6 1.3 1.3 1.3h18.4c.7 0 1.3-.6 1.3-1.3v-1.3c0-.7-.6-1.3-1.3-1.3zm-9.9-1.5c.4.4 1.1.4 1.5 0l8.3-8.2c.7-.7.2-1.8-.8-1.8h-4.8V1.3c0-.7-.6-1.3-1.3-1.3H9.8c-.7 0-1.3.6-1.3 1.3v7.3H3.7c-1 0-1.5 1.2-.8 1.8l8.4 8.2z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-enlarge-square-filled" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21.4 0H2.6C1.2 0 0 1.2 0 2.6v18.9C0 22.8 1.2 24 2.6 24h18.9c1.4 0 2.6-1.2 2.6-2.6V2.6C24 1.2 22.8 0 21.4 0zm-10 20.1L4.7 20c-.3 0-.6-.3-.6-.6L4 12.6c0-.3.2-.6.6-.6h.8c.3 0 .6.3.6.6v4.1l3.5-3.5c.2-.2.6-.2.8 0l.6.6c.2.2.2.6 0 .8l-3.5 3.5h4.1c.3 0 .6.3.6.6v.8c-.1.3-.3.6-.7.6zm8.1-8h-.8c-.3 0-.6-.3-.6-.6V7.4l-3.5 3.5c-.2.2-.6.2-.8 0l-.6-.6c-.2-.3-.2-.6 0-.9l3.5-3.5h-4.1c-.3.1-.6-.2-.6-.5v-.8c0-.3.3-.6.6-.6l6.8.1c.3 0 .6.3.6.6l.1 6.8c0 .3-.3.6-.6.6z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-enlarge" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.2 4.5c0-.3-.3-.6-.6-.6l-7-.1c-.3-.1-.6.2-.6.5v.8c0 .3.3.6.6.6h4.2l-3.6 3.6c-.2.2-.2.6 0 .9l.6.6c.2.2.6.2.9 0l3.6-3.6v4.2c0 .3.3.6.6.6h.8c.3 0 .6-.3.6-.6l-.1-6.9zm-8.8 13.7H7.2l3.6-3.6c.2-.2.2-.6 0-.9l-.6-.6c-.2-.1-.6-.1-.9.1l-3.6 3.6v-4.2c0-.3-.3-.6-.6-.6h-.8c-.3 0-.6.3-.6.6l.1 7c0 .3.3.6.6.6l7 .1c.3 0 .6-.3.6-.6v-.8c0-.4-.3-.7-.6-.7z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-exclamation-circle-filled" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm0 20c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm2-8c0 1.1-.9 2-2 2s-2-.9-2-2V6c0-1.1.9-2 2-2s2 .9 2 2v6z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-facebook" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M15.6 4h2.1V.2c-.3-.1-1.6-.2-3-.2-3 0-5.1 2-5.1 5.6V9H6.3v4.3h3.3V24h4.1V13.3h3.2l.5-4.3h-3.7V6.1c0-1.3.3-2.1 1.9-2.1z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-file-secure" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M4.7 21.6h8.4V24H3.5c-.664 0-1.2-.536-1.2-1.2V1.2C2.3.536 2.836 0 3.5 0h10.804L20.3 5.996V11.4h-2.4v-3h-4.8c-.664 0-1.2-.536-1.2-1.2V2.4H4.7v19.2Zm9.6-18.211L16.911 6H14.3V3.389Zm1.233 20.206c.261.27.523.405.916.405h5.236c.393 0 .655-.135.917-.405s.392-.54.392-.945V18.6c0-.405-.13-.675-.392-.945-.262-.27-.524-.405-.917-.405V15.9c0-.81-.261-1.35-.785-1.89-.524-.54-1.047-.81-1.833-.81-.654 0-1.309.27-1.832.81-.524.54-.786 1.08-.786 1.89v1.35c-.393 0-.655.135-.916.405-.262.27-.393.54-.393.945v4.05c0 .405.13.675.393.945Zm4.843-7.695v1.35h-2.618V15.9c0-.405.131-.675.393-.945.262-.27.523-.405.916-.405s.655.135.917.405c.261.27.392.54.392.945Z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-home" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M23.4 11.5 13 .5c-.6-.6-1.5-.6-2.1 0L.6 11.4c-.5.5-.8 1.6-.5 2.3.2.7.9.9 1.6.9l1.4.1v7.6c0 1 .6 1.7 1.5 1.7H9c.9 0 1.5-.7 1.5-1.7v-5.8h3v5.8c0 1 .6 1.7 1.5 1.7h4.5c.9 0 1.5-.7 1.5-1.7v-7.6h1.5c.7 0 1.2-.2 1.5-1 .2-.7-.1-1.7-.6-2.2z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-information-circle-filled" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm2.2 17.5c0 1.2-1 2.2-2.2 2.2-1.2 0-2.2-1-2.2-2.2V11c0-1.2 1-2.2 2.2-2.2 1.2 0 2.2 1 2.2 2.2v6.5zM12 7.6c-1.2 0-2.2-1-2.2-2.2 0-1.2 1-2.2 2.2-2.2 1.2 0 2.2 1 2.2 2.2 0 1.3-1 2.2-2.2 2.2z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-link-external-square-filled" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21.4 0H2.6C1.2 0 0 1.2 0 2.6v18.9C0 22.8 1.2 24 2.6 24h18.9c1.4 0 2.6-1.2 2.6-2.6V2.6C24 1.2 22.8 0 21.4 0zm-.8 10.7c0 1.1-1.4 1.7-2.2.9l-1.7-1.7L6.2 20.4c-.3.3-.7.3-.9 0l-1.7-1.7c-.3-.3-.3-.7 0-.9L14.1 7.3l-1.7-1.7c-.8-.8-.2-2.2.9-2.2h6c.7 0 1.3.6 1.3 1.3v6z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-linkedin" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M5.4 24h-5V8h5v16zM2.9 5.8C1.3 5.8 0 4.5 0 2.9S1.3 0 2.9 0s2.9 1.3 2.9 2.9-1.3 2.9-2.9 2.9zM19 24v-7.8c0-1.9 0-4.2-2.6-4.2s-3 2-3 4.1V24h-5V8h4.8v2.2h.1c.7-1.3 2.3-2.6 4.7-2.6 5 0 6 3.3 6 7.6V24h-5z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-mail" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M22.8 3H1.2C.5 3 0 3.5 0 4.2v15.6c0 .7.5 1.2 1.2 1.2h21.6c.7 0 1.2-.5 1.2-1.2V4.2c0-.7-.5-1.2-1.2-1.2zm-2.4 6L12 12.6 3.6 9V6.6l8.4 3.6 8.4-3.6V9z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-phone" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="m23.6 18.3-4-4c-.6-.6-1.6-.6-2.2 0l-3.5 3.5-7.7-7.7 3.5-3.5c.6-.6.6-1.6 0-2.2l-4-4c-.6-.6-1.6-.6-2.2 0L0 4c0 11 9 20 20 20l3.5-3.5c.6-.6.7-1.6.1-2.2z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-pin" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C7 0 3 4.1 3 9c0 6.6 9 15 9 15s9-8.4 9-15c0-4.9-4-9-9-9zm0 12.4c-1.9 0-3.4-1.5-3.4-3.4s1.5-3.4 3.4-3.4 3.4 1.5 3.4 3.4-1.5 3.4-3.4 3.4z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-twitter" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21.5 7.2v.6c0 6.4-4.9 13.8-14 13.8-2.8 0-5.4-.8-7.6-2.2.4 0 .8.1 1.2.1 2.3 0 4.4-.8 6.1-2.1-2.2 0-4-1.4-4.6-3.4.3 0 .6.1.9.1.4 0 .9-.1 1.3-.2C2.7 13.5 1 11.6 1 9.2c.7.4 1.4.6 2.2.6C1.9 8.9 1 7.4 1 5.7c0-.9.2-1.7.7-2.4 2.4 2.9 6.1 4.9 10.1 5.1-.1-.4-.1-.7-.1-1.1 0-2.7 2.2-4.8 4.9-4.8 1.4 0 2.7.6 3.6 1.5 1.1-.2 2.2-.6 3.1-1.2-.4 1.1-1.1 2.1-2.2 2.7 1-.1 1.9-.4 2.8-.7-.6.8-1.4 1.7-2.4 2.4z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-view" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 4C6.5 4 1.9 7.4 0 12c1.9 4.7 6.5 8 12 8s10.1-3.3 12-8c-1.9-4.6-6.5-8-12-8zm0 13.7c-3 0-5.5-2.5-5.5-5.6C6.5 8.9 9 6.4 12 6.4s5.5 2.5 5.5 5.6c0 3.1-2.5 5.7-5.5 5.7z"/><path d="M12 8.6c-1.8 0-3.3 1.5-3.3 3.4s1.5 3.4 3.3 3.4 3.3-1.5 3.3-3.4-1.5-3.4-3.3-3.4z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-whatsapp" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12.001 2c5.523 0 10 4.477 10 10s-4.477 10-10 10a9.954 9.954 0 0 1-5.03-1.355L2.005 22l1.352-4.968A9.953 9.953 0 0 1 2.001 12c0-5.523 4.477-10 10-10ZM8.593 7.3l-.2.008a.961.961 0 0 0-.372.1 1.293 1.293 0 0 0-.294.228c-.12.113-.188.211-.261.306A2.73 2.73 0 0 0 6.9 9.62c.002.49.13.967.33 1.413.409.902 1.082 1.857 1.97 2.742.214.213.424.427.65.626a9.448 9.448 0 0 0 3.84 2.046l.568.087c.185.01.37-.004.556-.013a1.99 1.99 0 0 0 .833-.231 4.83 4.83 0 0 0 .383-.22s.043-.028.125-.09c.135-.1.218-.171.33-.288.083-.086.155-.187.21-.302.078-.163.156-.474.188-.733.024-.198.017-.306.014-.373-.004-.107-.093-.218-.19-.265l-.582-.261s-.87-.379-1.402-.621a.497.497 0 0 0-.176-.041.482.482 0 0 0-.378.127c-.005-.002-.072.055-.795.931a.35.35 0 0 1-.368.13 1.43 1.43 0 0 1-.191-.066c-.124-.052-.167-.072-.252-.108a6.025 6.025 0 0 1-1.575-1.003c-.126-.11-.243-.23-.363-.346a6.297 6.297 0 0 1-1.02-1.268l-.059-.095a.923.923 0 0 1-.102-.205c-.038-.147.061-.265.061-.265s.243-.266.356-.41c.11-.14.203-.276.263-.373.118-.19.155-.385.093-.536-.28-.684-.57-1.365-.868-2.041-.059-.134-.234-.23-.393-.249-.054-.006-.108-.012-.162-.016a3.385 3.385 0 0 0-.403.004l.201-.008Z"/></symbol></defs><defs><symbol fill="currentColor" id="icon-x" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M18.635 13.55 30.291 0h-2.763L17.406 11.765 9.323 0H0l12.224 17.79L0 32h2.763l10.688-12.425L21.988 32h9.323L18.635 13.55Zm-3.783 4.396-1.24-1.771L3.758 2.08H8l7.953 11.376 1.24 1.772L27.53 30.014h-4.242l-8.436-12.067Z"/></symbol></defs></svg>
\ No newline at end of file
diff --git a/packages/ripple-ui-core/src/components/icon/constants.ts b/packages/ripple-ui-core/src/components/icon/constants.ts
index 0c3309b69f..0d1bdc4c73 100644
--- a/packages/ripple-ui-core/src/components/icon/constants.ts
+++ b/packages/ripple-ui-core/src/components/icon/constants.ts
@@ -54,6 +54,7 @@ export const RplIconGroups = {
     'icon-enlarge',
     'icon-enlarge-square-filled',
     'icon-exclamation-circle-filled',
+    'icon-file-secure',
     'icon-free',
     'icon-home',
     'icon-information-circle-filled',