@proximus/lavender-angular 1.4.10-alpha.9 → 1.4.10-beta.2

package/fesm2022/proximus-lavender-angular.mjs

@@ -26022,6 +26022,465 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     selector: 'px-card-heading',
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }] });
+/**
+ * @description Type-only wrapper for <px-price>
+ */
+class PxPrice {
+    elementRef;
+    set variant(value) {
+        this.elementRef.nativeElement['variant'] = value;
+    }
+    get variant() {
+        return this.elementRef.nativeElement['variant'];
+    }
+    set size(value) {
+        this.elementRef.nativeElement['size'] = value;
+    }
+    get size() {
+        return this.elementRef.nativeElement['size'];
+    }
+    set inverted(value) {
+        this.elementRef.nativeElement['inverted'] = value;
+    }
+    get inverted() {
+        return this.elementRef.nativeElement['inverted'];
+    }
+    set grow(value) {
+        this.elementRef.nativeElement['grow'] = value;
+    }
+    get grow() {
+        return this.elementRef.nativeElement['grow'];
+    }
+    set growMobile(value) {
+        this.elementRef.nativeElement['growMobile'] = value;
+    }
+    get growMobile() {
+        return this.elementRef.nativeElement['growMobile'];
+    }
+    set growTablet(value) {
+        this.elementRef.nativeElement['growTablet'] = value;
+    }
+    get growTablet() {
+        return this.elementRef.nativeElement['growTablet'];
+    }
+    set growLaptop(value) {
+        this.elementRef.nativeElement['growLaptop'] = value;
+    }
+    get growLaptop() {
+        return this.elementRef.nativeElement['growLaptop'];
+    }
+    set growDesktop(value) {
+        this.elementRef.nativeElement['growDesktop'] = value;
+    }
+    get growDesktop() {
+        return this.elementRef.nativeElement['growDesktop'];
+    }
+    set shrink(value) {
+        this.elementRef.nativeElement['shrink'] = value;
+    }
+    get shrink() {
+        return this.elementRef.nativeElement['shrink'];
+    }
+    set shrinkMobile(value) {
+        this.elementRef.nativeElement['shrinkMobile'] = value;
+    }
+    get shrinkMobile() {
+        return this.elementRef.nativeElement['shrinkMobile'];
+    }
+    set shrinkTablet(value) {
+        this.elementRef.nativeElement['shrinkTablet'] = value;
+    }
+    get shrinkTablet() {
+        return this.elementRef.nativeElement['shrinkTablet'];
+    }
+    set shrinkLaptop(value) {
+        this.elementRef.nativeElement['shrinkLaptop'] = value;
+    }
+    get shrinkLaptop() {
+        return this.elementRef.nativeElement['shrinkLaptop'];
+    }
+    set shrinkDesktop(value) {
+        this.elementRef.nativeElement['shrinkDesktop'] = value;
+    }
+    get shrinkDesktop() {
+        return this.elementRef.nativeElement['shrinkDesktop'];
+    }
+    set basis(value) {
+        this.elementRef.nativeElement['basis'] = value;
+    }
+    get basis() {
+        return this.elementRef.nativeElement['basis'];
+    }
+    set basisMobile(value) {
+        this.elementRef.nativeElement['basisMobile'] = value;
+    }
+    get basisMobile() {
+        return this.elementRef.nativeElement['basisMobile'];
+    }
+    set basisTablet(value) {
+        this.elementRef.nativeElement['basisTablet'] = value;
+    }
+    get basisTablet() {
+        return this.elementRef.nativeElement['basisTablet'];
+    }
+    set basisLaptop(value) {
+        this.elementRef.nativeElement['basisLaptop'] = value;
+    }
+    get basisLaptop() {
+        return this.elementRef.nativeElement['basisLaptop'];
+    }
+    set basisDesktop(value) {
+        this.elementRef.nativeElement['basisDesktop'] = value;
+    }
+    get basisDesktop() {
+        return this.elementRef.nativeElement['basisDesktop'];
+    }
+    set alignSelf(value) {
+        this.elementRef.nativeElement['alignSelf'] = value;
+    }
+    get alignSelf() {
+        return this.elementRef.nativeElement['alignSelf'];
+    }
+    set alignSelfMobile(value) {
+        this.elementRef.nativeElement['alignSelfMobile'] = value;
+    }
+    get alignSelfMobile() {
+        return this.elementRef.nativeElement['alignSelfMobile'];
+    }
+    set alignSelfTablet(value) {
+        this.elementRef.nativeElement['alignSelfTablet'] = value;
+    }
+    get alignSelfTablet() {
+        return this.elementRef.nativeElement['alignSelfTablet'];
+    }
+    set alignSelfLaptop(value) {
+        this.elementRef.nativeElement['alignSelfLaptop'] = value;
+    }
+    get alignSelfLaptop() {
+        return this.elementRef.nativeElement['alignSelfLaptop'];
+    }
+    set alignSelfDesktop(value) {
+        this.elementRef.nativeElement['alignSelfDesktop'] = value;
+    }
+    get alignSelfDesktop() {
+        return this.elementRef.nativeElement['alignSelfDesktop'];
+    }
+    set justifySelf(value) {
+        this.elementRef.nativeElement['justifySelf'] = value;
+    }
+    get justifySelf() {
+        return this.elementRef.nativeElement['justifySelf'];
+    }
+    set justifySelfMobile(value) {
+        this.elementRef.nativeElement['justifySelfMobile'] = value;
+    }
+    get justifySelfMobile() {
+        return this.elementRef.nativeElement['justifySelfMobile'];
+    }
+    set justifySelfTablet(value) {
+        this.elementRef.nativeElement['justifySelfTablet'] = value;
+    }
+    get justifySelfTablet() {
+        return this.elementRef.nativeElement['justifySelfTablet'];
+    }
+    set justifySelfLaptop(value) {
+        this.elementRef.nativeElement['justifySelfLaptop'] = value;
+    }
+    get justifySelfLaptop() {
+        return this.elementRef.nativeElement['justifySelfLaptop'];
+    }
+    set justifySelfDesktop(value) {
+        this.elementRef.nativeElement['justifySelfDesktop'] = value;
+    }
+    get justifySelfDesktop() {
+        return this.elementRef.nativeElement['justifySelfDesktop'];
+    }
+    set hidden(value) {
+        this.elementRef.nativeElement['hidden'] = value;
+    }
+    get hidden() {
+        return this.elementRef.nativeElement['hidden'];
+    }
+    set hiddenMobile(value) {
+        this.elementRef.nativeElement['hiddenMobile'] = value;
+    }
+    get hiddenMobile() {
+        return this.elementRef.nativeElement['hiddenMobile'];
+    }
+    set hiddenTablet(value) {
+        this.elementRef.nativeElement['hiddenTablet'] = value;
+    }
+    get hiddenTablet() {
+        return this.elementRef.nativeElement['hiddenTablet'];
+    }
+    set hiddenLaptop(value) {
+        this.elementRef.nativeElement['hiddenLaptop'] = value;
+    }
+    get hiddenLaptop() {
+        return this.elementRef.nativeElement['hiddenLaptop'];
+    }
+    set hiddenDesktop(value) {
+        this.elementRef.nativeElement['hiddenDesktop'] = value;
+    }
+    get hiddenDesktop() {
+        return this.elementRef.nativeElement['hiddenDesktop'];
+    }
+    set shownSr(value) {
+        this.elementRef.nativeElement['shownSr'] = value;
+    }
+    get shownSr() {
+        return this.elementRef.nativeElement['shownSr'];
+    }
+    set shownSrMobile(value) {
+        this.elementRef.nativeElement['shownSrMobile'] = value;
+    }
+    get shownSrMobile() {
+        return this.elementRef.nativeElement['shownSrMobile'];
+    }
+    set shownSrTablet(value) {
+        this.elementRef.nativeElement['shownSrTablet'] = value;
+    }
+    get shownSrTablet() {
+        return this.elementRef.nativeElement['shownSrTablet'];
+    }
+    set shownSrLaptop(value) {
+        this.elementRef.nativeElement['shownSrLaptop'] = value;
+    }
+    get shownSrLaptop() {
+        return this.elementRef.nativeElement['shownSrLaptop'];
+    }
+    set shownSrDesktop(value) {
+        this.elementRef.nativeElement['shownSrDesktop'] = value;
+    }
+    get shownSrDesktop() {
+        return this.elementRef.nativeElement['shownSrDesktop'];
+    }
+    set colSpan(value) {
+        this.elementRef.nativeElement['colSpan'] = value;
+    }
+    get colSpan() {
+        return this.elementRef.nativeElement['colSpan'];
+    }
+    set colSpanMobile(value) {
+        this.elementRef.nativeElement['colSpanMobile'] = value;
+    }
+    get colSpanMobile() {
+        return this.elementRef.nativeElement['colSpanMobile'];
+    }
+    set colSpanTablet(value) {
+        this.elementRef.nativeElement['colSpanTablet'] = value;
+    }
+    get colSpanTablet() {
+        return this.elementRef.nativeElement['colSpanTablet'];
+    }
+    set colSpanLaptop(value) {
+        this.elementRef.nativeElement['colSpanLaptop'] = value;
+    }
+    get colSpanLaptop() {
+        return this.elementRef.nativeElement['colSpanLaptop'];
+    }
+    set colSpanDesktop(value) {
+        this.elementRef.nativeElement['colSpanDesktop'] = value;
+    }
+    get colSpanDesktop() {
+        return this.elementRef.nativeElement['colSpanDesktop'];
+    }
+    set order(value) {
+        this.elementRef.nativeElement['order'] = value;
+    }
+    get order() {
+        return this.elementRef.nativeElement['order'];
+    }
+    set orderMobile(value) {
+        this.elementRef.nativeElement['orderMobile'] = value;
+    }
+    get orderMobile() {
+        return this.elementRef.nativeElement['orderMobile'];
+    }
+    set orderTablet(value) {
+        this.elementRef.nativeElement['orderTablet'] = value;
+    }
+    get orderTablet() {
+        return this.elementRef.nativeElement['orderTablet'];
+    }
+    set orderLaptop(value) {
+        this.elementRef.nativeElement['orderLaptop'] = value;
+    }
+    get orderLaptop() {
+        return this.elementRef.nativeElement['orderLaptop'];
+    }
+    set orderDesktop(value) {
+        this.elementRef.nativeElement['orderDesktop'] = value;
+    }
+    get orderDesktop() {
+        return this.elementRef.nativeElement['orderDesktop'];
+    }
+    set stickyTop(value) {
+        this.elementRef.nativeElement['stickyTop'] = value;
+    }
+    get stickyTop() {
+        return this.elementRef.nativeElement['stickyTop'];
+    }
+    set stickyBottom(value) {
+        this.elementRef.nativeElement['stickyBottom'] = value;
+    }
+    get stickyBottom() {
+        return this.elementRef.nativeElement['stickyBottom'];
+    }
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPrice, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxPrice, selector: "px-price", inputs: { variant: "variant", size: "size", inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPrice, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'px-price',
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { variant: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], inverted: [{
+                type: Input
+            }], grow: [{
+                type: Input
+            }], growMobile: [{
+                type: Input,
+                args: ['grow--mobile']
+            }], growTablet: [{
+                type: Input,
+                args: ['grow--tablet']
+            }], growLaptop: [{
+                type: Input,
+                args: ['grow--laptop']
+            }], growDesktop: [{
+                type: Input,
+                args: ['grow--desktop']
+            }], shrink: [{
+                type: Input
+            }], shrinkMobile: [{
+                type: Input,
+                args: ['shrink--mobile']
+            }], shrinkTablet: [{
+                type: Input,
+                args: ['shrink--tablet']
+            }], shrinkLaptop: [{
+                type: Input,
+                args: ['shrink--laptop']
+            }], shrinkDesktop: [{
+                type: Input,
+                args: ['shrink--desktop']
+            }], basis: [{
+                type: Input
+            }], basisMobile: [{
+                type: Input,
+                args: ['basis--mobile']
+            }], basisTablet: [{
+                type: Input,
+                args: ['basis--tablet']
+            }], basisLaptop: [{
+                type: Input,
+                args: ['basis--laptop']
+            }], basisDesktop: [{
+                type: Input,
+                args: ['basis--desktop']
+            }], alignSelf: [{
+                type: Input,
+                args: ['align-self']
+            }], alignSelfMobile: [{
+                type: Input,
+                args: ['align-self--mobile']
+            }], alignSelfTablet: [{
+                type: Input,
+                args: ['align-self--tablet']
+            }], alignSelfLaptop: [{
+                type: Input,
+                args: ['align-self--laptop']
+            }], alignSelfDesktop: [{
+                type: Input,
+                args: ['align-self--desktop']
+            }], justifySelf: [{
+                type: Input,
+                args: ['justify-self']
+            }], justifySelfMobile: [{
+                type: Input,
+                args: ['justify-self--mobile']
+            }], justifySelfTablet: [{
+                type: Input,
+                args: ['justify-self--tablet']
+            }], justifySelfLaptop: [{
+                type: Input,
+                args: ['justify-self--laptop']
+            }], justifySelfDesktop: [{
+                type: Input,
+                args: ['justify-self--desktop']
+            }], hidden: [{
+                type: Input
+            }], hiddenMobile: [{
+                type: Input,
+                args: ['hidden--mobile']
+            }], hiddenTablet: [{
+                type: Input,
+                args: ['hidden--tablet']
+            }], hiddenLaptop: [{
+                type: Input,
+                args: ['hidden--laptop']
+            }], hiddenDesktop: [{
+                type: Input,
+                args: ['hidden--desktop']
+            }], shownSr: [{
+                type: Input,
+                args: ['shown--sr']
+            }], shownSrMobile: [{
+                type: Input,
+                args: ['shown--sr--mobile']
+            }], shownSrTablet: [{
+                type: Input,
+                args: ['shown--sr--tablet']
+            }], shownSrLaptop: [{
+                type: Input,
+                args: ['shown--sr--laptop']
+            }], shownSrDesktop: [{
+                type: Input,
+                args: ['shown--sr--desktop']
+            }], colSpan: [{
+                type: Input,
+                args: ['col-span']
+            }], colSpanMobile: [{
+                type: Input,
+                args: ['col-span--mobile']
+            }], colSpanTablet: [{
+                type: Input,
+                args: ['col-span--tablet']
+            }], colSpanLaptop: [{
+                type: Input,
+                args: ['col-span--laptop']
+            }], colSpanDesktop: [{
+                type: Input,
+                args: ['col-span--desktop']
+            }], order: [{
+                type: Input
+            }], orderMobile: [{
+                type: Input,
+                args: ['order--mobile']
+            }], orderTablet: [{
+                type: Input,
+                args: ['order--tablet']
+            }], orderLaptop: [{
+                type: Input,
+                args: ['order--laptop']
+            }], orderDesktop: [{
+                type: Input,
+                args: ['order--desktop']
+            }], stickyTop: [{
+                type: Input,
+                args: ['sticky-top']
+            }], stickyBottom: [{
+                type: Input,
+                args: ['sticky-bottom']
+            }] } });
 /**
  * @description Type-only wrapper for <px-radio>
  */
@@ -27479,22 +27938,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['sticky-bottom']
             }] } });
 /**
- * @description Type-only wrapper for <px-price>
+ * @description Type-only wrapper for <px-ribbon>
  */
-class PxPrice {
+class PxRibbon {
     elementRef;
-    set variant(value) {
-        this.elementRef.nativeElement['variant'] = value;
-    }
-    get variant() {
-        return this.elementRef.nativeElement['variant'];
-    }
-    set size(value) {
-        this.elementRef.nativeElement['size'] = value;
-    }
-    get size() {
-        return this.elementRef.nativeElement['size'];
-    }
     set inverted(value) {
         this.elementRef.nativeElement['inverted'] = value;
     }
@@ -27786,19 +28233,15 @@ class PxPrice {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPrice, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxPrice, selector: "px-price", inputs: { variant: "variant", size: "size", inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxRibbon, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxRibbon, selector: "px-ribbon", inputs: { inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxPrice, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxRibbon, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-price',
+                    selector: 'px-ribbon',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { variant: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], inverted: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
                 type: Input
             }], grow: [{
                 type: Input
@@ -27938,15 +28381,159 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['sticky-bottom']
             }] } });
 /**
- * @description Type-only wrapper for <px-ribbon>
+ * @description Type-only wrapper for <px-section>
  */
-class PxRibbon {
+class PxSection {
     elementRef;
-    set inverted(value) {
-        this.elementRef.nativeElement['inverted'] = value;
+    set backgroundColor(value) {
+        this.elementRef.nativeElement['backgroundColor'] = value;
     }
-    get inverted() {
-        return this.elementRef.nativeElement['inverted'];
+    get backgroundColor() {
+        return this.elementRef.nativeElement['backgroundColor'];
+    }
+    set backgroundGradient(value) {
+        this.elementRef.nativeElement['backgroundGradient'] = value;
+    }
+    get backgroundGradient() {
+        return this.elementRef.nativeElement['backgroundGradient'];
+    }
+    set backgroundImage(value) {
+        this.elementRef.nativeElement['backgroundImage'] = value;
+    }
+    get backgroundImage() {
+        return this.elementRef.nativeElement['backgroundImage'];
+    }
+    set backgroundImageMobile(value) {
+        this.elementRef.nativeElement['backgroundImageMobile'] = value;
+    }
+    get backgroundImageMobile() {
+        return this.elementRef.nativeElement['backgroundImageMobile'];
+    }
+    set backgroundImageTablet(value) {
+        this.elementRef.nativeElement['backgroundImageTablet'] = value;
+    }
+    get backgroundImageTablet() {
+        return this.elementRef.nativeElement['backgroundImageTablet'];
+    }
+    set backgroundImageLaptop(value) {
+        this.elementRef.nativeElement['backgroundImageLaptop'] = value;
+    }
+    get backgroundImageLaptop() {
+        return this.elementRef.nativeElement['backgroundImageLaptop'];
+    }
+    set backgroundSize(value) {
+        this.elementRef.nativeElement['backgroundSize'] = value;
+    }
+    get backgroundSize() {
+        return this.elementRef.nativeElement['backgroundSize'];
+    }
+    set backgroundPosition(value) {
+        this.elementRef.nativeElement['backgroundPosition'] = value;
+    }
+    get backgroundPosition() {
+        return this.elementRef.nativeElement['backgroundPosition'];
+    }
+    set paddingBlock(value) {
+        this.elementRef.nativeElement['paddingBlock'] = value;
+    }
+    get paddingBlock() {
+        return this.elementRef.nativeElement['paddingBlock'];
+    }
+    set paddingTop(value) {
+        this.elementRef.nativeElement['paddingTop'] = value;
+    }
+    get paddingTop() {
+        return this.elementRef.nativeElement['paddingTop'];
+    }
+    set paddingBottom(value) {
+        this.elementRef.nativeElement['paddingBottom'] = value;
+    }
+    get paddingBottom() {
+        return this.elementRef.nativeElement['paddingBottom'];
+    }
+    set paddingBlockMobile(value) {
+        this.elementRef.nativeElement['paddingBlockMobile'] = value;
+    }
+    get paddingBlockMobile() {
+        return this.elementRef.nativeElement['paddingBlockMobile'];
+    }
+    set paddingTopMobile(value) {
+        this.elementRef.nativeElement['paddingTopMobile'] = value;
+    }
+    get paddingTopMobile() {
+        return this.elementRef.nativeElement['paddingTopMobile'];
+    }
+    set paddingBottomMobile(value) {
+        this.elementRef.nativeElement['paddingBottomMobile'] = value;
+    }
+    get paddingBottomMobile() {
+        return this.elementRef.nativeElement['paddingBottomMobile'];
+    }
+    set paddingBlockTablet(value) {
+        this.elementRef.nativeElement['paddingBlockTablet'] = value;
+    }
+    get paddingBlockTablet() {
+        return this.elementRef.nativeElement['paddingBlockTablet'];
+    }
+    set paddingTopTablet(value) {
+        this.elementRef.nativeElement['paddingTopTablet'] = value;
+    }
+    get paddingTopTablet() {
+        return this.elementRef.nativeElement['paddingTopTablet'];
+    }
+    set paddingBottomTablet(value) {
+        this.elementRef.nativeElement['paddingBottomTablet'] = value;
+    }
+    get paddingBottomTablet() {
+        return this.elementRef.nativeElement['paddingBottomTablet'];
+    }
+    set paddingBlockLaptop(value) {
+        this.elementRef.nativeElement['paddingBlockLaptop'] = value;
+    }
+    get paddingBlockLaptop() {
+        return this.elementRef.nativeElement['paddingBlockLaptop'];
+    }
+    set paddingTopLaptop(value) {
+        this.elementRef.nativeElement['paddingTopLaptop'] = value;
+    }
+    get paddingTopLaptop() {
+        return this.elementRef.nativeElement['paddingTopLaptop'];
+    }
+    set paddingBottomLaptop(value) {
+        this.elementRef.nativeElement['paddingBottomLaptop'] = value;
+    }
+    get paddingBottomLaptop() {
+        return this.elementRef.nativeElement['paddingBottomLaptop'];
+    }
+    set border(value) {
+        this.elementRef.nativeElement['border'] = value;
+    }
+    get border() {
+        return this.elementRef.nativeElement['border'];
+    }
+    set borderSide(value) {
+        this.elementRef.nativeElement['borderSide'] = value;
+    }
+    get borderSide() {
+        return this.elementRef.nativeElement['borderSide'];
+    }
+    set borderSideMobile(value) {
+        this.elementRef.nativeElement['borderSideMobile'] = value;
+    }
+    get borderSideMobile() {
+        return this.elementRef.nativeElement['borderSideMobile'];
+    }
+    set borderSideTablet(value) {
+        this.elementRef.nativeElement['borderSideTablet'] = value;
+    }
+    get borderSideTablet() {
+        return this.elementRef.nativeElement['borderSideTablet'];
+    }
+    set borderSideLaptop(value) {
+        this.elementRef.nativeElement['borderSideLaptop'] = value;
+    }
+    get borderSideLaptop() {
+        return this.elementRef.nativeElement['borderSideLaptop'];
     }
     set grow(value) {
         this.elementRef.nativeElement['grow'] = value;
@@ -28233,16 +28820,88 @@ class PxRibbon {
     constructor(elementRef) {
         this.elementRef = elementRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxRibbon, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxRibbon, selector: "px-ribbon", inputs: { inverted: "inverted", grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSection, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSection, selector: "px-section", inputs: { backgroundColor: ["background-color", "backgroundColor"], backgroundGradient: ["background-gradient", "backgroundGradient"], backgroundImage: ["background-image", "backgroundImage"], backgroundImageMobile: ["background-image--mobile", "backgroundImageMobile"], backgroundImageTablet: ["background-image--tablet", "backgroundImageTablet"], backgroundImageLaptop: ["background-image--laptop", "backgroundImageLaptop"], backgroundSize: ["background-size", "backgroundSize"], backgroundPosition: ["background-position", "backgroundPosition"], paddingBlock: ["padding-block", "paddingBlock"], paddingTop: ["padding-top", "paddingTop"], paddingBottom: ["padding-bottom", "paddingBottom"], paddingBlockMobile: ["padding-block--mobile", "paddingBlockMobile"], paddingTopMobile: ["padding-top--mobile", "paddingTopMobile"], paddingBottomMobile: ["padding-bottom--mobile", "paddingBottomMobile"], paddingBlockTablet: ["padding-block--tablet", "paddingBlockTablet"], paddingTopTablet: ["padding-top--tablet", "paddingTopTablet"], paddingBottomTablet: ["padding-bottom--tablet", "paddingBottomTablet"], paddingBlockLaptop: ["padding-block--laptop", "paddingBlockLaptop"], paddingTopLaptop: ["padding-top--laptop", "paddingTopLaptop"], paddingBottomLaptop: ["padding-bottom--laptop", "paddingBottomLaptop"], border: "border", borderSide: ["border-side", "borderSide"], borderSideMobile: ["border-side--mobile", "borderSideMobile"], borderSideTablet: ["border-side--tablet", "borderSideTablet"], borderSideLaptop: ["border-side--laptop", "borderSideLaptop"], grow: "grow", growMobile: ["grow--mobile", "growMobile"], growTablet: ["grow--tablet", "growTablet"], growLaptop: ["grow--laptop", "growLaptop"], growDesktop: ["grow--desktop", "growDesktop"], shrink: "shrink", shrinkMobile: ["shrink--mobile", "shrinkMobile"], shrinkTablet: ["shrink--tablet", "shrinkTablet"], shrinkLaptop: ["shrink--laptop", "shrinkLaptop"], shrinkDesktop: ["shrink--desktop", "shrinkDesktop"], basis: "basis", basisMobile: ["basis--mobile", "basisMobile"], basisTablet: ["basis--tablet", "basisTablet"], basisLaptop: ["basis--laptop", "basisLaptop"], basisDesktop: ["basis--desktop", "basisDesktop"], alignSelf: ["align-self", "alignSelf"], alignSelfMobile: ["align-self--mobile", "alignSelfMobile"], alignSelfTablet: ["align-self--tablet", "alignSelfTablet"], alignSelfLaptop: ["align-self--laptop", "alignSelfLaptop"], alignSelfDesktop: ["align-self--desktop", "alignSelfDesktop"], justifySelf: ["justify-self", "justifySelf"], justifySelfMobile: ["justify-self--mobile", "justifySelfMobile"], justifySelfTablet: ["justify-self--tablet", "justifySelfTablet"], justifySelfLaptop: ["justify-self--laptop", "justifySelfLaptop"], justifySelfDesktop: ["justify-self--desktop", "justifySelfDesktop"], hidden: "hidden", hiddenMobile: ["hidden--mobile", "hiddenMobile"], hiddenTablet: ["hidden--tablet", "hiddenTablet"], hiddenLaptop: ["hidden--laptop", "hiddenLaptop"], hiddenDesktop: ["hidden--desktop", "hiddenDesktop"], shownSr: ["shown--sr", "shownSr"], shownSrMobile: ["shown--sr--mobile", "shownSrMobile"], shownSrTablet: ["shown--sr--tablet", "shownSrTablet"], shownSrLaptop: ["shown--sr--laptop", "shownSrLaptop"], shownSrDesktop: ["shown--sr--desktop", "shownSrDesktop"], colSpan: ["col-span", "colSpan"], colSpanMobile: ["col-span--mobile", "colSpanMobile"], colSpanTablet: ["col-span--tablet", "colSpanTablet"], colSpanLaptop: ["col-span--laptop", "colSpanLaptop"], colSpanDesktop: ["col-span--desktop", "colSpanDesktop"], order: "order", orderMobile: ["order--mobile", "orderMobile"], orderTablet: ["order--tablet", "orderTablet"], orderLaptop: ["order--laptop", "orderLaptop"], orderDesktop: ["order--desktop", "orderDesktop"], stickyTop: ["sticky-top", "stickyTop"], stickyBottom: ["sticky-bottom", "stickyBottom"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxRibbon, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSection, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'px-ribbon',
+                    selector: 'px-section',
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { inverted: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundColor: [{
+                type: Input,
+                args: ['background-color']
+            }], backgroundGradient: [{
+                type: Input,
+                args: ['background-gradient']
+            }], backgroundImage: [{
+                type: Input,
+                args: ['background-image']
+            }], backgroundImageMobile: [{
+                type: Input,
+                args: ['background-image--mobile']
+            }], backgroundImageTablet: [{
+                type: Input,
+                args: ['background-image--tablet']
+            }], backgroundImageLaptop: [{
+                type: Input,
+                args: ['background-image--laptop']
+            }], backgroundSize: [{
+                type: Input,
+                args: ['background-size']
+            }], backgroundPosition: [{
+                type: Input,
+                args: ['background-position']
+            }], paddingBlock: [{
+                type: Input,
+                args: ['padding-block']
+            }], paddingTop: [{
+                type: Input,
+                args: ['padding-top']
+            }], paddingBottom: [{
+                type: Input,
+                args: ['padding-bottom']
+            }], paddingBlockMobile: [{
+                type: Input,
+                args: ['padding-block--mobile']
+            }], paddingTopMobile: [{
+                type: Input,
+                args: ['padding-top--mobile']
+            }], paddingBottomMobile: [{
+                type: Input,
+                args: ['padding-bottom--mobile']
+            }], paddingBlockTablet: [{
+                type: Input,
+                args: ['padding-block--tablet']
+            }], paddingTopTablet: [{
+                type: Input,
+                args: ['padding-top--tablet']
+            }], paddingBottomTablet: [{
+                type: Input,
+                args: ['padding-bottom--tablet']
+            }], paddingBlockLaptop: [{
+                type: Input,
+                args: ['padding-block--laptop']
+            }], paddingTopLaptop: [{
+                type: Input,
+                args: ['padding-top--laptop']
+            }], paddingBottomLaptop: [{
+                type: Input,
+                args: ['padding-bottom--laptop']
+            }], border: [{
                 type: Input
+            }], borderSide: [{
+                type: Input,
+                args: ['border-side']
+            }], borderSideMobile: [{
+                type: Input,
+                args: ['border-side--mobile']
+            }], borderSideTablet: [{
+                type: Input,
+                args: ['border-side--tablet']
+            }], borderSideLaptop: [{
+                type: Input,
+                args: ['border-side--laptop']
             }], grow: [{
                 type: Input
             }], growMobile: [{
@@ -28380,247 +29039,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 type: Input,
                 args: ['sticky-bottom']
             }] } });
-/**
- * @description Type-only wrapper for <px-section>
- */
-class PxSection {
-    elementRef;
-    set backgroundColor(value) {
-        this.elementRef.nativeElement['backgroundColor'] = value;
-    }
-    get backgroundColor() {
-        return this.elementRef.nativeElement['backgroundColor'];
-    }
-    set backgroundGradient(value) {
-        this.elementRef.nativeElement['backgroundGradient'] = value;
-    }
-    get backgroundGradient() {
-        return this.elementRef.nativeElement['backgroundGradient'];
-    }
-    set backgroundImage(value) {
-        this.elementRef.nativeElement['backgroundImage'] = value;
-    }
-    get backgroundImage() {
-        return this.elementRef.nativeElement['backgroundImage'];
-    }
-    set backgroundImageMobile(value) {
-        this.elementRef.nativeElement['backgroundImageMobile'] = value;
-    }
-    get backgroundImageMobile() {
-        return this.elementRef.nativeElement['backgroundImageMobile'];
-    }
-    set backgroundImageTablet(value) {
-        this.elementRef.nativeElement['backgroundImageTablet'] = value;
-    }
-    get backgroundImageTablet() {
-        return this.elementRef.nativeElement['backgroundImageTablet'];
-    }
-    set backgroundImageLaptop(value) {
-        this.elementRef.nativeElement['backgroundImageLaptop'] = value;
-    }
-    get backgroundImageLaptop() {
-        return this.elementRef.nativeElement['backgroundImageLaptop'];
-    }
-    set backgroundSize(value) {
-        this.elementRef.nativeElement['backgroundSize'] = value;
-    }
-    get backgroundSize() {
-        return this.elementRef.nativeElement['backgroundSize'];
-    }
-    set backgroundPosition(value) {
-        this.elementRef.nativeElement['backgroundPosition'] = value;
-    }
-    get backgroundPosition() {
-        return this.elementRef.nativeElement['backgroundPosition'];
-    }
-    set paddingBlock(value) {
-        this.elementRef.nativeElement['paddingBlock'] = value;
-    }
-    get paddingBlock() {
-        return this.elementRef.nativeElement['paddingBlock'];
-    }
-    set paddingTop(value) {
-        this.elementRef.nativeElement['paddingTop'] = value;
-    }
-    get paddingTop() {
-        return this.elementRef.nativeElement['paddingTop'];
-    }
-    set paddingBottom(value) {
-        this.elementRef.nativeElement['paddingBottom'] = value;
-    }
-    get paddingBottom() {
-        return this.elementRef.nativeElement['paddingBottom'];
-    }
-    set paddingBlockMobile(value) {
-        this.elementRef.nativeElement['paddingBlockMobile'] = value;
-    }
-    get paddingBlockMobile() {
-        return this.elementRef.nativeElement['paddingBlockMobile'];
-    }
-    set paddingTopMobile(value) {
-        this.elementRef.nativeElement['paddingTopMobile'] = value;
-    }
-    get paddingTopMobile() {
-        return this.elementRef.nativeElement['paddingTopMobile'];
-    }
-    set paddingBottomMobile(value) {
-        this.elementRef.nativeElement['paddingBottomMobile'] = value;
-    }
-    get paddingBottomMobile() {
-        return this.elementRef.nativeElement['paddingBottomMobile'];
-    }
-    set paddingBlockTablet(value) {
-        this.elementRef.nativeElement['paddingBlockTablet'] = value;
-    }
-    get paddingBlockTablet() {
-        return this.elementRef.nativeElement['paddingBlockTablet'];
-    }
-    set paddingTopTablet(value) {
-        this.elementRef.nativeElement['paddingTopTablet'] = value;
-    }
-    get paddingTopTablet() {
-        return this.elementRef.nativeElement['paddingTopTablet'];
-    }
-    set paddingBottomTablet(value) {
-        this.elementRef.nativeElement['paddingBottomTablet'] = value;
-    }
-    get paddingBottomTablet() {
-        return this.elementRef.nativeElement['paddingBottomTablet'];
-    }
-    set paddingBlockLaptop(value) {
-        this.elementRef.nativeElement['paddingBlockLaptop'] = value;
-    }
-    get paddingBlockLaptop() {
-        return this.elementRef.nativeElement['paddingBlockLaptop'];
-    }
-    set paddingTopLaptop(value) {
-        this.elementRef.nativeElement['paddingTopLaptop'] = value;
-    }
-    get paddingTopLaptop() {
-        return this.elementRef.nativeElement['paddingTopLaptop'];
-    }
-    set paddingBottomLaptop(value) {
-        this.elementRef.nativeElement['paddingBottomLaptop'] = value;
-    }
-    get paddingBottomLaptop() {
-        return this.elementRef.nativeElement['paddingBottomLaptop'];
-    }
-    set border(value) {
-        this.elementRef.nativeElement['border'] = value;
-    }
-    get border() {
-        return this.elementRef.nativeElement['border'];
-    }
-    set borderSide(value) {
-        this.elementRef.nativeElement['borderSide'] = value;
-    }
-    get borderSide() {
-        return this.elementRef.nativeElement['borderSide'];
-    }
-    set borderSideMobile(value) {
-        this.elementRef.nativeElement['borderSideMobile'] = value;
-    }
-    get borderSideMobile() {
-        return this.elementRef.nativeElement['borderSideMobile'];
-    }
-    set borderSideTablet(value) {
-        this.elementRef.nativeElement['borderSideTablet'] = value;
-    }
-    get borderSideTablet() {
-        return this.elementRef.nativeElement['borderSideTablet'];
-    }
-    set borderSideLaptop(value) {
-        this.elementRef.nativeElement['borderSideLaptop'] = value;
-    }
-    get borderSideLaptop() {
-        return this.elementRef.nativeElement['borderSideLaptop'];
-    }
-    constructor(elementRef) {
-        this.elementRef = elementRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSection, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PxSection, selector: "px-section", inputs: { backgroundColor: ["background-color", "backgroundColor"], backgroundGradient: ["background-gradient", "backgroundGradient"], backgroundImage: ["background-image", "backgroundImage"], backgroundImageMobile: ["background-image--mobile", "backgroundImageMobile"], backgroundImageTablet: ["background-image--tablet", "backgroundImageTablet"], backgroundImageLaptop: ["background-image--laptop", "backgroundImageLaptop"], backgroundSize: ["background-size", "backgroundSize"], backgroundPosition: ["background-position", "backgroundPosition"], paddingBlock: ["padding-block", "paddingBlock"], paddingTop: ["padding-top", "paddingTop"], paddingBottom: ["padding-bottom", "paddingBottom"], paddingBlockMobile: ["padding-block--mobile", "paddingBlockMobile"], paddingTopMobile: ["padding-top--mobile", "paddingTopMobile"], paddingBottomMobile: ["padding-bottom--mobile", "paddingBottomMobile"], paddingBlockTablet: ["padding-block--tablet", "paddingBlockTablet"], paddingTopTablet: ["padding-top--tablet", "paddingTopTablet"], paddingBottomTablet: ["padding-bottom--tablet", "paddingBottomTablet"], paddingBlockLaptop: ["padding-block--laptop", "paddingBlockLaptop"], paddingTopLaptop: ["padding-top--laptop", "paddingTopLaptop"], paddingBottomLaptop: ["padding-bottom--laptop", "paddingBottomLaptop"], border: "border", borderSide: ["border-side", "borderSide"], borderSideMobile: ["border-side--mobile", "borderSideMobile"], borderSideTablet: ["border-side--tablet", "borderSideTablet"], borderSideLaptop: ["border-side--laptop", "borderSideLaptop"] }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PxSection, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'px-section',
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { backgroundColor: [{
-                type: Input,
-                args: ['background-color']
-            }], backgroundGradient: [{
-                type: Input,
-                args: ['background-gradient']
-            }], backgroundImage: [{
-                type: Input,
-                args: ['background-image']
-            }], backgroundImageMobile: [{
-                type: Input,
-                args: ['background-image--mobile']
-            }], backgroundImageTablet: [{
-                type: Input,
-                args: ['background-image--tablet']
-            }], backgroundImageLaptop: [{
-                type: Input,
-                args: ['background-image--laptop']
-            }], backgroundSize: [{
-                type: Input,
-                args: ['background-size']
-            }], backgroundPosition: [{
-                type: Input,
-                args: ['background-position']
-            }], paddingBlock: [{
-                type: Input,
-                args: ['padding-block']
-            }], paddingTop: [{
-                type: Input,
-                args: ['padding-top']
-            }], paddingBottom: [{
-                type: Input,
-                args: ['padding-bottom']
-            }], paddingBlockMobile: [{
-                type: Input,
-                args: ['padding-block--mobile']
-            }], paddingTopMobile: [{
-                type: Input,
-                args: ['padding-top--mobile']
-            }], paddingBottomMobile: [{
-                type: Input,
-                args: ['padding-bottom--mobile']
-            }], paddingBlockTablet: [{
-                type: Input,
-                args: ['padding-block--tablet']
-            }], paddingTopTablet: [{
-                type: Input,
-                args: ['padding-top--tablet']
-            }], paddingBottomTablet: [{
-                type: Input,
-                args: ['padding-bottom--tablet']
-            }], paddingBlockLaptop: [{
-                type: Input,
-                args: ['padding-block--laptop']
-            }], paddingTopLaptop: [{
-                type: Input,
-                args: ['padding-top--laptop']
-            }], paddingBottomLaptop: [{
-                type: Input,
-                args: ['padding-bottom--laptop']
-            }], border: [{
-                type: Input
-            }], borderSide: [{
-                type: Input,
-                args: ['border-side']
-            }], borderSideMobile: [{
-                type: Input,
-                args: ['border-side--mobile']
-            }], borderSideTablet: [{
-                type: Input,
-                args: ['border-side--tablet']
-            }], borderSideLaptop: [{
-                type: Input,
-                args: ['border-side--laptop']
-            }] } });
 /**
  * @description Type-only wrapper for <px-selectable-box>
  */
@@ -37433,7 +37851,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }] } });
 class Lavender {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: Lavender, declarations: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonWrapper, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, PxRadio, PxRadioBase, PxRadioGroup, PxPrice, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider], exports: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonWrapper, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, PxRadio, PxRadioBase, PxRadioGroup, PxPrice, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: Lavender, declarations: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonWrapper, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider], exports: [PxAccordion, PxAgGridTable, PxAgGridTableThButton, PxAgGridTableThContent, PxBanner, PxBreadcrumbItem, PxBreadcrumb, PxButton, PxButtonWrapper, PxButtonIcon, PxCard, PxAppleseed, PxCarousel, PxCarouselItem, PxCell, PxCellButton, PxCellCheckbox, PxCellLink, PxCellRadio, PxCellSwitch, PxCheckbox, PxColorOption, PxColorOptionLink, PxContainer, PxContentHeader, PxDrawer, PxDropdown, PxFieldset, PxGrid, PxH1, PxH2, PxH3, PxH4, PxH5, PxH6, PxHeadingGroup, PxImg, PxPicture, PxInput, PxSelect, PxTextarea, PxFileupload, PxPage, PxSpacer, PxStack, PxVstack, PxHstack, PxA, PxAWrapper, PxList, PxListItem, PxModal, PxP, PxPillar, PxCardActions, PxCardContainer, PxCardHeading, PxPrice, PxRadio, PxRadioBase, PxRadioGroup, PxRibbon, PxSection, PxSelectableBox, PxSelectableBoxCheckbox, PxSelectableBoxRadio, PxSeparator, PxSkeleton, PxSpan, PxSpinner, PxStatus, PxStatusCard, PxStickyContainer, PxThemeSwitcher, PxSwitch, PxTable, PxTbody, PxTd, PxTh, PxThead, PxTr, PxTabs, PxTab, PxTabPanel, PxTag, PxTile, PxTileButton, PxTileCheckbox, PxTileLink, PxTileRadio, PxTileSwitch, PxTimeline, PxTimelineItem, PxTypography, PxPatch, PxIcon, PxIconSet, PxThemeProvider, PxProximusThemeProvider, PxScarletThemeProvider] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Lavender, decorators: [{
@@ -37497,10 +37915,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         PxCardActions,
                         PxCardContainer,
                         PxCardHeading,
+                        PxPrice,
                         PxRadio,
                         PxRadioBase,
                         PxRadioGroup,
-                        PxPrice,
                         PxRibbon,
                         PxSection,
                         PxSelectableBox,
@@ -37599,10 +38017,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         PxCardActions,
                         PxCardContainer,
                         PxCardHeading,
+                        PxPrice,
                         PxRadio,
                         PxRadioBase,
                         PxRadioGroup,
-                        PxPrice,
                         PxRibbon,
                         PxSection,
                         PxSelectableBox,