@brightspace-ui/core 2.80.3 → 2.80.4

package/components/collapsible-panel/README.md

@@ -130,7 +130,7 @@ The `d2l-collapsible-panel` element is a container that provides specific layout
 | `heading-style` | Number | The heading style to use |
 | `heading-level` | Number | Semantic heading level (h1-h4) |
 | `no-sticky` | Boolean | Disables sticky positioning for the header |
-| `padding` | String | Optionally set horizontal padding of inline panels |
+| `padding-type` | String | Optionally set horizontal padding of inline panels |
 | `panel-title` | String | The title of the panel |
 | `type` | String | The type of collapsible panel |
 <!-- docs: end hidden content -->

package/components/collapsible-panel/collapsible-panel.js

@@ -68,7 +68,7 @@ class CollapsiblePanel extends RtlMixin(LitElement) {
 			 * @type {'default'|'large'}
 			 * @default "default"
 			 */
-			padding: { type: String, reflect: true },
+			paddingType: { attribute: 'padding-type', type: String, reflect: true },
 			/**
 			 * Disables sticky positioning for the header
 			 * @type {boolean}
@@ -93,7 +93,7 @@ class CollapsiblePanel extends RtlMixin(LitElement) {
 			:host([hidden]) {
 				display: none;
 			}
-			:host([padding="large"][type="inline"]) {
+			:host([padding-type="large"][type="inline"]) {
 				--d2l-collapsible-panel-spacing-inline: 2rem;
 			}
 			.d2l-collapsible-panel {
@@ -248,7 +248,7 @@ class CollapsiblePanel extends RtlMixin(LitElement) {
 		this.expanded = false;
 		this.headingLevel = defaultHeading;
 		this.headingStyle = defaultHeading;
-		this.padding = 'default';
+		this.paddingType = 'default';
 		this.type = 'default';
 		this.noSticky = false;
 		this._focused = false;

package/components/collapsible-panel/demo/collapsible-panel.html

@@ -77,10 +77,10 @@
 
 			<h2>Inline with large padding</h2>
 			<d2l-demo-snippet>
-				<d2l-collapsible-panel panel-title="Availability Dates and Conditions" type="inline" padding="large">
+				<d2l-collapsible-panel panel-title="Availability Dates and Conditions" type="inline" padding-type="large">
 						Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas odio ligula, aliquam efficitur sollicitudin non, dignissim quis nisl. Nullam rutrum, lectus sed finibus consectetur, dolor leo blandit lorem, vitae consectetur arcu enim ornare tortor. Praesent lobortis libero in libero sagittis consectetur. Maecenas ut velit efficitur, consectetur augue vitae, finibus turpis. In id tempor quam.
 				</d2l-collapsible-panel>
-				<d2l-collapsible-panel panel-title="Availability Dates and Conditions" type="inline" padding="large">
+				<d2l-collapsible-panel panel-title="Availability Dates and Conditions" type="inline" padding-type="large">
 					<d2l-collapsible-panel-summary-item slot="summary" text="Availability starts 8/16/2022 and ends 8/12/2022"></d2l-collapsible-panel-summary-item>
 					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas odio ligula, aliquam efficitur sollicitudin non, dignissim quis nisl. Nullam rutrum, lectus sed finibus consectetur, dolor leo blandit lorem, vitae consectetur arcu enim ornare tortor. Praesent lobortis libero in libero sagittis consectetur. Maecenas ut velit efficitur, consectetur augue vitae, finibus turpis. In id tempor quam.
 				</d2l-collapsible-panel>

package/custom-elements.json

@@ -1100,7 +1100,7 @@
           "default": "\"\\\"3\\\"\""
         },
         {
-          "name": "padding",
+          "name": "padding-type",
           "description": "Horizontal padding of the panel",
           "type": "'default'|'large'",
           "default": "\"\\\"default\\\"\""
@@ -1153,8 +1153,8 @@
           "default": "\"\\\"3\\\"\""
         },
         {
-          "name": "padding",
-          "attribute": "padding",
+          "name": "paddingType",
+          "attribute": "padding-type",
           "description": "Horizontal padding of the panel",
           "type": "'default'|'large'",
           "default": "\"\\\"default\\\"\""

package/package.json

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