@skyux/layout 15.0.0-alpha.15 → 15.0.0-alpha.16

package/fesm2022/skyux-layout.mjs

@@ -1025,7 +1025,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
 
 /**
  * Specifies an action that users can perform on the card.
- * @deprecated
  */
 class SkyCardActionsComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyCardActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -1038,7 +1037,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
 
 /**
  * Specifies the content to display in the body of the card.
- * @deprecated
  */
 class SkyCardContentComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyCardContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -1051,7 +1049,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
 
 /**
  * Specifies a title to identify what the card represents.
- * @deprecated
  */
 class SkyCardTitleComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyCardTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -1063,22 +1060,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
         }] });
 
 /**
- * Creates a a small container to highlight important information.
- * @deprecated `SkyCardComponent` is deprecated. For other SKY UX components that group and list content, see the content containers guidelines. For more information, see https://developer.blackbaud.com/skyux/design/guidelines/content-containers.
+ * Creates a small container to highlight important information.
  */
 class SkyCardComponent {
-    /**
-     * The size of the card. The valid options are `"large"` and `"small"`.
-     * @default "large"
-     */
-    set size(value) {
-        this.#_size = value ?? 'large';
-    }
-    get size() {
-        return this.#_size;
-    }
-    #subscription;
-    #_size;
     constructor() {
         /**
          * Whether to display a checkbox to the right of the card title.
@@ -1098,12 +1082,19 @@ class SkyCardComponent {
         this.selectedChange = new EventEmitter();
         this.showTitle = true;
         this.#_size = 'large';
-        inject(SkyLogService).deprecated('SkyCardComponent', {
-            deprecationMajorVersion: 6,
-            moreInfoUrl: 'https://developer.blackbaud.com/skyux/design/guidelines/content-containers',
-            replacementRecommendation: 'For other SKY UX components that group and list content, see the content containers guidelines.',
-        });
     }
+    /**
+     * The size of the card. The valid options are `"large"` and `"small"`.
+     * @default "large"
+     */
+    set size(value) {
+        this.#_size = value ?? 'large';
+    }
+    get size() {
+        return this.#_size;
+    }
+    #subscription;
+    #_size;
     ngAfterContentInit() {
         this.showTitle = !!this.titleComponent && this.titleComponent.length > 0;
         this.#subscription = this.titleComponent?.changes.subscribe(() => {
@@ -1143,7 +1134,7 @@ class SkyCardComponent {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-card', changeDetection: ChangeDetectionStrategy.Eager, standalone: false, template: "<section\n  class=\"sky-card sky-shadow\"\n  [ngClass]=\"\n  {\n    'sky-card-small': size === 'small',\n    'sky-card-selectable': selectable,\n    'sky-card-selected': selectable &amp;&amp; selected\n  }\"\n>\n  <ng-content select=\"sky-inline-delete\" />\n  <header>\n    @if (selectable || showTitle) {\n      <div class=\"sky-card-header\" (click)=\"contentClick()\">\n        <div class=\"sky-card-heading-middle\">\n          @if (showTitle) {\n            <h1\n              class=\"sky-card-title sky-theme-font-heading-2 sky-font-heading-2\"\n            >\n              <ng-content select=\"sky-card-title\" />\n            </h1>\n          }\n        </div>\n        @if (selectable) {\n          <div class=\"sky-card-check\">\n            <sky-checkbox\n              [label]=\"'skyux_card_checkbox_label' | skyLibResources\"\n              [ngModel]=\"selected\"\n              (click)=\"$event.stopPropagation()\"\n              (ngModelChange)=\"onCheckboxChange($event)\"\n            />\n          </div>\n        }\n      </div>\n    }\n  </header>\n  <div\n    class=\"sky-card-content sky-theme-padding-inset-balanced-s\"\n    (click)=\"contentClick()\"\n  >\n    <ng-content select=\"sky-card-content\" />\n  </div>\n  <div\n    #actionsEl\n    class=\"sky-card-actions\"\n    [hidden]=\"actionsEl.children.length === 0\"\n  >\n    <ng-content select=\"sky-card-actions\" />\n  </div>\n</section>\n", styles: [".sky-card:not(.sky-theme-modern *){--sky-override-card-background-color-selected: #f1eef6;--sky-override-card-background-color: #fff;--sky-override-card-border-radius: 0;--sky-override-card-border: 1px solid #cdcfd2;--sky-override-card-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);--sky-override-card-checkbox-margin-right: 5px;--sky-override-card-content-padding: 10px;--sky-override-card-header-checkbox-padding-right: 10px;--sky-override-card-header-font-size: 26px;--sky-override-card-header-font-weight: 300;--sky-override-card-header-line-height: 1.428571429;--sky-override-card-header-padding: 10px 0 0 0;--sky-override-card-header-text-padding: 0 10px;--sky-override-card-large-height: 350px;--sky-override-card-large-width: 350px;--sky-override-card-margin: 0 10px 10px 0;--sky-override-card-small-height: 250px;--sky-override-card-small-width: 225px}.sky-card{--sky-comp-override-switch-label-margin-right: var( --sky-override-card-checkbox-margin-right, 0 );background-color:var(--sky-override-card-background-color, var(--sky-color-background-container-base));border:var(--sky-override-card-border, none);border-radius:var(--sky-override-card-border-radius, var(--sky-border-radius-s));box-shadow:var(--sky-override-card-box-shadow, inset 0 0 0 var(--sky-border-width-container-base) var(--sky-color-border-container-base), var(--sky-elevation-raised-100));display:inline-flex;flex-direction:column;height:var(--sky-override-card-large-height, 360px);margin:var(--sky-override-card-margin, var(--sky-comp-card-space-offset-top) var(--sky-comp-card-space-offset-right) var(--sky-comp-card-space-offset-bottom) var(--sky-comp-card-space-offset-left));transition:background-color var(--sky-global-duration-short);vertical-align:top;width:var(--sky-override-card-large-width, 360px);position:relative}.sky-card-small{height:var(--sky-override-card-small-height, 256px);width:var(--sky-override-card-small-width, 240px)}.sky-card-small .sky-card-header{padding:var(--sky-override-card-header-padding, var(--sky-comp-card-small-header-space-inset-top) var(--sky-comp-card-small-header-space-inset-right) var(--sky-comp-card-small-header-space-inset-bottom) var(--sky-comp-card-small-header-space-inset-left))}.sky-card-small .sky-card-content{padding:var(--sky-override-card-content-padding, var(--sky-comp-card-small-content-space-inset-top) var(--sky-comp-card-small-content-space-inset-right) var(--sky-comp-card-small-content-space-inset-bottom) var(--sky-comp-card-small-content-space-inset-left))}.sky-card-selectable .sky-card-header,.sky-card-selectable .sky-card-content{cursor:pointer}.sky-card-selected{background-color:var(--sky-override-card-background-color-selected, var(--sky-color-background-selected-soft));box-shadow:var(--sky-override-card-box-shadow, inset 0 0 0 var(--sky-border-width-action-base) var(--sky-color-border-action-secondary-base));transition:background-color var(--sky-global-duration-short)}.sky-card-header{align-items:center;display:flex;flex-shrink:0;margin:0;padding:var(--sky-override-card-header-padding, var(--sky-comp-card-large-header-space-inset-top) var(--sky-comp-card-large-header-space-inset-right) var(--sky-comp-card-large-header-space-inset-bottom) var(--sky-comp-card-large-header-space-inset-left))}.sky-card-heading-middle{flex-grow:1;padding:var(--sky-override-card-header-text-padding, 0 var(--sky-space-gap-text_action-l) 0 0);overflow:hidden}.sky-card-title{margin:0;line-height:var(--sky-override-card-header-line-height, var(--sky-font-line_height-heading-2));font-size:var(--sky-override-card-header-font-size, var(--sky-font-size-heading-2));font-weight:var(--sky-override-card-header-font-weight, var(--sky-font-style-heading-2))}.sky-card-check{flex-shrink:0;padding-right:var(--sky-override-card-header-checkbox-padding-right, 0)}.sky-card-content{flex-grow:1;font-weight:400;margin:0;padding:var(--sky-override-card-content-padding, var(--sky-comp-card-large-content-space-inset-top) var(--sky-comp-card-large-content-space-inset-right) var(--sky-comp-card-large-content-space-inset-bottom) var(--sky-comp-card-large-content-space-inset-left));overflow:hidden}.sky-card-actions{bottom:0;flex-shrink:0;text-align:center}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { size: [{
+        }], propDecorators: { size: [{
                 type: Input
             }], selectable: [{
                 type: Input
@@ -1159,9 +1150,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
                 args: [SkyCardTitleComponent]
             }] } });
 
-/**
- * @deprecated `SkyCardModule` is deprecated. For other SKY UX components that group and list content, see the content containers guidelines. For more information, see https://developer.blackbaud.com/skyux/design/guidelines/content-containers.
- */
 class SkyCardModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SkyCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: SkyCardModule, declarations: [SkyCardActionsComponent,