@platformscode/core 0.0.27 → 0.0.28

package/dist/collection/components/dga-digitalSignature/style.css

@@ -2299,6 +2299,14 @@ a:focus {
 .digital_wrapper.close {
   padding-block-end: var(--spacing-sm, 6px);
 }
+@media screen and (max-width: 768px) {
+  .digital_wrapper {
+    padding: var(--spacing-sm, 6px) var(--spacing-md, 16px) var(--spacing-lg, 24px) var(--spacing-md, 16px);
+  }
+  .digital_wrapper.close {
+    padding-block-end: var(--spacing-sm, 6px);
+  }
+}
 
 .digital_container {
   display: flex;
@@ -2306,6 +2314,19 @@ a:focus {
   gap: 10px;
   cursor: pointer;
 }
+@media screen and (max-width: 768px) {
+  .digital_container {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 12px;
+  }
+}
+@media screen and (max-width: 768px) {
+  .digital_container .digital_icon_container svg {
+    width: 18px;
+    height: auto;
+  }
+}
 .digital_container p {
   padding: 0;
   margin: 0;
@@ -2316,6 +2337,12 @@ a:focus {
   font-weight: 500;
   line-height: 20px;
 }
+@media screen and (max-width: 768px) {
+  .digital_container p {
+    font-size: 13px;
+    line-height: 18px;
+  }
+}
 .digital_container a {
   color: var(--link-primary, #1b8354);
   font-family: "IBM Plex Sans Arabic", serif;
@@ -2328,6 +2355,13 @@ a:focus {
   cursor: pointer;
   gap: 8px;
 }
+@media screen and (max-width: 768px) {
+  .digital_container a {
+    font-size: 13px;
+    line-height: 18px;
+    align-self: flex-end;
+  }
+}
 .digital_container a .digital_link_icon {
   width: 20px;
   height: 20px;
@@ -2335,16 +2369,32 @@ a:focus {
   justify-content: center;
   align-items: center;
 }
+@media screen and (max-width: 768px) {
+  .digital_container a .digital_link_icon {
+    width: 18px;
+    height: 18px;
+  }
+}
 
 .digital_content {
   margin-top: 40px;
 }
+@media screen and (max-width: 768px) {
+  .digital_content {
+    margin-top: 24px;
+  }
+}
 .digital_content .digital_content_container {
   display: flex;
   align-items: flex-start;
   gap: 18px;
   flex-wrap: wrap;
 }
+@media screen and (max-width: 768px) {
+  .digital_content .digital_content_container {
+    gap: 16px;
+  }
+}
 .digital_content .digital_content_container .digital_content_item {
   display: flex;
   align-items: flex-start;
@@ -2352,10 +2402,11 @@ a:focus {
   width: calc(50% - 18px + 9px);
   max-width: calc(50% - 18px + 9px);
 }
-@media screen and (max-width: 450px) {
+@media screen and (max-width: 768px) {
   .digital_content .digital_content_container .digital_content_item {
     width: 100%;
     max-width: 100%;
+    gap: 16px;
   }
 }
 .digital_content .digital_content_container .digital_content_item .digital_content_item_icon {
@@ -2369,11 +2420,25 @@ a:focus {
   border: 1px solid var(--border-success, #067647);
   box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
 }
+@media screen and (max-width: 768px) {
+  .digital_content .digital_content_container .digital_content_item .digital_content_item_icon {
+    width: 32px;
+    height: 32px;
+    padding: 8px;
+    flex-shrink: 0;
+  }
+}
 .digital_content .digital_content_container .digital_content_item .digital_content_item_content {
   display: flex;
   flex-direction: column;
   gap: 12px;
 }
+@media screen and (max-width: 768px) {
+  .digital_content .digital_content_container .digital_content_item .digital_content_item_content {
+    gap: 8px;
+    flex: 1;
+  }
+}
 .digital_content .digital_content_container .digital_content_item .digital_content_item_content h2 {
   color: var(--text-default, #161616);
   font-family: "IBM Plex Sans Arabic", serif;
@@ -2383,6 +2448,12 @@ a:focus {
   line-height: 28px;
   margin: 0;
 }
+@media screen and (max-width: 768px) {
+  .digital_content .digital_content_container .digital_content_item .digital_content_item_content h2 {
+    font-size: 16px;
+    line-height: 24px;
+  }
+}
 .digital_content .digital_content_container .digital_content_item .digital_content_item_content h2 span {
   color: var(--text-primary, #1b8354);
 }
@@ -2395,6 +2466,12 @@ a:focus {
   font-weight: 400;
   line-height: 24px;
 }
+@media screen and (max-width: 768px) {
+  .digital_content .digital_content_container .digital_content_item .digital_content_item_content p {
+    font-size: 14px;
+    line-height: 20px;
+  }
+}
 
 .digital_more_content {
   margin-top: 40px;
@@ -2406,12 +2483,34 @@ a:focus {
   border-radius: var(--radius-md, 8px);
   background: #fff;
 }
+@media screen and (max-width: 768px) {
+  .digital_more_content {
+    margin-top: 24px;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 16px;
+    padding: var(--spacing-md, 16px);
+  }
+}
+@media screen and (max-width: 768px) {
+  .digital_more_content .digital_more_content_icon {
+    align-self: center;
+  }
+}
 .digital_more_content .digital_more_content_content {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 12px;
 }
+@media screen and (max-width: 768px) {
+  .digital_more_content .digital_more_content_content {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 8px;
+    width: 100%;
+  }
+}
 .digital_more_content .digital_more_content_content p {
   margin: 0;
   color: var(--text-default, #161616);
@@ -2422,6 +2521,14 @@ a:focus {
   font-weight: 400;
   line-height: 24px;
 }
+@media screen and (max-width: 768px) {
+  .digital_more_content .digital_more_content_content p {
+    font-size: 14px;
+    line-height: 20px;
+    text-align: center;
+    width: 100%;
+  }
+}
 .digital_more_content .digital_more_content_content a {
   color: var(--link-primary, #1b8354);
   font-family: "IBM Plex Sans Arabic", serif;
@@ -2431,4 +2538,11 @@ a:focus {
   line-height: 24px; /* 150% */
   text-decoration-line: underline;
   cursor: pointer;
+}
+@media screen and (max-width: 768px) {
+  .digital_more_content .digital_more_content_content a {
+    font-size: 14px;
+    line-height: 20px;
+    align-self: center;
+  }
 }

package/dist/collection/usage/dga-digitalSignature-usage.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaDigitalSignatureUsage {
     render() {
-        return (h("div", { key: '6f893f09f3c57f48f60aaf2b1347dd437a0d8fbc', style: { width: '100%' } }, h("dga-digital-signature", { key: 'f76998acbf0a16ad5a88fffc4de2b7294768a00a', language: 'en', extension: ".sch.sa" })));
+        return (h("div", { key: '6f893f09f3c57f48f60aaf2b1347dd437a0d8fbc', style: { width: '100%' } }, h("dga-digital-signature", { key: 'f76998acbf0a16ad5a88fffc4de2b7294768a00a', language: "en", extension: ".gov.sa" })));
     }
     static get is() { return "dga-digital-signature-usage"; }
 }

package/dist/components/dga-digital-signature-usage.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
-import { d as defineCustomElement$4 } from './p-C1Lsxkkf.js';
+import { d as defineCustomElement$4 } from './p-C_PRbtD7.js';
 import { d as defineCustomElement$3 } from './p-DN3DJd5E.js';
 import { d as defineCustomElement$2 } from './p-Dh42HLiJ.js';
 
@@ -9,7 +9,7 @@ const DgaDigitalSignatureUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaDig
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: '6f893f09f3c57f48f60aaf2b1347dd437a0d8fbc', style: { width: '100%' } }, h("dga-digital-signature", { key: 'f76998acbf0a16ad5a88fffc4de2b7294768a00a', language: 'en', extension: ".sch.sa" })));
+        return (h("div", { key: '6f893f09f3c57f48f60aaf2b1347dd437a0d8fbc', style: { width: '100%' } }, h("dga-digital-signature", { key: 'f76998acbf0a16ad5a88fffc4de2b7294768a00a', language: "en", extension: ".gov.sa" })));
     }
 }, [0, "dga-digital-signature-usage"]);
 function defineCustomElement$1() {

package/dist/components/dga-digital-signature.js

@@ -1,4 +1,4 @@
-import { D as DgaDigitalSignature$1, d as defineCustomElement$1 } from './p-C1Lsxkkf.js';
+import { D as DgaDigitalSignature$1, d as defineCustomElement$1 } from './p-C_PRbtD7.js';
 
 const DgaDigitalSignature = DgaDigitalSignature$1;
 const defineCustomElement = defineCustomElement$1;