@apolitical/component-library 8.7.31 → 8.7.33-4385.0

package/index.mjs

@@ -1343,13 +1343,13 @@ Thank you for helping to protect the Apolitical community from abusive content.`
   showpassword_aria_hide: "Your password is visible. Click to hide.",
   signup_title: "Sign up",
   signup_full_name: "Full name",
-  signup_full_name_placeholder: "Lionel Messi",
+  signup_full_name_placeholder: "Enter your full name",
   signup_email_address: "Work email",
-  signup_email_address_placeholder: "lionel.messi@argentina.gov",
+  signup_email_address_placeholder: "Enter your work email",
   signup_job_title: "Job title",
-  signup_job_title_placeholder: "e.g. Senior Policy Advisor",
+  signup_job_title_placeholder: "Enter your job title, e.g. Senior Policy Advisor",
   signup_organization: "Organisation",
-  signup_organization_placeholder: "e.g. Department of Justice",
+  signup_organization_placeholder: "Enter your organisation, e.g. Department of Justice",
   signup_url: "Link to official government bio / LinkedIn <small>(optional)</small>",
   signup_url_placeholder: "https://organisation.com/bio",
   signup_expectation: "What do you want to know<small>Optional, but we will use your response to build the session!</small>",
@@ -2720,8 +2720,8 @@ const I7 = ({
       session_recording: {
         maskAllInputs: !0,
         maskTextSelector: "*",
-        // NOTE: add data-ph-unmask="true" prop to an element to make it visible
-        maskTextFn: (r, i) => (i == null ? void 0 : i.dataset["ph-unmask"]) === "true" ? r : "*".repeat(r.trim().length)
+        // NOTE: add data-phunmask="true" prop to an element to make it visible
+        maskTextFn: (r, i) => (i == null ? void 0 : i.dataset.phunmask) === "true" ? r : "*".repeat((r || "").trim().length)
       }
     },
     children: e
@@ -8317,7 +8317,6 @@ const bu = "emailHelperTextBox_", M6 = ({
       id: e,
       type: s.type,
       heading: l ? !1 : a.formatMessage({ id: `${s.path}_title` }),
-      "aria-live": "assertive",
       children: l ? /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
         /* @__PURE__ */ h.jsx(Lr, { element: "span" }),
         /* @__PURE__ */ h.jsx(Lr, { element: "span" })
@@ -24908,7 +24907,6 @@ const kR = ({
       placeholder: u.formatMessage({
         id: "signup_email_address_placeholder"
       }),
-      "aria-describedby": "email-helper-textbox",
       functions: {
         onBlur: () => {
           _9({ ref: a.email, validateEmail: r, dispatch: o });
@@ -24991,6 +24989,7 @@ const kR = ({
     className: "text-small",
     type: "checkbox",
     inputRef: a.tc,
+    "aria-describedby": "signup-terms-helper-textbox",
     label: u.formatMessage(
       { id: "signup_terms" },
       {
@@ -25140,10 +25139,11 @@ const IR = {
       className: ne("signup-form-fieldset", e),
       "data-testid": "signup-form",
       children: [
-        m.title && /* @__PURE__ */ h.jsx("p", { className: "signup-title", children: /* @__PURE__ */ h.jsx(Bt, { id: "signup_title" }) }),
+        m.title && /* @__PURE__ */ h.jsx("h1", { className: "signup-title", "aria-label": "Sign up to Apolitical", children: /* @__PURE__ */ h.jsx(Bt, { id: "signup_title" }) }),
         A && /* @__PURE__ */ h.jsx(
           Oi,
           {
+            "aria-live": "assertive",
             variant: "error",
             text: l.formatMessage({ id: "signup_error" })
           }
@@ -27094,11 +27094,22 @@ const nf = "cookieBanner_", rf = [
       "data-gtm-event-type": `cookie-${c.gtmType}-click`,
       children: e.formatMessage({ id: `${nf}buttons_${c.id}` })
     });
-  }), /* @__PURE__ */ h.jsxs("aside", { id: "cookie-banner", className: "text-medium", children: [
-    /* @__PURE__ */ h.jsx("h6", { children: e.formatMessage({ id: `${nf}title` }) }),
-    /* @__PURE__ */ h.jsx("p", { children: e.formatMessage({ id: `${nf}text` }) }),
-    /* @__PURE__ */ h.jsx(Vl, { buttons: u })
-  ] });
+  }), /* @__PURE__ */ h.jsxs(
+    "section",
+    {
+      id: "cookie-banner",
+      "aria-labelledby": "cookie-banner-title",
+      "aria-describedby": "cookie-banner-desc",
+      "aria-live": "polite",
+      "aria-modal": "true",
+      className: "text-medium",
+      children: [
+        /* @__PURE__ */ h.jsx("h6", { id: "cookie-banner-title", children: e.formatMessage({ id: `${nf}title` }) }),
+        /* @__PURE__ */ h.jsx("p", { id: "cookie-banner-desc", children: e.formatMessage({ id: `${nf}text` }) }),
+        /* @__PURE__ */ h.jsx(Vl, { buttons: u })
+      ]
+    }
+  );
 }, wi = {
   platform: {
     order: ["events", "courses", "articles", "communities"],
@@ -47015,7 +47026,7 @@ const o3 = ({
     /* @__PURE__ */ h.jsx(
       "ul",
       {
-        "data-ph-unmask": "true",
+        "data-phunmask": "true",
         ref: O,
         id: "navigation",
         hidden: f.navigation || N[

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apolitical/component-library",
-  "version": "8.7.31",
+  "version": "8.7.33-4385.0",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {

package/styles/uclasses/uclasses.scss

@@ -213,6 +213,27 @@ $font-size-md: 1rem;
   align-content: space-between;
 }
 
+// align-self
+.u-self-center {
+  align-self: center;
+}
+
+.u-self-start {
+  align-self: start;
+}
+
+.u-self-end {
+  align-self: end;
+}
+
+.u-self-stretch {
+  align-self: stretch;
+}
+
+.u-self-baseline {
+  align-self: baseline;
+}
+
 // display
 .u-block {
   display: block;