@nldd/design-system 0.8.44 → 0.8.45

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

@@ -1,38 +1,54 @@
 /**
  * Nederlandse Digitale Dienst Container Component (Lit + TypeScript)
  *
- * A generic container with configurable padding.
- * Padding can be set for all sides, per axis (inline/block),
- * or per individual side (top, right, bottom, left).
- * More specific settings take precedence: sides > axis > all sides.
+ * A simple layout primitive: flex direction, gap, alignment, and padding.
+ * Padding can be set for all sides, per axis (inline/block), or per individual side.
+ * Specificity: per side > per axis > all sides.
  *
- * Responsive padding is supported via viewport breakpoints (sm-, md-, lg-)
- * and container queries (layout-container-sm-, layout-container-md-, layout-container-lg-).
- * Cascade order: base → viewport breakpoints → container queries.
+ * Responsive padding and gap have sm/md/lg variants. Each variant emits both
+ * an @media (viewport) and @container (layout-container) query. When inside a
+ * layout-container the @container query wins; otherwise the @media query
+ * provides the viewport-based fallback.
  *
  * @element nldd-container
  *
- * @attr {string} padding              - Padding for all sides
- * @attr {string} padding-inline       - Padding for left and right
- * @attr {string} padding-block        - Padding for top and bottom
- * @attr {string} padding-top          - Padding for top
- * @attr {string} padding-right        - Padding for right
- * @attr {string} padding-bottom       - Padding for bottom
- * @attr {string} padding-left         - Padding for left
- * @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-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)
+ * @attr {string}  direction              - 'row' | 'column' (default: 'column')
+ * @attr {boolean} wrap                   - Wrap children onto new lines (default: false)
+ * @attr {string}  gap                    - Gap between children
+ * @attr {string}  sm-gap                 - Gap at sm breakpoint
+ * @attr {string}  md-gap                 - Gap at md breakpoint
+ * @attr {string}  lg-gap                 - Gap at lg breakpoint
+ * @attr {string}  horizontal-alignment   - 'left' | 'center' | 'right'
+ * @attr {string}  vertical-alignment     - 'top' | 'center' | 'bottom'
+ * @attr {string}  padding                - Padding for all sides
+ * @attr {string}  padding-inline         - Padding for left and right
+ * @attr {string}  padding-block          - Padding for top and bottom
+ * @attr {string}  padding-top            - Padding top
+ * @attr {string}  padding-right          - Padding right
+ * @attr {string}  padding-bottom         - Padding bottom
+ * @attr {string}  padding-left           - Padding left
+ * @attr {string}  sm-padding             - Padding for all sides at sm
+ * @attr {string}  sm-padding-inline      - (and equivalents for inline/block/top/right/bottom/left)
+ * @attr {string}  md-padding             - Padding at md (and per-side equivalents)
+ * @attr {string}  lg-padding             - Padding at lg (and per-side equivalents)
  *
  * @slot - Container content
  */
-import { LitElement } from 'lit';
+import { LitElement, PropertyValues } from 'lit';
 type PaddingSize = '0' | '2' | '4' | '6' | '8' | '10' | '12' | '16' | '20' | '24' | '28' | '32' | '40' | '44' | '48' | '56' | '64' | '80' | '96';
+type Direction = 'row' | 'column';
+type HorizontalAlignment = 'left' | 'center' | 'right';
+type VerticalAlignment = 'top' | 'center' | 'bottom';
 export declare class NLDDContainer extends LitElement {
     static styles: import("lit").CSSResult;
+    direction?: Direction;
+    wrap: boolean;
+    horizontalAlignment: HorizontalAlignment | undefined;
+    verticalAlignment: VerticalAlignment | undefined;
+    gap: PaddingSize | undefined;
+    smGap: PaddingSize | undefined;
+    mdGap: PaddingSize | undefined;
+    lgGap: PaddingSize | undefined;
     padding: PaddingSize | undefined;
     paddingInline: PaddingSize | undefined;
     paddingBlock: PaddingSize | undefined;
@@ -61,27 +77,9 @@ export declare class NLDDContainer extends LitElement {
     lgPaddingRight: PaddingSize | undefined;
     lgPaddingBottom: PaddingSize | undefined;
     lgPaddingLeft: PaddingSize | undefined;
-    layoutAreaSmPadding: PaddingSize | undefined;
-    layoutAreaSmPaddingInline: PaddingSize | undefined;
-    layoutAreaSmPaddingBlock: PaddingSize | undefined;
-    layoutAreaSmPaddingTop: PaddingSize | undefined;
-    layoutAreaSmPaddingRight: PaddingSize | undefined;
-    layoutAreaSmPaddingBottom: PaddingSize | undefined;
-    layoutAreaSmPaddingLeft: PaddingSize | undefined;
-    layoutAreaMdPadding: PaddingSize | undefined;
-    layoutAreaMdPaddingInline: PaddingSize | undefined;
-    layoutAreaMdPaddingBlock: PaddingSize | undefined;
-    layoutAreaMdPaddingTop: PaddingSize | undefined;
-    layoutAreaMdPaddingRight: PaddingSize | undefined;
-    layoutAreaMdPaddingBottom: PaddingSize | undefined;
-    layoutAreaMdPaddingLeft: PaddingSize | undefined;
-    layoutAreaLgPadding: PaddingSize | undefined;
-    layoutAreaLgPaddingInline: PaddingSize | undefined;
-    layoutAreaLgPaddingBlock: PaddingSize | undefined;
-    layoutAreaLgPaddingTop: PaddingSize | undefined;
-    layoutAreaLgPaddingRight: PaddingSize | undefined;
-    layoutAreaLgPaddingBottom: PaddingSize | undefined;
-    layoutAreaLgPaddingLeft: PaddingSize | undefined;
+    updated(_changed: PropertyValues): void;
+    private writeCustomProperties;
+    private resolvePadding;
     render(): import("lit-html").TemplateResult;
 }
 declare global {

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

@@ -1 +1 @@
-{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/container.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/container.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKjD,KAAK,WAAW,GACb,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAC9D,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhE,KAAK,SAAS,GAAG,KAAK,GAAG,QAAQ,CAAC;AAClC,KAAK,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AACvD,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAqBrD,qBACa,aAAc,SAAQ,UAAU;IAC5C,OAAgB,MAAM,0BAAmB;IAOzC,SAAS,CAAC,EAAE,SAAS,CAAC;IAGtB,IAAI,UAAS;IAGb,mBAAmB,EAAE,mBAAmB,GAAG,SAAS,CAAa;IAGjE,iBAAiB,EAAE,iBAAiB,GAAG,SAAS,CAAa;IAG7D,GAAG,EAAE,WAAW,GAAG,SAAS,CAAa;IAGzC,KAAK,EAAE,WAAW,GAAG,SAAS,CAAa;IAG3C,KAAK,EAAE,WAAW,GAAG,SAAS,CAAa;IAG3C,KAAK,EAAE,WAAW,GAAG,SAAS,CAAa;IAG3C,OAAO,EAAE,WAAW,GAAG,SAAS,CAAa;IAG7C,aAAa,EAAE,WAAW,GAAG,SAAS,CAAa;IAGnD,YAAY,EAAE,WAAW,GAAG,SAAS,CAAa;IAGlD,UAAU,EAAE,WAAW,GAAG,SAAS,CAAa;IAGhD,YAAY,EAAE,WAAW,GAAG,SAAS,CAAa;IAGlD,aAAa,EAAE,WAAW,GAAG,SAAS,CAAa;IAGnD,WAAW,EAAE,WAAW,GAAG,SAAS,CAAa;IAGjD,SAAS,EAAE,WAAW,GAAG,SAAS,CAAa;IAG/C,eAAe,EAAE,WAAW,GAAG,SAAS,CAAa;IAGrD,cAAc,EAAE,WAAW,GAAG,SAAS,CAAa;IAGpD,YAAY,EAAE,WAAW,GAAG,SAAS,CAAa;IAGlD,cAAc,EAAE,WAAW,GAAG,SAAS,CAAa;IAGpD,eAAe,EAAE,WAAW,GAAG,SAAS,CAAa;IAGrD,aAAa,EAAE,WAAW,GAAG,SAAS,CAAa;IAGnD,SAAS,EAAE,WAAW,GAAG,SAAS,CAAa;IAG/C,eAAe,EAAE,WAAW,GAAG,SAAS,CAAa;IAGrD,cAAc,EAAE,WAAW,GAAG,SAAS,CAAa;IAGpD,YAAY,EAAE,WAAW,GAAG,SAAS,CAAa;IAGlD,cAAc,EAAE,WAAW,GAAG,SAAS,CAAa;IAGpD,eAAe,EAAE,WAAW,GAAG,SAAS,CAAa;IAGrD,aAAa,EAAE,WAAW,GAAG,SAAS,CAAa;IAGnD,SAAS,EAAE,WAAW,GAAG,SAAS,CAAa;IAG/C,eAAe,EAAE,WAAW,GAAG,SAAS,CAAa;IAGrD,cAAc,EAAE,WAAW,GAAG,SAAS,CAAa;IAGpD,YAAY,EAAE,WAAW,GAAG,SAAS,CAAa;IAGlD,cAAc,EAAE,WAAW,GAAG,SAAS,CAAa;IAGpD,eAAe,EAAE,WAAW,GAAG,SAAS,CAAa;IAGrD,aAAa,EAAE,WAAW,GAAG,SAAS,CAAa;IAE1C,OAAO,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI;IAIhD,OAAO,CAAC,qBAAqB;IA2B7B,OAAO,CAAC,cAAc;IAeb,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,aAAa,CAAC;KAChC;CACD"}

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

@@ -7,31 +7,36 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 /**
  * Nederlandse Digitale Dienst Container Component (Lit + TypeScript)
  *
- * A generic container with configurable padding.
- * Padding can be set for all sides, per axis (inline/block),
- * or per individual side (top, right, bottom, left).
- * More specific settings take precedence: sides > axis > all sides.
+ * A simple layout primitive: flex direction, gap, alignment, and padding.
+ * Padding can be set for all sides, per axis (inline/block), or per individual side.
+ * Specificity: per side > per axis > all sides.
  *
- * Responsive padding is supported via viewport breakpoints (sm-, md-, lg-)
- * and container queries (layout-container-sm-, layout-container-md-, layout-container-lg-).
- * Cascade order: base → viewport breakpoints → container queries.
+ * Responsive padding and gap have sm/md/lg variants. Each variant emits both
+ * an @media (viewport) and @container (layout-container) query. When inside a
+ * layout-container the @container query wins; otherwise the @media query
+ * provides the viewport-based fallback.
  *
  * @element nldd-container
  *
- * @attr {string} padding              - Padding for all sides
- * @attr {string} padding-inline       - Padding for left and right
- * @attr {string} padding-block        - Padding for top and bottom
- * @attr {string} padding-top          - Padding for top
- * @attr {string} padding-right        - Padding for right
- * @attr {string} padding-bottom       - Padding for bottom
- * @attr {string} padding-left         - Padding for left
- * @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-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)
+ * @attr {string}  direction              - 'row' | 'column' (default: 'column')
+ * @attr {boolean} wrap                   - Wrap children onto new lines (default: false)
+ * @attr {string}  gap                    - Gap between children
+ * @attr {string}  sm-gap                 - Gap at sm breakpoint
+ * @attr {string}  md-gap                 - Gap at md breakpoint
+ * @attr {string}  lg-gap                 - Gap at lg breakpoint
+ * @attr {string}  horizontal-alignment   - 'left' | 'center' | 'right'
+ * @attr {string}  vertical-alignment     - 'top' | 'center' | 'bottom'
+ * @attr {string}  padding                - Padding for all sides
+ * @attr {string}  padding-inline         - Padding for left and right
+ * @attr {string}  padding-block          - Padding for top and bottom
+ * @attr {string}  padding-top            - Padding top
+ * @attr {string}  padding-right          - Padding right
+ * @attr {string}  padding-bottom         - Padding bottom
+ * @attr {string}  padding-left           - Padding left
+ * @attr {string}  sm-padding             - Padding for all sides at sm
+ * @attr {string}  sm-padding-inline      - (and equivalents for inline/block/top/right/bottom/left)
+ * @attr {string}  md-padding             - Padding at md (and per-side equivalents)
+ * @attr {string}  lg-padding             - Padding at lg (and per-side equivalents)
  *
  * @slot - Container content
  */
@@ -39,9 +44,33 @@ import { LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { containerStyles } from './container.styles.js';
 import { containerTemplate } from './container.template.js';
+const HORIZONTAL_TO_FLEX = {
+    left: 'flex-start',
+    center: 'center',
+    right: 'flex-end',
+};
+const VERTICAL_TO_FLEX = {
+    top: 'flex-start',
+    center: 'center',
+    bottom: 'flex-end',
+};
+function sizeToValue(size) {
+    if (size === undefined)
+        return null;
+    if (size === '0')
+        return '0';
+    return `var(--primitives-space-${size})`;
+}
 let NLDDContainer = class NLDDContainer extends LitElement {
     constructor() {
         super(...arguments);
+        this.wrap = false;
+        this.horizontalAlignment = undefined;
+        this.verticalAlignment = undefined;
+        this.gap = undefined;
+        this.smGap = undefined;
+        this.mdGap = undefined;
+        this.lgGap = undefined;
         this.padding = undefined;
         this.paddingInline = undefined;
         this.paddingBlock = undefined;
@@ -70,27 +99,48 @@ let NLDDContainer = class NLDDContainer extends LitElement {
         this.lgPaddingRight = undefined;
         this.lgPaddingBottom = undefined;
         this.lgPaddingLeft = undefined;
-        this.layoutAreaSmPadding = undefined;
-        this.layoutAreaSmPaddingInline = undefined;
-        this.layoutAreaSmPaddingBlock = undefined;
-        this.layoutAreaSmPaddingTop = undefined;
-        this.layoutAreaSmPaddingRight = undefined;
-        this.layoutAreaSmPaddingBottom = undefined;
-        this.layoutAreaSmPaddingLeft = undefined;
-        this.layoutAreaMdPadding = undefined;
-        this.layoutAreaMdPaddingInline = undefined;
-        this.layoutAreaMdPaddingBlock = undefined;
-        this.layoutAreaMdPaddingTop = undefined;
-        this.layoutAreaMdPaddingRight = undefined;
-        this.layoutAreaMdPaddingBottom = undefined;
-        this.layoutAreaMdPaddingLeft = undefined;
-        this.layoutAreaLgPadding = undefined;
-        this.layoutAreaLgPaddingInline = undefined;
-        this.layoutAreaLgPaddingBlock = undefined;
-        this.layoutAreaLgPaddingTop = undefined;
-        this.layoutAreaLgPaddingRight = undefined;
-        this.layoutAreaLgPaddingBottom = undefined;
-        this.layoutAreaLgPaddingLeft = undefined;
+    }
+    updated(_changed) {
+        this.writeCustomProperties();
+    }
+    writeCustomProperties() {
+        const setProp = (name, value) => {
+            if (value === null)
+                this.style.removeProperty(name);
+            else
+                this.style.setProperty(name, value);
+        };
+        const isRow = this.direction === 'row';
+        const horizontal = this.horizontalAlignment ? HORIZONTAL_TO_FLEX[this.horizontalAlignment] : null;
+        const vertical = this.verticalAlignment ? VERTICAL_TO_FLEX[this.verticalAlignment] : null;
+        setProp('--_justify-content', isRow ? horizontal : vertical);
+        setProp('--_align-items', isRow ? vertical : horizontal);
+        setProp('--_gap', sizeToValue(this.gap));
+        setProp('--_sm-gap', sizeToValue(this.smGap));
+        setProp('--_md-gap', sizeToValue(this.mdGap));
+        setProp('--_lg-gap', sizeToValue(this.lgGap));
+        for (const scope of ['', 'sm', 'md', 'lg']) {
+            const [top, right, bottom, left] = this.resolvePadding(scope);
+            const prefix = scope ? `${scope}-` : '';
+            setProp(`--_${prefix}padding-top`, sizeToValue(top));
+            setProp(`--_${prefix}padding-right`, sizeToValue(right));
+            setProp(`--_${prefix}padding-bottom`, sizeToValue(bottom));
+            setProp(`--_${prefix}padding-left`, sizeToValue(left));
+        }
+    }
+    resolvePadding(scope) {
+        const get = (key) => {
+            const prop = scope ? `${scope}${key}` : key.charAt(0).toLowerCase() + key.slice(1);
+            return this[prop];
+        };
+        const all = get('Padding');
+        const inline = get('PaddingInline');
+        const block = get('PaddingBlock');
+        const top = get('PaddingTop') ?? block ?? all;
+        const right = get('PaddingRight') ?? inline ?? all;
+        const bottom = get('PaddingBottom') ?? block ?? all;
+        const left = get('PaddingLeft') ?? inline ?? all;
+        return [top, right, bottom, left];
     }
     render() {
         return containerTemplate(this);
@@ -99,151 +149,112 @@ let NLDDContainer = class NLDDContainer extends LitElement {
 NLDDContainer.styles = containerStyles;
 __decorate([
     property({ type: String, reflect: true })
-], NLDDContainer.prototype, "padding", void 0);
+], NLDDContainer.prototype, "direction", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDContainer.prototype, "wrap", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'horizontal-alignment' })
+], NLDDContainer.prototype, "horizontalAlignment", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'vertical-alignment' })
+], NLDDContainer.prototype, "verticalAlignment", void 0);
 __decorate([
     property({ type: String, reflect: true })
-], NLDDContainer.prototype, "paddingInline", void 0);
+], NLDDContainer.prototype, "gap", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'sm-gap' })
+], NLDDContainer.prototype, "smGap", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'md-gap' })
+], NLDDContainer.prototype, "mdGap", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'lg-gap' })
+], NLDDContainer.prototype, "lgGap", void 0);
 __decorate([
     property({ type: String, reflect: true })
+], NLDDContainer.prototype, "padding", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'padding-inline' })
+], NLDDContainer.prototype, "paddingInline", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'padding-block' })
 ], NLDDContainer.prototype, "paddingBlock", void 0);
 __decorate([
-    property({ type: String, reflect: true })
+    property({ type: String, reflect: true, attribute: 'padding-top' })
 ], NLDDContainer.prototype, "paddingTop", void 0);
 __decorate([
-    property({ type: String, reflect: true })
+    property({ type: String, reflect: true, attribute: 'padding-right' })
 ], NLDDContainer.prototype, "paddingRight", void 0);
 __decorate([
-    property({ type: String, reflect: true })
+    property({ type: String, reflect: true, attribute: 'padding-bottom' })
 ], NLDDContainer.prototype, "paddingBottom", void 0);
 __decorate([
-    property({ type: String, reflect: true })
+    property({ type: String, reflect: true, attribute: 'padding-left' })
 ], NLDDContainer.prototype, "paddingLeft", void 0);
 __decorate([
-    property({ type: String, reflect: true })
+    property({ type: String, reflect: true, attribute: 'sm-padding' })
 ], NLDDContainer.prototype, "smPadding", void 0);
 __decorate([
-    property({ type: String, reflect: true })
+    property({ type: String, reflect: true, attribute: 'sm-padding-inline' })
 ], NLDDContainer.prototype, "smPaddingInline", void 0);
 __decorate([
-    property({ type: String, reflect: true })
+    property({ type: String, reflect: true, attribute: 'sm-padding-block' })
 ], NLDDContainer.prototype, "smPaddingBlock", void 0);
 __decorate([
-    property({ type: String, reflect: true })
+    property({ type: String, reflect: true, attribute: 'sm-padding-top' })
 ], NLDDContainer.prototype, "smPaddingTop", void 0);
 __decorate([
-    property({ type: String, reflect: true })
+    property({ type: String, reflect: true, attribute: 'sm-padding-right' })
 ], NLDDContainer.prototype, "smPaddingRight", void 0);
 __decorate([
-    property({ type: String, reflect: true })
+    property({ type: String, reflect: true, attribute: 'sm-padding-bottom' })
 ], NLDDContainer.prototype, "smPaddingBottom", void 0);
 __decorate([
-    property({ type: String, reflect: true })
+    property({ type: String, reflect: true, attribute: 'sm-padding-left' })
 ], NLDDContainer.prototype, "smPaddingLeft", void 0);
 __decorate([
-    property({ type: String, reflect: true })
+    property({ type: String, reflect: true, attribute: 'md-padding' })
 ], NLDDContainer.prototype, "mdPadding", void 0);
 __decorate([
-    property({ type: String, reflect: true })
+    property({ type: String, reflect: true, attribute: 'md-padding-inline' })
 ], NLDDContainer.prototype, "mdPaddingInline", void 0);
 __decorate([
-    property({ type: String, reflect: true })
+    property({ type: String, reflect: true, attribute: 'md-padding-block' })
 ], NLDDContainer.prototype, "mdPaddingBlock", void 0);
 __decorate([
-    property({ type: String, reflect: true })
+    property({ type: String, reflect: true, attribute: 'md-padding-top' })
 ], NLDDContainer.prototype, "mdPaddingTop", void 0);
 __decorate([
-    property({ type: String, reflect: true })
+    property({ type: String, reflect: true, attribute: 'md-padding-right' })
 ], NLDDContainer.prototype, "mdPaddingRight", void 0);
 __decorate([
-    property({ type: String, reflect: true })
+    property({ type: String, reflect: true, attribute: 'md-padding-bottom' })
 ], NLDDContainer.prototype, "mdPaddingBottom", void 0);
 __decorate([
-    property({ type: String, reflect: true })
+    property({ type: String, reflect: true, attribute: 'md-padding-left' })
 ], NLDDContainer.prototype, "mdPaddingLeft", void 0);
 __decorate([
-    property({ type: String, reflect: true })
+    property({ type: String, reflect: true, attribute: 'lg-padding' })
 ], NLDDContainer.prototype, "lgPadding", void 0);
 __decorate([
-    property({ type: String, reflect: true })
+    property({ type: String, reflect: true, attribute: 'lg-padding-inline' })
 ], NLDDContainer.prototype, "lgPaddingInline", void 0);
 __decorate([
-    property({ type: String, reflect: true })
+    property({ type: String, reflect: true, attribute: 'lg-padding-block' })
 ], NLDDContainer.prototype, "lgPaddingBlock", void 0);
 __decorate([
-    property({ type: String, reflect: true })
+    property({ type: String, reflect: true, attribute: 'lg-padding-top' })
 ], NLDDContainer.prototype, "lgPaddingTop", void 0);
 __decorate([
-    property({ type: String, reflect: true })
+    property({ type: String, reflect: true, attribute: 'lg-padding-right' })
 ], NLDDContainer.prototype, "lgPaddingRight", void 0);
 __decorate([
-    property({ type: String, reflect: true })
+    property({ type: String, reflect: true, attribute: 'lg-padding-bottom' })
 ], NLDDContainer.prototype, "lgPaddingBottom", void 0);
 __decorate([
-    property({ type: String, reflect: true })
+    property({ type: String, reflect: true, attribute: 'lg-padding-left' })
 ], NLDDContainer.prototype, "lgPaddingLeft", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], NLDDContainer.prototype, "layoutAreaSmPadding", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], NLDDContainer.prototype, "layoutAreaSmPaddingInline", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], NLDDContainer.prototype, "layoutAreaSmPaddingBlock", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], NLDDContainer.prototype, "layoutAreaSmPaddingTop", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], NLDDContainer.prototype, "layoutAreaSmPaddingRight", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], NLDDContainer.prototype, "layoutAreaSmPaddingBottom", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], NLDDContainer.prototype, "layoutAreaSmPaddingLeft", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], NLDDContainer.prototype, "layoutAreaMdPadding", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], NLDDContainer.prototype, "layoutAreaMdPaddingInline", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], NLDDContainer.prototype, "layoutAreaMdPaddingBlock", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], NLDDContainer.prototype, "layoutAreaMdPaddingTop", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], NLDDContainer.prototype, "layoutAreaMdPaddingRight", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], NLDDContainer.prototype, "layoutAreaMdPaddingBottom", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], NLDDContainer.prototype, "layoutAreaMdPaddingLeft", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], NLDDContainer.prototype, "layoutAreaLgPadding", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], NLDDContainer.prototype, "layoutAreaLgPaddingInline", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], NLDDContainer.prototype, "layoutAreaLgPaddingBlock", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], NLDDContainer.prototype, "layoutAreaLgPaddingTop", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], NLDDContainer.prototype, "layoutAreaLgPaddingRight", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], NLDDContainer.prototype, "layoutAreaLgPaddingBottom", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], NLDDContainer.prototype, "layoutAreaLgPaddingLeft", void 0);
 NLDDContainer = __decorate([
     customElement('nldd-container')
 ], NLDDContainer);

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

@@ -1 +1 @@
-{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/components/layout/container/container.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../../src/components/layout/container/container.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,OAAO,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAW5D,MAAM,kBAAkB,GAAwC;IAC/D,IAAI,EAAE,YAAY;IAClB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,UAAU;CACjB,CAAC;AAEF,MAAM,gBAAgB,GAAsC;IAC3D,GAAG,EAAE,YAAY;IACjB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,UAAU;CAClB,CAAC;AAEF,SAAS,WAAW,CAAC,IAA6B;IACjD,IAAI,IAAI,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC;IACpC,IAAI,IAAI,KAAK,GAAG;QAAE,OAAO,GAAG,CAAC;IAC7B,OAAO,0BAA0B,IAAI,GAAG,CAAC;AAC1C,CAAC;AAGM,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAWN,SAAI,GAAG,KAAK,CAAC;QAGb,wBAAmB,GAAoC,SAAS,CAAC;QAGjE,sBAAiB,GAAkC,SAAS,CAAC;QAG7D,QAAG,GAA4B,SAAS,CAAC;QAGzC,UAAK,GAA4B,SAAS,CAAC;QAG3C,UAAK,GAA4B,SAAS,CAAC;QAG3C,UAAK,GAA4B,SAAS,CAAC;QAG3C,YAAO,GAA4B,SAAS,CAAC;QAG7C,kBAAa,GAA4B,SAAS,CAAC;QAGnD,iBAAY,GAA4B,SAAS,CAAC;QAGlD,eAAU,GAA4B,SAAS,CAAC;QAGhD,iBAAY,GAA4B,SAAS,CAAC;QAGlD,kBAAa,GAA4B,SAAS,CAAC;QAGnD,gBAAW,GAA4B,SAAS,CAAC;QAGjD,cAAS,GAA4B,SAAS,CAAC;QAG/C,oBAAe,GAA4B,SAAS,CAAC;QAGrD,mBAAc,GAA4B,SAAS,CAAC;QAGpD,iBAAY,GAA4B,SAAS,CAAC;QAGlD,mBAAc,GAA4B,SAAS,CAAC;QAGpD,oBAAe,GAA4B,SAAS,CAAC;QAGrD,kBAAa,GAA4B,SAAS,CAAC;QAGnD,cAAS,GAA4B,SAAS,CAAC;QAG/C,oBAAe,GAA4B,SAAS,CAAC;QAGrD,mBAAc,GAA4B,SAAS,CAAC;QAGpD,iBAAY,GAA4B,SAAS,CAAC;QAGlD,mBAAc,GAA4B,SAAS,CAAC;QAGpD,oBAAe,GAA4B,SAAS,CAAC;QAGrD,kBAAa,GAA4B,SAAS,CAAC;QAGnD,cAAS,GAA4B,SAAS,CAAC;QAG/C,oBAAe,GAA4B,SAAS,CAAC;QAGrD,mBAAc,GAA4B,SAAS,CAAC;QAGpD,iBAAY,GAA4B,SAAS,CAAC;QAGlD,mBAAc,GAA4B,SAAS,CAAC;QAGpD,oBAAe,GAA4B,SAAS,CAAC;QAGrD,kBAAa,GAA4B,SAAS,CAAC;IAmDpD,CAAC;IAjDS,OAAO,CAAC,QAAwB;QACxC,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC9B,CAAC;IAEO,qBAAqB;QAC5B,MAAM,OAAO,GAAG,CAAC,IAAY,EAAE,KAAoB,EAAE,EAAE;YACtD,IAAI,KAAK,KAAK,IAAI;gBAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;;gBAC/C,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAC1C,CAAC,CAAC;QAEF,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC;QACvC,MAAM,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAClG,MAAM,QAAQ,GAAG,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC1F,OAAO,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QAC7D,OAAO,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;QAEzD,OAAO,CAAC,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;QACzC,OAAO,CAAC,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QAC9C,OAAO,CAAC,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QAC9C,OAAO,CAAC,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QAE9C,KAAK,MAAM,KAAK,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,EAAE,CAAC;YACrD,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;YAC9D,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;YACxC,OAAO,CAAC,MAAM,MAAM,aAAa,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC;YACrD,OAAO,CAAC,MAAM,MAAM,eAAe,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;YACzD,OAAO,CAAC,MAAM,MAAM,gBAAgB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;YAC3D,OAAO,CAAC,MAAM,MAAM,cAAc,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;QACxD,CAAC;IACF,CAAC;IAEO,cAAc,CAAC,KAAY;QAClC,MAAM,GAAG,GAAG,CAAC,GAAW,EAA2B,EAAE;YACpD,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,GAAG,EAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,CAAe,CAAC;YAC/G,OAAO,IAAI,CAAC,IAAI,CAA4B,CAAC;QAC9C,CAAC,CAAC;QACF,MAAM,GAAG,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC;QAC3B,MAAM,MAAM,GAAG,GAAG,CAAC,eAAe,CAAC,CAAC;QACpC,MAAM,KAAK,GAAG,GAAG,CAAC,cAAc,CAAC,CAAC;QAClC,MAAM,GAAG,GAAG,GAAG,CAAC,YAAY,CAAC,IAAI,KAAK,IAAI,GAAG,CAAC;QAC9C,MAAM,KAAK,GAAG,GAAG,CAAC,cAAc,CAAC,IAAI,MAAM,IAAI,GAAG,CAAC;QACnD,MAAM,MAAM,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,KAAK,IAAI,GAAG,CAAC;QACpD,MAAM,IAAI,GAAG,GAAG,CAAC,aAAa,CAAC,IAAI,MAAM,IAAI,GAAG,CAAC;QACjD,OAAO,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;IACnC,CAAC;IAEQ,MAAM;QACd,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;;AAlKe,oBAAM,GAAG,eAAe,AAAlB,CAAmB;AAOzC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDACpB;AAGtB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAC9B;AAGb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,sBAAsB,EAAE,CAAC;0DACZ;AAGjE;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;wDACd;AAG7D;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CACD;AAGzC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;4CACpB;AAG3C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;4CACpB;AAG3C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;4CACpB;AAG3C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CACG;AAG7C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;oDACpB;AAGnD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;mDACpB;AAGlD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;iDACpB;AAGhD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;mDACpB;AAGlD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;oDACpB;AAGnD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;kDACpB;AAGjD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;gDACpB;AAG/C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;sDACrB;AAGrD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;qDACrB;AAGpD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;mDACrB;AAGlD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;qDACrB;AAGpD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;sDACrB;AAGrD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;oDACrB;AAGnD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;gDACpB;AAG/C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;sDACrB;AAGrD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;qDACrB;AAGpD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;mDACrB;AAGlD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;qDACrB;AAGpD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;sDACrB;AAGrD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;oDACrB;AAGnD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;gDACpB;AAG/C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;sDACrB;AAGrD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;qDACrB;AAGpD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;mDACrB;AAGlD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;qDACrB;AAGpD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;sDACrB;AAGrD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;oDACrB;AAjHvC,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CAoKzB"}

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

@@ -1 +1 @@
-{"version":3,"file":"container.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/container.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,eAAe,yBA2nC3B,CAAC"}
+{"version":3,"file":"container.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/container.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,eAAe,yBAqG3B,CAAC"}