@brightspace-ui/core 3.159.5 → 3.159.6

package/components/form/form-error-summary.js

@@ -10,7 +10,7 @@ class FormErrorSummary extends LocalizeCoreElement(LitElement) {
 		return {
 			errors: { type: Object, attribute: false },
 			_expanded: { type: Boolean, attribute: false },
-			_hasBottomMargin: { type: Boolean, attribute: '_has-bottom-margin', reflect: true },
+			_hasTopMargin: { type: Boolean, attribute: '_has-top-margin', reflect: true },
 			_hasErrors: { type: Boolean, attribute: '_has-errors', reflect: true },
 		};
 	}
@@ -24,8 +24,8 @@ class FormErrorSummary extends LocalizeCoreElement(LitElement) {
 			:host([hidden]) {
 				display: none;
 			}
-			:host([_has-bottom-margin][_has-errors]) {
-				margin-block-end: 1rem;
+			:host([_has-top-margin][_has-errors]) {
+				margin-block-start: 1rem;
 			}
 
 			.d2l-form-error-summary-header {
@@ -58,7 +58,7 @@ class FormErrorSummary extends LocalizeCoreElement(LitElement) {
 		super();
 		this.errors = [];
 		this._expanded = true;
-		this._hasBottomMargin = false;
+		this._hasTopMargin = false;
 		this._hasErrors = false;
 	}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "3.159.5",
+  "version": "3.159.6",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",

package/templates/primary-secondary/demo/form.html

@@ -15,8 +15,8 @@
 			import '../primary-secondary.js';
 		</script>
 		<style>
-			d2l-template-primary-secondary {
-				--d2l-template-primary-secondary-primary-padding: 20px;
+			div[slot="primary"] {
+				padding: 0 20px;
 			}
 			div[slot="secondary"] {
 				padding: 10px;

package/templates/primary-secondary/primary-secondary.js

@@ -643,9 +643,12 @@ class TemplatePrimarySecondary extends LocalizeCoreElement(LitElement) {
 			main {
 				flex: 2 0 0;
 				overflow-x: hidden;
-				padding: var(--d2l-template-primary-secondary-primary-padding, 0);
 				transition: none;
 			}
+			main d2l-form-error-summary {
+				margin-inline: var(--d2l-template-primary-secondary-form-error-inline-margin, 20px);
+			}
+
 			:host([resizable]) main {
 				flex: 1 0 0;
 			}
@@ -1052,7 +1055,7 @@ class TemplatePrimarySecondary extends LocalizeCoreElement(LitElement) {
 			'd2l-template-scroll': isWindows
 		};
 		const primarySection = html`<main class="${classMap(scrollClasses)}">
-			${this.hasForm ? html`<d2l-form-error-summary _has-bottom-margin id="form-error-summary"></d2l-form-error-summary>` : nothing}
+			${this.hasForm ? html`<d2l-form-error-summary _has-top-margin id="form-error-summary"></d2l-form-error-summary>` : nothing}
 			<slot name="primary"></slot>
 		</main>`;
 		const secondarySection = html`