@nldd/design-system 0.8.41 → 0.8.43

package/dist/components/inputs/token/token.styles.js

@@ -85,13 +85,13 @@ export const tokenStyles = css `
 
 	/* ## Open — menu */
 
-	:host([open]) .token {
+	:host([expanded]) .token {
 		background-color: var(--semantics-buttons-neutral-tinted-is-active-background-color);
 		color: var(--semantics-buttons-neutral-tinted-is-active-content-color);
 	}
 
 	@media (hover: hover) {
-		:host([open]) .token:hover:not(:disabled) {
+		:host([expanded]) .token:hover:not(:disabled) {
 			background-color: var(--semantics-buttons-neutral-tinted-is-active-background-color);
 			color: var(--semantics-buttons-neutral-tinted-is-active-content-color);
 		}

package/dist/components/inputs/token/token.template.js

@@ -6,7 +6,7 @@ export function tokenTemplate(component) {
 				class="token"
 				type="button"
 				?disabled=${component.disabled}
-				aria-expanded=${component.open}
+				aria-expanded=${component.expanded}
 				aria-controls=${component.controls || nothing}
 				@click=${component._handleMenuClick}
 			>

package/dist/components/inputs/token/token.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"token.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/token/token.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAGpD,MAAM,UAAU,aAAa,CAAC,SAAoB;IACjD,IAAI,SAAS,CAAC,OAAO,KAAK,MAAM,EAAE,CAAC;QAClC,OAAO,IAAI,CAAA;;;;gBAIG,SAAS,CAAC,QAAQ;oBACd,SAAS,CAAC,IAAI;oBACd,SAAS,CAAC,QAAQ,IAAI,OAAO;aACpC,SAAS,CAAC,gBAAgB;;;;;GAKpC,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAA;;;KAGP,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;aAM9B,SAAS,CAAC,WAAW;yBACT,SAAS,CAAC,WAAW;;kBAE5B,SAAS,CAAC,QAAQ;eACrB,SAAS,CAAC,cAAc;;;IAGnC,CAAC,CAAC,CAAC,OAAO;;EAEZ,CAAC;AACH,CAAC"}
+{"version":3,"file":"token.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/token/token.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAGpD,MAAM,UAAU,aAAa,CAAC,SAAoB;IACjD,IAAI,SAAS,CAAC,OAAO,KAAK,MAAM,EAAE,CAAC;QAClC,OAAO,IAAI,CAAA;;;;gBAIG,SAAS,CAAC,QAAQ;oBACd,SAAS,CAAC,QAAQ;oBAClB,SAAS,CAAC,QAAQ,IAAI,OAAO;aACpC,SAAS,CAAC,gBAAgB;;;;;GAKpC,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAA;;;KAGP,SAAS,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;aAM9B,SAAS,CAAC,WAAW;yBACT,SAAS,CAAC,WAAW;;kBAE5B,SAAS,CAAC,QAAQ;eACrB,SAAS,CAAC,cAAc;;;IAGnC,CAAC,CAAC,CAAC,OAAO;;EAEZ,CAAC;AACH,CAAC"}

package/dist/components/layout/card/card.js

@@ -44,7 +44,7 @@ let NLDDCard = class NLDDCard extends LitElement {
         // styles being absent is meaningful. They are effectively part of the
         // element's identity, written once and kept.
         this.style.containerType = 'inline-size';
-        this.style.containerName = 'layout-area';
+        this.style.containerName = 'layout-container';
     }
     render() {
         return cardTemplate(this);

package/dist/components/layout/card/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../src/components/layout/card/card.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAG3C,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAAjC;;QAqBN,kBAAa,GAAG,CAAC,CAAQ,EAAQ,EAAE;YAClC,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB,CAAC;YACzC,MAAM,OAAO,GAAG,IAAI,CAAC,aAA4B,CAAC;YAClD,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC;QACvD,CAAC,CAAC;IAKH,CAAC;IAxBS,iBAAiB;QACzB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,uEAAuE;QACvE,oEAAoE;QACpE,gEAAgE;QAChE,8CAA8C;QAC9C,EAAE;QACF,+DAA+D;QAC/D,uEAAuE;QACvE,sEAAsE;QACtE,6CAA6C;QAC7C,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,aAAa,CAAC;QACzC,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,aAAa,CAAC;IAC1C,CAAC;IAQQ,MAAM;QACd,OAAO,YAAY,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;;AA5Be,eAAM,GAAG,UAAU,AAAb,CAAc;AAGpC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;iDACtB;AAJxB,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CA8BpB"}
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../src/components/layout/card/card.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAG3C,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAAjC;;QAqBN,kBAAa,GAAG,CAAC,CAAQ,EAAQ,EAAE;YAClC,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB,CAAC;YACzC,MAAM,OAAO,GAAG,IAAI,CAAC,aAA4B,CAAC;YAClD,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC;QACvD,CAAC,CAAC;IAKH,CAAC;IAxBS,iBAAiB;QACzB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,uEAAuE;QACvE,oEAAoE;QACpE,gEAAgE;QAChE,8CAA8C;QAC9C,EAAE;QACF,+DAA+D;QAC/D,uEAAuE;QACvE,sEAAsE;QACtE,6CAA6C;QAC7C,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,aAAa,CAAC;QACzC,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,kBAAkB,CAAC;IAC/C,CAAC;IAQQ,MAAM;QACd,OAAO,YAAY,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;;AA5Be,eAAM,GAAG,UAAU,AAAb,CAAc;AAGpC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;iDACtB;AAJxB,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CA8BpB"}

package/dist/components/layout/container/container.d.ts

@@ -7,7 +7,7 @@
  * More specific settings take precedence: sides > axis > all sides.
  *
  * Responsive padding is supported via viewport breakpoints (sm-, md-, lg-)
- * and container queries (layout-area-sm-, layout-area-md-, layout-area-lg-).
+ * and container queries (layout-container-sm-, layout-container-md-, layout-container-lg-).
  * Cascade order: base → viewport breakpoints → container queries.
  *
  * @element nldd-container
@@ -22,9 +22,9 @@
  * @attr {string} sm-padding           - Padding for all sides at sm viewport breakpoint
  * @attr {string} md-padding           - Padding for all sides at md viewport breakpoint
  * @attr {string} lg-padding           - Padding for all sides at lg viewport breakpoint
- * @attr {string} layout-area-sm-padding - Padding for all sides at sm container size
- * @attr {string} layout-area-md-padding - Padding for all sides at md container size
- * @attr {string} layout-area-lg-padding - Padding for all sides at lg container size
+ * @attr {string} layout-container-sm-padding - Padding for all sides at sm container size
+ * @attr {string} layout-container-md-padding - Padding for all sides at md container size
+ * @attr {string} layout-container-lg-padding - Padding for all sides at lg container size
  * (and equivalents for all padding directions)
  *
  * @slot - Container content

package/dist/components/layout/container/container.js

@@ -13,7 +13,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * More specific settings take precedence: sides > axis > all sides.
  *
  * Responsive padding is supported via viewport breakpoints (sm-, md-, lg-)
- * and container queries (layout-area-sm-, layout-area-md-, layout-area-lg-).
+ * and container queries (layout-container-sm-, layout-container-md-, layout-container-lg-).
  * Cascade order: base → viewport breakpoints → container queries.
  *
  * @element nldd-container
@@ -28,9 +28,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * @attr {string} sm-padding           - Padding for all sides at sm viewport breakpoint
  * @attr {string} md-padding           - Padding for all sides at md viewport breakpoint
  * @attr {string} lg-padding           - Padding for all sides at lg viewport breakpoint
- * @attr {string} layout-area-sm-padding - Padding for all sides at sm container size
- * @attr {string} layout-area-md-padding - Padding for all sides at md container size
- * @attr {string} layout-area-lg-padding - Padding for all sides at lg container size
+ * @attr {string} layout-container-sm-padding - Padding for all sides at sm container size
+ * @attr {string} layout-container-md-padding - Padding for all sides at md container size
+ * @attr {string} layout-container-lg-padding - Padding for all sides at lg container size
  * (and equivalents for all padding directions)
  *
  * @slot - Container content