@uh-design-system/component-library 0.4.1 → 0.4.2

package/dist/cjs/loader.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-b1d61146.js');
+const index = require('./index-b2bddcf4.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["ds-accordion_3.cjs",[[1,"ds-accordion",{"variant":[1],"borderAligned":[4,"border-aligned"],"openByDefault":[4,"open-by-default"],"accordionId":[1,"accordion-id"],"headingLevel":[2,"heading-level"],"useCloseButton":[4,"use-close-button"],"closeButtonLabel":[1,"close-button-label"],"hideTopBorder":[4,"hide-top-border"],"isExpanded":[32]},null,{"isExpanded":["watchHandler"]}],[6,"ds-button",{"value":[1],"variant":[1],"colour":[1],"size":[1],"fontWeight":[1,"font-weight"],"icon":[1],"iconPosition":[1,"icon-position"],"type":[1],"disabled":[4],"fullWidth":[4,"full-width"],"ariaDisabled":[1,"aria-disabled"]}],[1,"ds-icon",{"name":[1],"colour":[1],"size":[1],"dsTitle":[1,"title"],"role":[1],"hidden":[4],"message":[32]}]]],["ds-checkbox-group.cjs",[[1,"ds-checkbox-group",{"legend":[1],"assistiveText":[1,"assistive-text"],"direction":[1],"errorText":[1,"error-text"],"text":[1],"checked":[1028],"checkedChildElementCount":[1026,"checked-child-element-count"],"disabled":[4],"parentCheckedCount":[2,"parent-checked-count"],"childElementsCount":[32],"isIndeterminate":[32],"indeterminateChildCheckboxCount":[32],"setChecked":[64]},[[0,"dsCheckboxGroupIndeterminateChildChange","handleIndeterminateChildChange"],[0,"dsCheckboxChange","handleCheckboxChange"],[0,"dsCheckboxGroupChange","handleCheckboxGroupChange"]],{"disabled":["handleCheckboxDisabledChange"],"checked":["handleCheckedChange"],"isIndeterminate":["handleIndeterminateChange"],"checkedChildElementCount":["handleCheckedChildElementCountChange"]}]]],["ds-visually-hidden.cjs",[[1,"ds-visually-hidden"]]],["ds-text-input.cjs",[[6,"ds-text-input",{"label":[1],"placeholder":[1],"dsId":[1,"id"],"name":[1],"disabled":[4],"optional":[4],"required":[4],"readonly":[4],"value":[1],"min":[2],"max":[2],"maxlength":[2],"pattern":[1],"autocomplete":[1],"optionalText":[1,"optional-text"],"errorText":[1,"error-text"],"successText":[1,"success-text"],"assistiveText":[1,"assistive-text"],"actionButtonAriaLabel":[1,"action-button-aria-label"],"hiddenAssistiveText":[1,"hidden-assistive-text"],"prefixText":[1,"prefix-text"],"suffixText":[1,"suffix-text"],"icon":[1],"type":[1],"ariaLabel":[1,"aria-label"],"ariaLabelledBy":[1,"aria-labelledby"],"ariaDescribedby":[1,"aria-describedby"],"hasFocus":[32],"clearButtonVisible":[32],"passwordInputVisible":[32],"inputActive":[32],"togglePasswordVisibility":[64],"clearInput":[64]}]]],["ds-link.cjs",[[1,"ds-link",{"text":[1],"size":[1],"variant":[1],"weight":[1],"icon":[1025],"iconPosition":[1025,"icon-position"],"iconTitle":[1,"icon-title"],"iconHidden":[4,"icon-hidden"],"href":[1],"target":[1],"download":[4],"language":[1,"lang"],"ariaLabel":[1,"aria-label"]}]]],["ds-link-with-arrow.cjs",[[1,"ds-link-with-arrow",{"text":[1],"iconPosition":[1,"icon-position"],"href":[1],"target":[1],"language":[1,"lang"],"ariaLabel":[1,"aria-label"]}]]],["ds-input-validity.cjs",[[0,"ds-input-validity",{"text":[1],"type":[1],"role":[1],"identifier":[32]}]]],["ds-checkbox.cjs",[[65,"ds-checkbox",{"checkboxId":[1025,"id"],"checked":[1028],"legend":[1],"assistiveText":[1,"assistive-text"],"text":[1],"indeterminate":[4],"disabled":[4],"errorText":[1,"error-text"],"errorsDisabled":[4,"data-errors-disabled"],"required":[4],"optional":[4],"optionalText":[1,"optional-text"],"ariaLabel":[32],"value":[32],"validationMessage":[32]}]]]], options);
+  return index.bootstrapLazy([["ds-accordion_3.cjs",[[1,"ds-accordion",{"variant":[1],"borderAligned":[4,"border-aligned"],"openByDefault":[4,"open-by-default"],"accordionId":[1,"accordion-id"],"headingLevel":[2,"heading-level"],"useCloseButton":[4,"use-close-button"],"closeButtonLabel":[1,"close-button-label"],"hideTopBorder":[4,"hide-top-border"],"isExpanded":[32]},null,{"isExpanded":["watchHandler"]}],[6,"ds-button",{"value":[1],"variant":[1],"colour":[1],"size":[1],"fontWeight":[1,"font-weight"],"icon":[1],"iconPosition":[1,"icon-position"],"type":[1],"disabled":[4],"fullWidth":[4,"full-width"],"ariaDisabled":[1,"aria-disabled"]}],[1,"ds-icon",{"name":[1],"colour":[1],"size":[1],"dsTitle":[1,"title"],"role":[1],"hidden":[4],"message":[32]}]]],["ds-checkbox-group.cjs",[[1,"ds-checkbox-group",{"legend":[1],"assistiveText":[1,"assistive-text"],"direction":[1],"errorText":[1,"error-text"],"text":[1],"checked":[1028],"checkedChildElementCount":[1026,"checked-child-element-count"],"disabled":[4],"parentCheckedCount":[2,"parent-checked-count"],"childElementsCount":[32],"isIndeterminate":[32],"indeterminateChildCheckboxCount":[32],"setChecked":[64]},[[0,"dsCheckboxGroupIndeterminateChildChange","handleIndeterminateChildChange"],[0,"dsCheckboxChange","handleCheckboxChange"],[0,"dsCheckboxGroupChange","handleCheckboxGroupChange"]],{"disabled":["handleCheckboxDisabledChange"],"checked":["handleCheckedChange"],"isIndeterminate":["handleIndeterminateChange"],"checkedChildElementCount":["handleCheckedChildElementCountChange"]}]]],["ds-visually-hidden.cjs",[[1,"ds-visually-hidden"]]],["ds-text-input.cjs",[[6,"ds-text-input",{"label":[1],"placeholder":[1],"dsId":[1,"id"],"name":[1],"disabled":[4],"optional":[4],"required":[4],"readonly":[4],"value":[1],"min":[2],"max":[2],"maxlength":[2],"pattern":[1],"autocomplete":[1],"optionalText":[1,"optional-text"],"errorText":[1,"error-text"],"successText":[1,"success-text"],"assistiveText":[1,"assistive-text"],"actionButtonAriaLabel":[1,"action-button-aria-label"],"hiddenAssistiveText":[1,"hidden-assistive-text"],"prefixText":[1,"prefix-text"],"suffixText":[1,"suffix-text"],"icon":[1],"type":[1],"ariaLabel":[1,"aria-label"],"ariaLabelledBy":[1,"aria-labelledby"],"ariaDescribedby":[1,"aria-describedby"],"hasFocus":[32],"clearButtonVisible":[32],"passwordInputVisible":[32],"inputActive":[32],"togglePasswordVisibility":[64],"clearInput":[64]}]]],["ds-link.cjs",[[1,"ds-link",{"text":[1],"size":[1],"variant":[1],"weight":[1],"icon":[1025],"iconPosition":[1025,"icon-position"],"iconTitle":[1,"icon-title"],"iconHidden":[4,"icon-hidden"],"href":[1],"target":[1],"download":[4],"language":[1,"lang"],"linkAriaLabel":[1,"aria-label"]}]]],["ds-link-with-arrow.cjs",[[1,"ds-link-with-arrow",{"text":[1],"iconPosition":[1,"icon-position"],"href":[1],"target":[1],"language":[1,"lang"],"linkAriaLabel":[1,"aria-label"]}]]],["ds-input-validity.cjs",[[0,"ds-input-validity",{"text":[1],"type":[1],"validityRole":[1,"role"],"identifier":[32]}]]],["ds-checkbox.cjs",[[65,"ds-checkbox",{"checkboxId":[1025,"id"],"checked":[1028],"legend":[1],"assistiveText":[1,"assistive-text"],"text":[1],"indeterminate":[4],"disabled":[4],"errorText":[1,"error-text"],"errorsDisabled":[4,"data-errors-disabled"],"required":[4],"optional":[4],"optionalText":[1,"optional-text"],"ariaLabel":[32],"value":[32],"validationMessage":[32]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -13,7 +13,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.26.0",
+    "version": "4.27.2",
     "typescriptVersion": "5.5.4"
   },
   "collections": [],

package/dist/collection/components/01-base-components/ds-checkbox/ds-checkbox.css

@@ -1,174 +1,3 @@
-:root {
-  --ds-borderWidth-none: 0px;
-  --ds-borderWidth-hairline: 1px;
-  --ds-borderWidth-thin: 2px;
-  --ds-borderWidth-thick: 4px;
-  --ds-borderWidth-xThick: 8px;
-  --ds-borderRadius-none: 0px;
-}
-
-:root {
-  --ds-overlay-black-00: rgb(0 0 0 / 0);
-  --ds-overlay-black-05: rgb(0 0 0 / 0.05);
-  --ds-overlay-black-10: rgb(0 0 0 / 0.1);
-  --ds-overlay-black-15: rgb(0 0 0 / 0.15);
-  --ds-overlay-black-30: rgb(0 0 0 / 0.3);
-  --ds-overlay-black-40: rgb(0 0 0 / 0.4);
-  --ds-overlay-black-50: rgb(0 0 0 / 0.5);
-  --ds-overlay-black-70: rgb(0 0 0 / 0.7);
-  --ds-overlay-black-80: rgb(0 0 0 / 0.8);
-  --ds-overlay-white-00: rgb(255 255 255 / 0);
-  --ds-overlay-white-05: rgb(255 255 255 / 0.05);
-  --ds-overlay-white-10: rgb(255 255 255 / 0.1);
-  --ds-overlay-white-15: rgb(255 255 255 / 0.15);
-  --ds-overlay-white-30: rgb(255 255 255 / 0.3);
-  --ds-overlay-white-40: rgb(255 255 255 / 0.4);
-  --ds-overlay-white-50: rgb(255 255 255 / 0.5);
-  --ds-overlay-white-70: rgb(255 255 255 / 0.7);
-  --ds-overlay-white-80: rgb(255 255 255 / 0.8);
-  --ds-palette-black: #000000;
-  --ds-palette-white: #ffffff;
-  --ds-palette-black-03: #f7f7f7;
-  --ds-palette-black-05: #f2f2f2;
-  --ds-palette-black-10: #e6e6e6;
-  --ds-palette-black-20: #cccccc;
-  --ds-palette-black-30: #b3b3b3;
-  --ds-palette-black-40: #999999;
-  --ds-palette-black-50: #808080;
-  --ds-palette-black-60: #666666;
-  --ds-palette-black-70: #4d4d4d;
-  --ds-palette-black-80: #333333;
-  --ds-palette-black-90: #1a1a1a;
-  --ds-palette-black-95: #0c0c0c;
-  --ds-palette-blue-05: #e5f8ff;
-  --ds-palette-blue-10: #c2eeff;
-  --ds-palette-blue-20: #8adeff;
-  --ds-palette-blue-30: #5cd1ff;
-  --ds-palette-blue-40: #1abeff;
-  --ds-palette-blue-50: #009ad6;
-  --ds-palette-blue-60: #0084b8;
-  --ds-palette-blue-70: #005b80;
-  --ds-palette-blue-80: #053c52;
-  --ds-palette-blue-90: #032330;
-  --ds-palette-green-05: #dffbe1;
-  --ds-palette-green-10: #bef4c1;
-  --ds-palette-green-20: #85e08a;
-  --ds-palette-green-30: #66cc6b;
-  --ds-palette-green-40: #43b149;
-  --ds-palette-green-50: #279b2d;
-  --ds-palette-green-60: #257e29;
-  --ds-palette-green-70: #216325;
-  --ds-palette-green-80: #183f19;
-  --ds-palette-green-90: #0f2410;
-  --ds-palette-mainBlue-05: #e5f5ff;
-  --ds-palette-mainBlue-10: #cdebff;
-  --ds-palette-mainBlue-20: #99d7ff;
-  --ds-palette-mainBlue-30: #70c7ff;
-  --ds-palette-mainBlue-40: #3db3ff;
-  --ds-palette-mainBlue-50: #009bff;
-  --ds-palette-mainBlue-60: #007fd1;
-  --ds-palette-mainBlue-70: #005a94;
-  --ds-palette-mainBlue-80: #003152;
-  --ds-palette-mainBlue-90: #001929;
-  --ds-palette-red-05: #ffeceb;
-  --ds-palette-red-10: #ffd8d6;
-  --ds-palette-red-20: #fdb7b4;
-  --ds-palette-red-30: #f87c77;
-  --ds-palette-red-40: #f0514c;
-  --ds-palette-red-50: #d71f19;
-  --ds-palette-red-60: #bd2828;
-  --ds-palette-red-70: #8b2623;
-  --ds-palette-red-80: #602220;
-  --ds-palette-red-90: #321c1b;
-  --ds-palette-yellow-05: #fff1db;
-  --ds-palette-yellow-10: #ffe7c2;
-  --ds-palette-yellow-20: #ffd799;
-  --ds-palette-yellow-30: #fbc05f;
-  --ds-palette-yellow-40: #eea22b;
-  --ds-palette-yellow-50: #ce8103;
-  --ds-palette-yellow-60: #b26d00;
-  --ds-palette-yellow-70: #7a4b00;
-  --ds-palette-yellow-80: #4e3104;
-  --ds-palette-yellow-90: #282115;
-}
-
-:root {
-  --ds-textColor-default: var(--ds-palette-black-95);
-  --ds-textColor-primary: var(--ds-palette-mainBlue-70);
-  --ds-textColor-secondary: var(--ds-palette-black-70);
-  --ds-textColor-white: var(--ds-palette-white);
-  --ds-textColor-danger: var(--ds-palette-red-80);
-  --ds-textColor-success: var(--ds-palette-green-80);
-  --ds-textColor-disabled-onLight: var(--ds-palette-black-40);
-  --ds-textColor-disabled-onDark: var(--ds-overlay-white-40);
-  --ds-textColor-link: var(--ds-palette-mainBlue-70);
-  --ds-textColor-link-hover: var(--ds-palette-mainBlue-80);
-  --ds-textColor-link-active: var(--ds-palette-mainBlue-90);
-  --ds-textColor-link-visited: #551a8b;
-  --ds-textColor-link--standalone: var(--ds-palette-black-70);
-  --ds-textColor-link--standalone-hover: var(--ds-palette-black-80);
-  --ds-textColor-link--standalone-active: var(--ds-palette-black-95);
-  --ds-textColor-link--standalone-focus: var(--ds-palette-black-70);
-  --ds-bgColor-primary: var(--ds-palette-mainBlue-70);
-  --ds-bgColor-primary-hover: var(--ds-palette-mainBlue-80);
-  --ds-bgColor-primary-active: var(--ds-palette-mainBlue-90);
-  --ds-bgColor-secondary: var(--ds-palette-white);
-  --ds-bgColor-secondary-hover: var(--ds-palette-mainBlue-05);
-  --ds-bgColor-secondary-active: var(--ds-palette-mainBlue-10);
-  --ds-bgColor-white: var(--ds-palette-white);
-  --ds-bgColor-white-hover: var(--ds-palette-black-10);
-  --ds-bgColor-white-active: var(--ds-palette-black-20);
-  --ds-bgColor-black: var(--ds-palette-black-95);
-  --ds-bgColor-black-hover: var(--ds-palette-black-80);
-  --ds-bgColor-black-active: var(--ds-palette-white-70);
-  --ds-bgColor-danger: var(--ds-palette-red-05);
-  --ds-bgColor-danger-hover: var(--ds-palette-red-10);
-  --ds-bgColor-danger-active: var(--ds-palette-red-20);
-  --ds-bgColor-success: var(--ds-palette-green-05);
-  --ds-bgColor-success-hover: var(--ds-palette-green-10);
-  --ds-bgColor-success-active: var(--ds-palette-green-20);
-  --ds-bgColor-transparent-onLight: var(--ds-overlay-black-00);
-  --ds-bgColor-transparent-onLight-hover: var(--ds-overlay-black-10);
-  --ds-bgColor-transparent-onLight-active: var(--ds-overlay-black-15);
-  --ds-bgColor-transparent-onDark: var(--ds-overlay-white-00);
-  --ds-bgColor-transparent-onDark-hover: var(--ds-overlay-white-30);
-  --ds-bgColor-transparent-onDark-active: var(--ds-overlay-white-40);
-  --ds-bgColor-disabled-onLight: var(--ds-overlay-black-10);
-  --ds-bgColor-disabled-onDark: var(--ds-overlay-white-10);
-  --ds-borderColor-default: var(--ds-palette-black-50);
-  --ds-borderColor-primary: var(--ds-palette-mainBlue-70);
-  --ds-borderColor-black: var(--ds-palette-black-95);
-  --ds-borderColor-white: var(--ds-palette-white);
-  --ds-borderColor-danger: var(--ds-palette-red-50);
-  --ds-borderColor-success: var(--ds-palette-green-50);
-  --ds-borderColor-transparent: var(--ds-overlay-black-00);
-  --ds-borderColor-disabled-onLight: var(--ds-overlay-black-15);
-  --ds-borderColor-disabled-onDark: var(--ds-overlay-white-15);
-  --ds-borderColor-light: var(--ds-palette-black-20);
-}
-
-:root {
-  --ds-spacing-4xSmall: 0.125rem;
-  --ds-spacing-3xSmall: 0.25rem;
-  --ds-spacing-2xSmall: 0.5rem;
-  --ds-spacing-xSmall: 0.75rem;
-  --ds-spacing-small: 1rem;
-  --ds-spacing-medium: 1.5rem;
-  --ds-spacing-large: 2rem;
-  --ds-spacing-xLarge: 2.5rem;
-  --ds-spacing-2xLarge: 3rem;
-  --ds-spacing-3xLarge: 3.5rem;
-  --ds-spacing-4xLarge: 4rem;
-  --ds-spacing-5xLarge: 4.5rem;
-  --ds-spacing-layout-2xSmall: 1rem;
-  --ds-spacing-layout-xSmall: 1.5rem;
-  --ds-spacing-layout-small: 2rem;
-  --ds-spacing-layout-medium: 3rem;
-  --ds-spacing-layout-large: 4rem;
-  --ds-spacing-layout-xLarge: 6rem;
-  --ds-spacing-layout-2xLarge: 8rem;
-}
-
 .ds-checkbox-fieldset {
   display: inline-flex;
   flex-direction: column;

package/dist/collection/components/01-base-components/ds-checkbox-group/ds-checkbox-group.css

@@ -24,7 +24,7 @@
 .ds-checkbox-group__error--visible {
   padding-top: var(--ds-spacing-3xSmall);
 }
-.ds-checkbox-group__checkboxes {
+.ds-checkbox-group > .ds-checkbox-group__checkboxes {
   display: inline-flex;
   flex-direction: column;
 }

package/dist/collection/components/01-base-components/ds-input-validity/ds-input-validity.js

@@ -4,7 +4,7 @@ export class DsInputValidity {
     el;
     text;
     type = 'error';
-    role = 'status';
+    validityRole = 'status';
     identifier;
     componentDidLoad() {
         this.identifier = this.el.getAttribute('id');
@@ -19,7 +19,7 @@ export class DsInputValidity {
         if (!this.text) {
             return null;
         }
-        return (h(Fragment, null, this.text && (h("div", { class: classes, role: this.role }, h("ds-icon", { name: icon }), h("small", { id: this.identifier }, this.text)))));
+        return (h(Fragment, null, this.text && (h("div", { class: classes, role: this.validityRole }, h("ds-icon", { name: icon }), h("small", { id: this.identifier }, this.text)))));
     }
     static get is() { return "ds-input-validity"; }
     static get originalStyleUrls() {
@@ -78,7 +78,7 @@ export class DsInputValidity {
                 "reflect": false,
                 "defaultValue": "'error'"
             },
-            "role": {
+            "validityRole": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {

package/dist/collection/components/01-base-components/ds-link/ds-link.css

@@ -6,144 +6,6 @@
   --ds-breakpoint-xLarge: 90rem;
 }
 
-:root {
-  --ds-borderWidth-none: 0px;
-  --ds-borderWidth-hairline: 1px;
-  --ds-borderWidth-thin: 2px;
-  --ds-borderWidth-thick: 4px;
-  --ds-borderWidth-xThick: 8px;
-  --ds-borderRadius-none: 0px;
-}
-
-:root {
-  --ds-breakpoint-xSmall: 20rem;
-  --ds-breakpoint-small: 30rem;
-  --ds-breakpoint-medium: 60rem;
-  --ds-breakpoint-large: 75rem;
-  --ds-breakpoint-xLarge: 90rem;
-}
-
-:root {
-  --ds-fontFamily-heading: "Open Sans", sans-serif;
-  --ds-fontFamily-body: "Open Sans", sans-serif;
-  --ds-fontSize-12: 12px; /* 0.75rem */
-  --ds-fontSize-14: 14px; /* 0.875rem */
-  --ds-fontSize-16: 16px; /* 1rem */
-  --ds-fontSize-18: 18px; /* 1.125rem */
-  --ds-fontSize-20: 20px; /* 1.25rem */
-  --ds-fontSize-22: 22px; /* 1.375rem */
-  --ds-fontSize-24: 24px; /* 1.5rem */
-  --ds-fontSize-26: 26px; /* 1.625rem */
-  --ds-fontSize-30: 30px; /* 1.875rem */
-  --ds-fontSize-32: 32px; /* 2rem */
-  --ds-fontSize-36: 36px; /* 2.25rem */
-  --ds-fontSize-40: 40px; /* 2.5rem */
-  --ds-fontSize-48: 48px; /* 3rem */
-  --ds-fontSize-56: 56px; /* 3.5rem */
-  --ds-fontSize-64: 64px; /* 4rem */
-  --ds-fontWeight-regular: 400;
-  --ds-fontWeight-semibold: 600;
-  --ds-fontWeight-semiboldPlus: 650;
-  --ds-fontWeight-bold: 700;
-  --ds-letterSpacing-xTight: -2;
-  --ds-letterSpacing-tight: -1.4;
-  --ds-letterSpacing-normal: -0.4;
-  --ds-letterSpacing-wide: 0;
-  --ds-letterSpacing-xWide: 0.4;
-  --ds-lineHeight-small: 1;
-  --ds-lineHeight-medium: 1.2;
-  --ds-lineHeight-large: 1.5;
-  --ds-lineHeight-xLarge: 1.75;
-  --ds-fontWidth-normal: 100;
-  --ds-fontWidth-condense: 90;
-  --ds-number-style: proportional-figures; /* Varying spacing */
-}
-
-@supports (font-variation-settings: normal) {
-  :root {
-    --ds-fontFamily-heading: "Open Sans Variable", sans-serif;
-    --ds-fontFamily-body: "Open Sans Variable", sans-serif;
-  }
-}
-:root {
-  --ds-breakpoint-xSmall: 20rem;
-  --ds-breakpoint-small: 30rem;
-  --ds-breakpoint-medium: 60rem;
-  --ds-breakpoint-large: 75rem;
-  --ds-breakpoint-xLarge: 90rem;
-}
-
-/* Body text styles */
-.ds-bodyText--2xLarge {
-  color: var(--ds-textColor-default);
-  font-family: var(--ds-fontFamily-body);
-  font-size: var(--ds-fontSize-20);
-  font-weight: var(--ds-fontWeight-regular);
-  letter-spacing: var(--ds-letterSpacing-wide);
-  line-height: var(--ds-lineHeight-large);
-}
-@media (min-width: 30rem) {
-  .ds-bodyText--2xLarge {
-    font-size: var(--ds-fontSize-22);
-  }
-}
-
-.ds-bodyText--xLarge {
-  color: var(--ds-textColor-default);
-  font-family: var(--ds-fontFamily-body);
-  font-size: var(--ds-fontSize-18);
-  font-weight: var(--ds-fontWeight-regular);
-  letter-spacing: var(--ds-letterSpacing-wide);
-  line-height: var(--ds-lineHeight-large);
-}
-@media (min-width: 30rem) {
-  .ds-bodyText--xLarge {
-    font-size: var(--ds-fontSize-20);
-  }
-}
-
-.ds-bodyText--large {
-  color: var(--ds-textColor-default);
-  font-family: var(--ds-fontFamily-body);
-  font-size: var(--ds-fontSize-16);
-  font-weight: var(--ds-fontWeight-regular);
-  letter-spacing: var(--ds-letterSpacing-wide);
-  line-height: var(--ds-lineHeight-large);
-}
-@media (min-width: 30rem) {
-  .ds-bodyText--large {
-    font-size: var(--ds-fontSize-18);
-  }
-}
-
-.ds-bodyText--medium {
-  color: var(--ds-textColor-default);
-  font-family: var(--ds-fontFamily-body);
-  font-size: var(--ds-fontSize-14);
-  font-weight: var(--ds-fontWeight-regular);
-  letter-spacing: var(--ds-letterSpacing-wide);
-  line-height: var(--ds-lineHeight-large);
-}
-@media (min-width: 30rem) {
-  .ds-bodyText--medium {
-    font-size: var(--ds-fontSize-16);
-  }
-}
-
-.ds-bodyText--small {
-  color: var(--ds-textColor-default);
-  font-family: var(--ds-fontFamily-body);
-  font-size: var(--ds-fontSize-12);
-  font-weight: var(--ds-fontWeight-regular);
-  letter-spacing: var(--ds-letterSpacing-wide);
-  line-height: var(--ds-lineHeight-large);
-}
-@media (min-width: 30rem) {
-  .ds-bodyText--small {
-    font-size: var(--ds-fontSize-14);
-  }
-}
-
 :host {
   display: inline-block;
 }

package/dist/collection/components/01-base-components/ds-link/ds-link.js

@@ -21,7 +21,7 @@ export class DsLink {
     target;
     download;
     language;
-    ariaLabel;
+    linkAriaLabel;
     componentWillLoad() {
         this.inheritedAttributes = inheritAriaAttributes(this.el, ['aria-label']);
         if (opensInNewTab(this.target)) {
@@ -38,7 +38,7 @@ export class DsLink {
             [`ds-link__icon--start-${this.variant}`]: this.iconPosition === 'start',
             [`ds-link__icon--end-${this.variant}`]: this.iconPosition === 'end',
         });
-        return (h("a", { key: '8ac4ff399eabfbe264f031b0cf7192ee1f9f2725', href: this.href, class: classes, rel: this.rel, target: this.target, download: this.download, "aria-label": getAriaLabel(this.text, this.ariaLabel), ...this.inheritedAttributes }, h("slot", { key: '2301357ed75faeb5037c71f5da4fb8c3f8c76b6d', name: "iconStart" }, this.icon && this.iconPosition === 'start' && h("ds-icon", { key: '2d478d2cf110107d5ea31b1ea44b4904377d686b', name: this.icon, class: iconClasses, size: "1em", title: this.iconTitle, hidden: this.iconHidden })), this.text, h("slot", { key: 'a132464b8b41499c2f8b9da6f22f09d133d86219', name: "iconEnd" }, this.icon && this.iconPosition === 'end' && h("ds-icon", { key: '5fff8019a4d810e4b686f09e204cf457783d1907', name: this.icon, class: iconClasses, size: "1em", title: this.iconTitle, hidden: this.iconHidden })), opensInNewTab(this.target) && (h("ds-visually-hidden", { key: 'cc773ec9fb38d1aa042f812187389e75aab511b2', id: this.visuallyHiddenAssistiveTextId }, visuallyHiddenAssistiveText(this.language ?? document.documentElement.lang)))));
+        return (h("a", { key: '92b52d7b61888dd8d39841afe9823286356ec231', href: this.href, class: classes, rel: this.rel, target: this.target, download: this.download, "aria-label": getAriaLabel(this.text, this.linkAriaLabel), ...this.inheritedAttributes }, h("slot", { key: '9125a3b98ed37f1e71a922a071c07f2ad270a661', name: "iconStart" }, this.icon && this.iconPosition === 'start' && h("ds-icon", { key: '5d08c8501703a7d8cf4bb3386d6368047e75f8fe', name: this.icon, class: iconClasses, size: "1em", title: this.iconTitle, hidden: this.iconHidden })), this.text, h("slot", { key: '6bd3f8fda1ad927ceba8612503dddabb188be692', name: "iconEnd" }, this.icon && this.iconPosition === 'end' && h("ds-icon", { key: 'e6b7de1ca80eb3485083f5ff1902ebf66821c707', name: this.icon, class: iconClasses, size: "1em", title: this.iconTitle, hidden: this.iconHidden })), opensInNewTab(this.target) && (h("ds-visually-hidden", { key: 'b7ffb5a0cfa2e02ef793150bd9ea6886e02c7cac', id: this.visuallyHiddenAssistiveTextId }, visuallyHiddenAssistiveText(this.language ?? document.documentElement.lang)))));
     }
     static get is() { return "ds-link"; }
     static get encapsulation() { return "shadow"; }
@@ -316,7 +316,7 @@ export class DsLink {
                 "attribute": "lang",
                 "reflect": false
             },
-            "ariaLabel": {
+            "linkAriaLabel": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {

package/dist/collection/components/01-base-components/ds-link/stories/ds-link.stories.js

@@ -3,7 +3,6 @@ import { getAriaAttributeArgTypes } from "../../../../utils/attributes/attribute
 const anchorAriaAttributes = [
     'aria-current',
     'aria-haspopup',
-    'aria-label',
 ];
 const anchorAriaAttributeArgTypes = getAriaAttributeArgTypes(anchorAriaAttributes);
 const meta = {
@@ -75,6 +74,10 @@ export const Playground = {
             control: 'text',
             description: 'ISO 639 language code. Known languages are: "en", "fi", "sv". When undefined will use browser\'s language.',
         },
+        linkAriaLabel: {
+            name: 'aria-label',
+            control: 'text',
+        },
         ...anchorAriaAttributeArgTypes,
     },
 };

package/dist/collection/components/01-base-components/ds-link-with-arrow/ds-link-with-arrow.css

@@ -6,144 +6,6 @@
   --ds-breakpoint-xLarge: 90rem;
 }
 
-:root {
-  --ds-borderWidth-none: 0px;
-  --ds-borderWidth-hairline: 1px;
-  --ds-borderWidth-thin: 2px;
-  --ds-borderWidth-thick: 4px;
-  --ds-borderWidth-xThick: 8px;
-  --ds-borderRadius-none: 0px;
-}
-
-:root {
-  --ds-breakpoint-xSmall: 20rem;
-  --ds-breakpoint-small: 30rem;
-  --ds-breakpoint-medium: 60rem;
-  --ds-breakpoint-large: 75rem;
-  --ds-breakpoint-xLarge: 90rem;
-}
-
-:root {
-  --ds-fontFamily-heading: "Open Sans", sans-serif;
-  --ds-fontFamily-body: "Open Sans", sans-serif;
-  --ds-fontSize-12: 12px; /* 0.75rem */
-  --ds-fontSize-14: 14px; /* 0.875rem */
-  --ds-fontSize-16: 16px; /* 1rem */
-  --ds-fontSize-18: 18px; /* 1.125rem */
-  --ds-fontSize-20: 20px; /* 1.25rem */
-  --ds-fontSize-22: 22px; /* 1.375rem */
-  --ds-fontSize-24: 24px; /* 1.5rem */
-  --ds-fontSize-26: 26px; /* 1.625rem */
-  --ds-fontSize-30: 30px; /* 1.875rem */
-  --ds-fontSize-32: 32px; /* 2rem */
-  --ds-fontSize-36: 36px; /* 2.25rem */
-  --ds-fontSize-40: 40px; /* 2.5rem */
-  --ds-fontSize-48: 48px; /* 3rem */
-  --ds-fontSize-56: 56px; /* 3.5rem */
-  --ds-fontSize-64: 64px; /* 4rem */
-  --ds-fontWeight-regular: 400;
-  --ds-fontWeight-semibold: 600;
-  --ds-fontWeight-semiboldPlus: 650;
-  --ds-fontWeight-bold: 700;
-  --ds-letterSpacing-xTight: -2;
-  --ds-letterSpacing-tight: -1.4;
-  --ds-letterSpacing-normal: -0.4;
-  --ds-letterSpacing-wide: 0;
-  --ds-letterSpacing-xWide: 0.4;
-  --ds-lineHeight-small: 1;
-  --ds-lineHeight-medium: 1.2;
-  --ds-lineHeight-large: 1.5;
-  --ds-lineHeight-xLarge: 1.75;
-  --ds-fontWidth-normal: 100;
-  --ds-fontWidth-condense: 90;
-  --ds-number-style: proportional-figures; /* Varying spacing */
-}
-
-@supports (font-variation-settings: normal) {
-  :root {
-    --ds-fontFamily-heading: "Open Sans Variable", sans-serif;
-    --ds-fontFamily-body: "Open Sans Variable", sans-serif;
-  }
-}
-:root {
-  --ds-breakpoint-xSmall: 20rem;
-  --ds-breakpoint-small: 30rem;
-  --ds-breakpoint-medium: 60rem;
-  --ds-breakpoint-large: 75rem;
-  --ds-breakpoint-xLarge: 90rem;
-}
-
-/* Body text styles */
-.ds-bodyText--2xLarge {
-  color: var(--ds-textColor-default);
-  font-family: var(--ds-fontFamily-body);
-  font-size: var(--ds-fontSize-20);
-  font-weight: var(--ds-fontWeight-regular);
-  letter-spacing: var(--ds-letterSpacing-wide);
-  line-height: var(--ds-lineHeight-large);
-}
-@media (min-width: 30rem) {
-  .ds-bodyText--2xLarge {
-    font-size: var(--ds-fontSize-22);
-  }
-}
-
-.ds-bodyText--xLarge {
-  color: var(--ds-textColor-default);
-  font-family: var(--ds-fontFamily-body);
-  font-size: var(--ds-fontSize-18);
-  font-weight: var(--ds-fontWeight-regular);
-  letter-spacing: var(--ds-letterSpacing-wide);
-  line-height: var(--ds-lineHeight-large);
-}
-@media (min-width: 30rem) {
-  .ds-bodyText--xLarge {
-    font-size: var(--ds-fontSize-20);
-  }
-}
-
-.ds-bodyText--large {
-  color: var(--ds-textColor-default);
-  font-family: var(--ds-fontFamily-body);
-  font-size: var(--ds-fontSize-16);
-  font-weight: var(--ds-fontWeight-regular);
-  letter-spacing: var(--ds-letterSpacing-wide);
-  line-height: var(--ds-lineHeight-large);
-}
-@media (min-width: 30rem) {
-  .ds-bodyText--large {
-    font-size: var(--ds-fontSize-18);
-  }
-}
-
-.ds-bodyText--medium {
-  color: var(--ds-textColor-default);
-  font-family: var(--ds-fontFamily-body);
-  font-size: var(--ds-fontSize-14);
-  font-weight: var(--ds-fontWeight-regular);
-  letter-spacing: var(--ds-letterSpacing-wide);
-  line-height: var(--ds-lineHeight-large);
-}
-@media (min-width: 30rem) {
-  .ds-bodyText--medium {
-    font-size: var(--ds-fontSize-16);
-  }
-}
-
-.ds-bodyText--small {
-  color: var(--ds-textColor-default);
-  font-family: var(--ds-fontFamily-body);
-  font-size: var(--ds-fontSize-12);
-  font-weight: var(--ds-fontWeight-regular);
-  letter-spacing: var(--ds-letterSpacing-wide);
-  line-height: var(--ds-lineHeight-large);
-}
-@media (min-width: 30rem) {
-  .ds-bodyText--small {
-    font-size: var(--ds-fontSize-14);
-  }
-}
-
 :host {
   display: inline-block;
 }

package/dist/collection/components/01-base-components/ds-link-with-arrow/ds-link-with-arrow.js

@@ -15,7 +15,7 @@ export class DsLinkWithArrow {
     href;
     target;
     language;
-    ariaLabel;
+    linkAriaLabel;
     componentWillLoad() {
         this.inheritedAttributes = inheritAriaAttributes(this.el, ['aria-label']);
         if (opensInNewTab(this.target)) {
@@ -29,7 +29,7 @@ export class DsLinkWithArrow {
             'ds-link-with-arrow__icon--start': this.iconPosition === 'start',
             'ds-link-with-arrow__icon--end': this.iconPosition === 'end',
         });
-        return (h("a", { key: 'a5773a53bca7c886919e79f668604db1b97f825b', href: this.href, class: classes, rel: this.rel, target: this.target, "aria-label": getAriaLabel(this.text, this.ariaLabel), ...this.inheritedAttributes }, h("slot", { key: '2205bd5ee34150f491824520278b8de44d73f44f', name: "iconStart" }, this.iconPosition === 'start' && h("ds-icon", { key: '56402edf3a1e50da213931530318f58bc5288b3b', name: this.icon, class: iconClasses, size: "1.4em" })), this.text, h("slot", { key: '5df46dff1abe8821533b0c09be9987ce32ea135c', name: "iconStart" }, this.iconPosition === 'end' && h("ds-icon", { key: 'a5c9a78865619a1bebbb0e3587466b2b77160c0c', name: this.icon, class: iconClasses, size: "1.4em" })), opensInNewTab(this.target) && (h("ds-visually-hidden", { key: '9222ab3fd72b597b314e5bdb97b4467ec5ec41a9', id: this.visuallyHiddenAssistiveTextId }, visuallyHiddenAssistiveText(this.language ?? document.documentElement.lang)))));
+        return (h("a", { key: '5f43cc989011db22bd8f547957c76289e7bbbf45', href: this.href, class: classes, rel: this.rel, target: this.target, "aria-label": getAriaLabel(this.text, this.linkAriaLabel), ...this.inheritedAttributes }, h("slot", { key: '26615467438d0ae98a8138165cf5152796f2ab00', name: "iconStart" }, this.iconPosition === 'start' && h("ds-icon", { key: 'f34a2d05ed9c991e98aaa89f547bde0c1b677115', name: this.icon, class: iconClasses, size: "1.4em" })), this.text, h("slot", { key: 'be1ccadeaca632961ed3d44d1d94a26bf35d2963', name: "iconStart" }, this.iconPosition === 'end' && h("ds-icon", { key: '7bccce249754d661d9faeddbad2f9c4d8c207cfb', name: this.icon, class: iconClasses, size: "1.4em" })), opensInNewTab(this.target) && (h("ds-visually-hidden", { key: '4e864244ee939591f435715889e2f9a240f86d36', id: this.visuallyHiddenAssistiveTextId }, visuallyHiddenAssistiveText(this.language ?? document.documentElement.lang)))));
     }
     static get is() { return "ds-link-with-arrow"; }
     static get encapsulation() { return "shadow"; }
@@ -156,7 +156,7 @@ export class DsLinkWithArrow {
                 "attribute": "lang",
                 "reflect": false
             },
-            "ariaLabel": {
+            "linkAriaLabel": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {

package/dist/collection/components/01-base-components/ds-link-with-arrow/stories/ds-link-with-arrow.stories.js

@@ -2,7 +2,6 @@ import { getAriaAttributeArgTypes } from "../../../../utils/attributes/attribute
 const anchorAriaAttributes = [
     'aria-current',
     'aria-haspopup',
-    'aria-label',
 ];
 const anchorAriaAttributeArgTypes = getAriaAttributeArgTypes(anchorAriaAttributes);
 const meta = {
@@ -33,6 +32,10 @@ export const Playground = {
             control: 'text',
             description: 'ISO 639 language code. Known languages are: "en", "fi", "sv". When undefined will use browser\'s language.',
         },
+        linkAriaLabel: {
+            name: 'aria-label',
+            control: 'text',
+        },
         ...anchorAriaAttributeArgTypes,
     },
 };

package/dist/component-library/component-library.esm.js

@@ -1 +1 @@
-import{p as e,b as i}from"./index-aaccd233.js";export{s as setNonce}from"./index-aaccd233.js";import{g as t}from"./app-globals-0f993ce5.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),e(t)})().then((async e=>(await t(),i([["ds-accordion_3",[[1,"ds-accordion",{variant:[1],borderAligned:[4,"border-aligned"],openByDefault:[4,"open-by-default"],accordionId:[1,"accordion-id"],headingLevel:[2,"heading-level"],useCloseButton:[4,"use-close-button"],closeButtonLabel:[1,"close-button-label"],hideTopBorder:[4,"hide-top-border"],isExpanded:[32]},null,{isExpanded:["watchHandler"]}],[6,"ds-button",{value:[1],variant:[1],colour:[1],size:[1],fontWeight:[1,"font-weight"],icon:[1],iconPosition:[1,"icon-position"],type:[1],disabled:[4],fullWidth:[4,"full-width"],ariaDisabled:[1,"aria-disabled"]}],[1,"ds-icon",{name:[1],colour:[1],size:[1],dsTitle:[1,"title"],role:[1],hidden:[4],message:[32]}]]],["ds-checkbox-group",[[1,"ds-checkbox-group",{legend:[1],assistiveText:[1,"assistive-text"],direction:[1],errorText:[1,"error-text"],text:[1],checked:[1028],checkedChildElementCount:[1026,"checked-child-element-count"],disabled:[4],parentCheckedCount:[2,"parent-checked-count"],childElementsCount:[32],isIndeterminate:[32],indeterminateChildCheckboxCount:[32],setChecked:[64]},[[0,"dsCheckboxGroupIndeterminateChildChange","handleIndeterminateChildChange"],[0,"dsCheckboxChange","handleCheckboxChange"],[0,"dsCheckboxGroupChange","handleCheckboxGroupChange"]],{disabled:["handleCheckboxDisabledChange"],checked:["handleCheckedChange"],isIndeterminate:["handleIndeterminateChange"],checkedChildElementCount:["handleCheckedChildElementCountChange"]}]]],["ds-visually-hidden",[[1,"ds-visually-hidden"]]],["ds-text-input",[[6,"ds-text-input",{label:[1],placeholder:[1],dsId:[1,"id"],name:[1],disabled:[4],optional:[4],required:[4],readonly:[4],value:[1],min:[2],max:[2],maxlength:[2],pattern:[1],autocomplete:[1],optionalText:[1,"optional-text"],errorText:[1,"error-text"],successText:[1,"success-text"],assistiveText:[1,"assistive-text"],actionButtonAriaLabel:[1,"action-button-aria-label"],hiddenAssistiveText:[1,"hidden-assistive-text"],prefixText:[1,"prefix-text"],suffixText:[1,"suffix-text"],icon:[1],type:[1],ariaLabel:[1,"aria-label"],ariaLabelledBy:[1,"aria-labelledby"],ariaDescribedby:[1,"aria-describedby"],hasFocus:[32],clearButtonVisible:[32],passwordInputVisible:[32],inputActive:[32],togglePasswordVisibility:[64],clearInput:[64]}]]],["ds-link",[[1,"ds-link",{text:[1],size:[1],variant:[1],weight:[1],icon:[1025],iconPosition:[1025,"icon-position"],iconTitle:[1,"icon-title"],iconHidden:[4,"icon-hidden"],href:[1],target:[1],download:[4],language:[1,"lang"],ariaLabel:[1,"aria-label"]}]]],["ds-link-with-arrow",[[1,"ds-link-with-arrow",{text:[1],iconPosition:[1,"icon-position"],href:[1],target:[1],language:[1,"lang"],ariaLabel:[1,"aria-label"]}]]],["ds-input-validity",[[0,"ds-input-validity",{text:[1],type:[1],role:[1],identifier:[32]}]]],["ds-checkbox",[[65,"ds-checkbox",{checkboxId:[1025,"id"],checked:[1028],legend:[1],assistiveText:[1,"assistive-text"],text:[1],indeterminate:[4],disabled:[4],errorText:[1,"error-text"],errorsDisabled:[4,"data-errors-disabled"],required:[4],optional:[4],optionalText:[1,"optional-text"],ariaLabel:[32],value:[32],validationMessage:[32]}]]]],e))));
+import{p as e,b as i}from"./index-50783b0c.js";export{s as setNonce}from"./index-50783b0c.js";import{g as t}from"./app-globals-0f993ce5.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),e(t)})().then((async e=>(await t(),i([["ds-accordion_3",[[1,"ds-accordion",{variant:[1],borderAligned:[4,"border-aligned"],openByDefault:[4,"open-by-default"],accordionId:[1,"accordion-id"],headingLevel:[2,"heading-level"],useCloseButton:[4,"use-close-button"],closeButtonLabel:[1,"close-button-label"],hideTopBorder:[4,"hide-top-border"],isExpanded:[32]},null,{isExpanded:["watchHandler"]}],[6,"ds-button",{value:[1],variant:[1],colour:[1],size:[1],fontWeight:[1,"font-weight"],icon:[1],iconPosition:[1,"icon-position"],type:[1],disabled:[4],fullWidth:[4,"full-width"],ariaDisabled:[1,"aria-disabled"]}],[1,"ds-icon",{name:[1],colour:[1],size:[1],dsTitle:[1,"title"],role:[1],hidden:[4],message:[32]}]]],["ds-checkbox-group",[[1,"ds-checkbox-group",{legend:[1],assistiveText:[1,"assistive-text"],direction:[1],errorText:[1,"error-text"],text:[1],checked:[1028],checkedChildElementCount:[1026,"checked-child-element-count"],disabled:[4],parentCheckedCount:[2,"parent-checked-count"],childElementsCount:[32],isIndeterminate:[32],indeterminateChildCheckboxCount:[32],setChecked:[64]},[[0,"dsCheckboxGroupIndeterminateChildChange","handleIndeterminateChildChange"],[0,"dsCheckboxChange","handleCheckboxChange"],[0,"dsCheckboxGroupChange","handleCheckboxGroupChange"]],{disabled:["handleCheckboxDisabledChange"],checked:["handleCheckedChange"],isIndeterminate:["handleIndeterminateChange"],checkedChildElementCount:["handleCheckedChildElementCountChange"]}]]],["ds-visually-hidden",[[1,"ds-visually-hidden"]]],["ds-text-input",[[6,"ds-text-input",{label:[1],placeholder:[1],dsId:[1,"id"],name:[1],disabled:[4],optional:[4],required:[4],readonly:[4],value:[1],min:[2],max:[2],maxlength:[2],pattern:[1],autocomplete:[1],optionalText:[1,"optional-text"],errorText:[1,"error-text"],successText:[1,"success-text"],assistiveText:[1,"assistive-text"],actionButtonAriaLabel:[1,"action-button-aria-label"],hiddenAssistiveText:[1,"hidden-assistive-text"],prefixText:[1,"prefix-text"],suffixText:[1,"suffix-text"],icon:[1],type:[1],ariaLabel:[1,"aria-label"],ariaLabelledBy:[1,"aria-labelledby"],ariaDescribedby:[1,"aria-describedby"],hasFocus:[32],clearButtonVisible:[32],passwordInputVisible:[32],inputActive:[32],togglePasswordVisibility:[64],clearInput:[64]}]]],["ds-link",[[1,"ds-link",{text:[1],size:[1],variant:[1],weight:[1],icon:[1025],iconPosition:[1025,"icon-position"],iconTitle:[1,"icon-title"],iconHidden:[4,"icon-hidden"],href:[1],target:[1],download:[4],language:[1,"lang"],linkAriaLabel:[1,"aria-label"]}]]],["ds-link-with-arrow",[[1,"ds-link-with-arrow",{text:[1],iconPosition:[1,"icon-position"],href:[1],target:[1],language:[1,"lang"],linkAriaLabel:[1,"aria-label"]}]]],["ds-input-validity",[[0,"ds-input-validity",{text:[1],type:[1],validityRole:[1,"role"],identifier:[32]}]]],["ds-checkbox",[[65,"ds-checkbox",{checkboxId:[1025,"id"],checked:[1028],legend:[1],assistiveText:[1,"assistive-text"],text:[1],indeterminate:[4],disabled:[4],errorText:[1,"error-text"],errorsDisabled:[4,"data-errors-disabled"],required:[4],optional:[4],optionalText:[1,"optional-text"],ariaLabel:[32],value:[32],validationMessage:[32]}]]]],e))));