@skyux/lists 12.26.0 → 12.27.0

package/fesm2022/skyux-lists.mjs

@@ -1969,11 +1969,11 @@ class SkySortItemComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkySortItemComponent, deps: [{ token: SkySortService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: SkySortItemComponent, isStandalone: false, selector: "sky-sort-item", inputs: { active: "active" }, outputs: { itemSelect: "itemSelect" }, viewQueries: [{ propertyName: "itemTemplate", first: true, predicate: (TemplateRef), descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #itemTemplate>\n  <div\n    class=\"sky-sort-item\"\n    role=\"menuitemradio\"\n    [attr.aria-checked]=\"isSelected | async\"\n    [ngClass]=\"{ 'sky-sort-item-selected': (isSelected | async) }\"\n  >\n    <button type=\"button\" (click)=\"itemClicked()\">\n      <ng-content />\n    </button>\n  </div>\n</ng-template>\n", styles: [".sky-sort-item:not(.sky-theme-modern *){--sky-override-sort-item-active-class-background: #eeeeef;--sky-override-sort-item-border-left-selected: none;--sky-override-sort-item-border-radius: 0px;--sky-override-sort-item-box-shadow: none;--sky-override-sort-item-box-shadow-focus: none;--sky-override-sort-item-color-background: transparent;--sky-override-sort-item-color-selected: #f1eef6;--sky-override-sort-item-color-selected: inherit;--sky-override-sort-item-color-text: #212327;--sky-override-sort-item-focus-visible-background: #eeeeef;--sky-override-sort-item-font-weight-selected: 600;--sky-override-sort-item-hover-background: #eeeeef;--sky-override-sort-item-margin: 4px;--sky-override-sort-item-padding: 3px 20px;--sky-override-sort-item-padding-left-selected: 20px;--sky-override-sort-item-padding-selected: 4px}.sky-theme-modern:not(.sky-theme-brand-base) .sky-sort-item{--sky-override-sort-item-box-shadow-focus: inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus), var(--sky-elevation-focus);--sky-override-sort-item-color-selected: transparent;--sky-override-sort-item-width-border-selected: var(--modern-size-3)}.sky-sort-item{background-color:var(--sky-override-sort-item-color-background, --sky-color-background-action-tertiary-base);box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-base) var(--sky-color-border-action-tertiary-base));border:none;cursor:pointer;margin:var(--sky-override-sort-item-margin, 0)}.sky-sort-item button{border-radius:var(--sky-override-sort-item-border-radius, var(--sky-border-radius-s));text-align:left;width:100%;outline:none;border:none;position:relative;background-color:transparent;color:var(--sky-override-sort-item-color-text, var(--sky-color-text-deemphasized));padding:var(--sky-override-sort-item-padding, var(--sky-comp-dropdown-option-space-inset-top) var(--sky-comp-dropdown-option-space-inset-right) var(--sky-comp-dropdown-option-space-inset-bottom) var(--sky-comp-dropdown-option-space-inset-left))}.sky-sort-item button:hover{text-decoration:none;background-color:var(--sky-override-sort-item-hover-background, var(--sky-color-background-action-tertiary-hover));box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover))}.sky-sort-item button:active{background-color:var(--sky-override-sort-item-color-background, var(--sky-color-background-action-tertiary-active));box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active))}.sky-sort-item button:focus-visible:not(:active),.sky-sort-item button:focus-within:not(:active){background-color:var(--sky-override-sort-item-focus-visible-background, var(--sky-color-background-action-tertiary-focus));box-shadow:var(--sky-override-sort-item-box-shadow-focus, inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus))}.sky-sort-item button[disabled],.sky-sort-item button[disabled]:hover,.sky-sort-item button[disabled]:focus-visible,.sky-sort-item button[disabled]:active{box-shadow:var(--sky-override-sort-item-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled));background-color:var(--sky-override-sort-item-disabled-color-background, var(--sky-color-background-action-tertiary-disabled));color:var(--sky-override-sort-item-disabled-color-text, var(--sky-color-text-deemphasized));cursor:default;font-size:var(--sky-override-sort-item-disabled-font-size, inherit);font-style:var(--sky-override-sort-item-disabled-font-style, inherit)}.sky-sort-item button[disabled]:focus-visible,.sky-sort-item button[disabled]:hover:focus-visible,.sky-sort-item button[disabled]:focus-visible:focus-visible,.sky-sort-item button[disabled]:active:focus-visible{box-shadow:var(--sky-override-sort-item-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled))}.sky-sort-item-selected{background-color:var(--sky-override-sort-item-color-selected, var(--sky-color-background-selected-soft));border-left:var(--sky-override-sort-item-border-left-selected, solid var(--sky-override-sort-item-width-border-selected, var(--sky-border-width-selected-l)) var(--sky-color-border-selected));border-radius:var(--sky-override-sort-item-border-radius, 0 var(--sky-border-radius-s) var(--sky-border-radius-s) 0);padding:var(--sky-override-sort-item-padding-selected, 0);margin:0}.sky-sort-item-selected button{padding-left:var(--sky-override-sort-item-padding-left-selected, calc(var(--sky-comp-dropdown-option-space-inset-left) - var(--sky-override-sort-item-width-border-selected, var(--sky-border-width-selected-l))));border-radius:var(--sky-override-sort-item-border-radius, 0 var(--sky-border-radius-s) var(--sky-border-radius-s) 0);font-weight:var(--sky-override-sort-item-font-weight-selected, var(--sky-font-weight-body-m));color:var(--sky-override-sort-item-color-text, var(--sky-color-text-default))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: SkySortItemComponent, isStandalone: false, selector: "sky-sort-item", inputs: { active: "active" }, outputs: { itemSelect: "itemSelect" }, viewQueries: [{ propertyName: "itemTemplate", first: true, predicate: (TemplateRef), descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-template #itemTemplate>\n  <div\n    class=\"sky-sort-item\"\n    role=\"menuitemradio\"\n    [attr.aria-checked]=\"isSelected | async\"\n    [ngClass]=\"{ 'sky-sort-item-selected': (isSelected | async) }\"\n  >\n    <button type=\"button\" (click)=\"itemClicked()\">\n      <ng-content />\n    </button>\n  </div>\n</ng-template>\n", styles: [".sky-sort-item:not(.sky-theme-modern *){--sky-override-sort-item-active-class-background: #eeeeef;--sky-override-sort-item-border-left-selected: none;--sky-override-sort-item-border-radius: 0px;--sky-override-sort-item-box-shadow: none;--sky-override-sort-item-box-shadow-focus: none;--sky-override-sort-item-color-background: transparent;--sky-override-sort-item-color-selected: #f1eef6;--sky-override-sort-item-color-selected: inherit;--sky-override-sort-item-color-text: #212327;--sky-override-sort-item-focus-visible-background: #eeeeef;--sky-override-sort-item-font-weight-selected: 600;--sky-override-sort-item-hover-background: #eeeeef;--sky-override-sort-item-margin: 4px;--sky-override-sort-item-padding: 3px 20px;--sky-override-sort-item-padding-left-selected: 20px;--sky-override-sort-item-padding-selected: 4px}.sky-theme-modern:not(.sky-theme-brand-base) .sky-sort-item{--sky-override-sort-item-box-shadow-focus: inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus), var(--sky-elevation-focus);--sky-override-sort-item-color-selected: transparent;--sky-override-sort-item-width-border-selected: var(--modern-size-3)}.sky-sort-item{background-color:var(--sky-override-sort-item-color-background, --sky-color-background-action-tertiary-base);box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-base) var(--sky-color-border-action-tertiary-base));border:none;cursor:pointer;margin:var(--sky-override-sort-item-margin, 0)}.sky-sort-item button{border-radius:var(--sky-override-sort-item-border-radius, var(--sky-border-radius-s));text-align:left;width:100%;outline:none;border:none;position:relative;background-color:transparent;color:var(--sky-override-sort-item-color-text, var(--sky-color-text-deemphasized));padding:var(--sky-override-sort-item-padding, var(--sky-comp-dropdown-option-space-inset-top) var(--sky-comp-dropdown-option-space-inset-right) var(--sky-comp-dropdown-option-space-inset-bottom) var(--sky-comp-dropdown-option-space-inset-left))}.sky-sort-item button:hover{text-decoration:none;background-color:var(--sky-override-sort-item-hover-background, var(--sky-color-background-action-tertiary-hover));box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover))}.sky-sort-item button:active{background-color:var(--sky-override-sort-item-color-background, var(--sky-color-background-action-tertiary-active));box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active))}.sky-sort-item button:focus-visible:not(:active),.sky-sort-item button:focus-within:not(:active){background-color:var(--sky-override-sort-item-focus-visible-background, var(--sky-color-background-action-tertiary-focus));box-shadow:var(--sky-override-sort-item-box-shadow-focus, inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus))}.sky-sort-item button[disabled],.sky-sort-item button[disabled]:hover,.sky-sort-item button[disabled]:focus-visible,.sky-sort-item button[disabled]:active{box-shadow:var(--sky-override-sort-item-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled));background-color:var(--sky-override-sort-item-disabled-color-background, var(--sky-color-background-action-tertiary-disabled));color:var(--sky-override-sort-item-disabled-color-text, var(--sky-color-text-deemphasized));cursor:default;font-size:var(--sky-override-sort-item-disabled-font-size, inherit);font-style:var(--sky-override-sort-item-disabled-font-style, inherit)}.sky-sort-item button[disabled]:focus-visible,.sky-sort-item button[disabled]:hover:focus-visible,.sky-sort-item button[disabled]:focus-visible:focus-visible,.sky-sort-item button[disabled]:active:focus-visible{box-shadow:var(--sky-override-sort-item-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled))}.sky-sort-item-selected{background-color:var(--sky-override-sort-item-color-selected, var(--sky-color-background-selected-soft));border-left:var(--sky-override-sort-item-border-left-selected, solid var(--sky-override-sort-item-width-border-selected, var(--sky-border-width-selected-m)) var(--sky-color-border-selected));border-radius:var(--sky-override-sort-item-border-radius, 0 var(--sky-border-radius-s) var(--sky-border-radius-s) 0);padding:var(--sky-override-sort-item-padding-selected, 0);margin:0}.sky-sort-item-selected button{padding-left:var(--sky-override-sort-item-padding-left-selected, calc(var(--sky-comp-dropdown-option-space-inset-left) - var(--sky-override-sort-item-width-border-selected, var(--sky-border-width-selected-m))));border-radius:var(--sky-override-sort-item-border-radius, 0 var(--sky-border-radius-s) var(--sky-border-radius-s) 0);font-weight:var(--sky-override-sort-item-font-weight-selected, var(--sky-font-weight-body-m));color:var(--sky-override-sort-item-color-text, var(--sky-color-text-default))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkySortItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-sort-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-template #itemTemplate>\n  <div\n    class=\"sky-sort-item\"\n    role=\"menuitemradio\"\n    [attr.aria-checked]=\"isSelected | async\"\n    [ngClass]=\"{ 'sky-sort-item-selected': (isSelected | async) }\"\n  >\n    <button type=\"button\" (click)=\"itemClicked()\">\n      <ng-content />\n    </button>\n  </div>\n</ng-template>\n", styles: [".sky-sort-item:not(.sky-theme-modern *){--sky-override-sort-item-active-class-background: #eeeeef;--sky-override-sort-item-border-left-selected: none;--sky-override-sort-item-border-radius: 0px;--sky-override-sort-item-box-shadow: none;--sky-override-sort-item-box-shadow-focus: none;--sky-override-sort-item-color-background: transparent;--sky-override-sort-item-color-selected: #f1eef6;--sky-override-sort-item-color-selected: inherit;--sky-override-sort-item-color-text: #212327;--sky-override-sort-item-focus-visible-background: #eeeeef;--sky-override-sort-item-font-weight-selected: 600;--sky-override-sort-item-hover-background: #eeeeef;--sky-override-sort-item-margin: 4px;--sky-override-sort-item-padding: 3px 20px;--sky-override-sort-item-padding-left-selected: 20px;--sky-override-sort-item-padding-selected: 4px}.sky-theme-modern:not(.sky-theme-brand-base) .sky-sort-item{--sky-override-sort-item-box-shadow-focus: inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus), var(--sky-elevation-focus);--sky-override-sort-item-color-selected: transparent;--sky-override-sort-item-width-border-selected: var(--modern-size-3)}.sky-sort-item{background-color:var(--sky-override-sort-item-color-background, --sky-color-background-action-tertiary-base);box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-base) var(--sky-color-border-action-tertiary-base));border:none;cursor:pointer;margin:var(--sky-override-sort-item-margin, 0)}.sky-sort-item button{border-radius:var(--sky-override-sort-item-border-radius, var(--sky-border-radius-s));text-align:left;width:100%;outline:none;border:none;position:relative;background-color:transparent;color:var(--sky-override-sort-item-color-text, var(--sky-color-text-deemphasized));padding:var(--sky-override-sort-item-padding, var(--sky-comp-dropdown-option-space-inset-top) var(--sky-comp-dropdown-option-space-inset-right) var(--sky-comp-dropdown-option-space-inset-bottom) var(--sky-comp-dropdown-option-space-inset-left))}.sky-sort-item button:hover{text-decoration:none;background-color:var(--sky-override-sort-item-hover-background, var(--sky-color-background-action-tertiary-hover));box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover))}.sky-sort-item button:active{background-color:var(--sky-override-sort-item-color-background, var(--sky-color-background-action-tertiary-active));box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active))}.sky-sort-item button:focus-visible:not(:active),.sky-sort-item button:focus-within:not(:active){background-color:var(--sky-override-sort-item-focus-visible-background, var(--sky-color-background-action-tertiary-focus));box-shadow:var(--sky-override-sort-item-box-shadow-focus, inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus))}.sky-sort-item button[disabled],.sky-sort-item button[disabled]:hover,.sky-sort-item button[disabled]:focus-visible,.sky-sort-item button[disabled]:active{box-shadow:var(--sky-override-sort-item-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled));background-color:var(--sky-override-sort-item-disabled-color-background, var(--sky-color-background-action-tertiary-disabled));color:var(--sky-override-sort-item-disabled-color-text, var(--sky-color-text-deemphasized));cursor:default;font-size:var(--sky-override-sort-item-disabled-font-size, inherit);font-style:var(--sky-override-sort-item-disabled-font-style, inherit)}.sky-sort-item button[disabled]:focus-visible,.sky-sort-item button[disabled]:hover:focus-visible,.sky-sort-item button[disabled]:focus-visible:focus-visible,.sky-sort-item button[disabled]:active:focus-visible{box-shadow:var(--sky-override-sort-item-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled))}.sky-sort-item-selected{background-color:var(--sky-override-sort-item-color-selected, var(--sky-color-background-selected-soft));border-left:var(--sky-override-sort-item-border-left-selected, solid var(--sky-override-sort-item-width-border-selected, var(--sky-border-width-selected-l)) var(--sky-color-border-selected));border-radius:var(--sky-override-sort-item-border-radius, 0 var(--sky-border-radius-s) var(--sky-border-radius-s) 0);padding:var(--sky-override-sort-item-padding-selected, 0);margin:0}.sky-sort-item-selected button{padding-left:var(--sky-override-sort-item-padding-left-selected, calc(var(--sky-comp-dropdown-option-space-inset-left) - var(--sky-override-sort-item-width-border-selected, var(--sky-border-width-selected-l))));border-radius:var(--sky-override-sort-item-border-radius, 0 var(--sky-border-radius-s) var(--sky-border-radius-s) 0);font-weight:var(--sky-override-sort-item-font-weight-selected, var(--sky-font-weight-body-m));color:var(--sky-override-sort-item-color-text, var(--sky-color-text-default))}\n"] }]
+            args: [{ selector: 'sky-sort-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, template: "<ng-template #itemTemplate>\n  <div\n    class=\"sky-sort-item\"\n    role=\"menuitemradio\"\n    [attr.aria-checked]=\"isSelected | async\"\n    [ngClass]=\"{ 'sky-sort-item-selected': (isSelected | async) }\"\n  >\n    <button type=\"button\" (click)=\"itemClicked()\">\n      <ng-content />\n    </button>\n  </div>\n</ng-template>\n", styles: [".sky-sort-item:not(.sky-theme-modern *){--sky-override-sort-item-active-class-background: #eeeeef;--sky-override-sort-item-border-left-selected: none;--sky-override-sort-item-border-radius: 0px;--sky-override-sort-item-box-shadow: none;--sky-override-sort-item-box-shadow-focus: none;--sky-override-sort-item-color-background: transparent;--sky-override-sort-item-color-selected: #f1eef6;--sky-override-sort-item-color-selected: inherit;--sky-override-sort-item-color-text: #212327;--sky-override-sort-item-focus-visible-background: #eeeeef;--sky-override-sort-item-font-weight-selected: 600;--sky-override-sort-item-hover-background: #eeeeef;--sky-override-sort-item-margin: 4px;--sky-override-sort-item-padding: 3px 20px;--sky-override-sort-item-padding-left-selected: 20px;--sky-override-sort-item-padding-selected: 4px}.sky-theme-modern:not(.sky-theme-brand-base) .sky-sort-item{--sky-override-sort-item-box-shadow-focus: inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus), var(--sky-elevation-focus);--sky-override-sort-item-color-selected: transparent;--sky-override-sort-item-width-border-selected: var(--modern-size-3)}.sky-sort-item{background-color:var(--sky-override-sort-item-color-background, --sky-color-background-action-tertiary-base);box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-base) var(--sky-color-border-action-tertiary-base));border:none;cursor:pointer;margin:var(--sky-override-sort-item-margin, 0)}.sky-sort-item button{border-radius:var(--sky-override-sort-item-border-radius, var(--sky-border-radius-s));text-align:left;width:100%;outline:none;border:none;position:relative;background-color:transparent;color:var(--sky-override-sort-item-color-text, var(--sky-color-text-deemphasized));padding:var(--sky-override-sort-item-padding, var(--sky-comp-dropdown-option-space-inset-top) var(--sky-comp-dropdown-option-space-inset-right) var(--sky-comp-dropdown-option-space-inset-bottom) var(--sky-comp-dropdown-option-space-inset-left))}.sky-sort-item button:hover{text-decoration:none;background-color:var(--sky-override-sort-item-hover-background, var(--sky-color-background-action-tertiary-hover));box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-hover) var(--sky-color-border-action-tertiary-hover))}.sky-sort-item button:active{background-color:var(--sky-override-sort-item-color-background, var(--sky-color-background-action-tertiary-active));box-shadow:var(--sky-override-sort-item-box-shadow, inset 0 0 0 var(--sky-border-width-action-active) var(--sky-color-border-action-tertiary-active))}.sky-sort-item button:focus-visible:not(:active),.sky-sort-item button:focus-within:not(:active){background-color:var(--sky-override-sort-item-focus-visible-background, var(--sky-color-background-action-tertiary-focus));box-shadow:var(--sky-override-sort-item-box-shadow-focus, inset 0 0 0 var(--sky-border-width-action-focus) var(--sky-color-border-action-tertiary-focus))}.sky-sort-item button[disabled],.sky-sort-item button[disabled]:hover,.sky-sort-item button[disabled]:focus-visible,.sky-sort-item button[disabled]:active{box-shadow:var(--sky-override-sort-item-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled));background-color:var(--sky-override-sort-item-disabled-color-background, var(--sky-color-background-action-tertiary-disabled));color:var(--sky-override-sort-item-disabled-color-text, var(--sky-color-text-deemphasized));cursor:default;font-size:var(--sky-override-sort-item-disabled-font-size, inherit);font-style:var(--sky-override-sort-item-disabled-font-style, inherit)}.sky-sort-item button[disabled]:focus-visible,.sky-sort-item button[disabled]:hover:focus-visible,.sky-sort-item button[disabled]:focus-visible:focus-visible,.sky-sort-item button[disabled]:active:focus-visible{box-shadow:var(--sky-override-sort-item-disabled-box-shadow, inset 0 0 0 var(--sky-border-width-action-disabled) var(--sky-color-border-action-tertiary-disabled))}.sky-sort-item-selected{background-color:var(--sky-override-sort-item-color-selected, var(--sky-color-background-selected-soft));border-left:var(--sky-override-sort-item-border-left-selected, solid var(--sky-override-sort-item-width-border-selected, var(--sky-border-width-selected-m)) var(--sky-color-border-selected));border-radius:var(--sky-override-sort-item-border-radius, 0 var(--sky-border-radius-s) var(--sky-border-radius-s) 0);padding:var(--sky-override-sort-item-padding-selected, 0);margin:0}.sky-sort-item-selected button{padding-left:var(--sky-override-sort-item-padding-left-selected, calc(var(--sky-comp-dropdown-option-space-inset-left) - var(--sky-override-sort-item-width-border-selected, var(--sky-border-width-selected-m))));border-radius:var(--sky-override-sort-item-border-radius, 0 var(--sky-border-radius-s) var(--sky-border-radius-s) 0);font-weight:var(--sky-override-sort-item-font-weight-selected, var(--sky-font-weight-body-m));color:var(--sky-override-sort-item-color-text, var(--sky-color-text-default))}\n"] }]
         }], ctorParameters: () => [{ type: SkySortService }, { type: i0.ChangeDetectorRef }], propDecorators: { active: [{
                 type: Input
             }], itemSelect: [{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/lists",
-  "version": "12.26.0",
+  "version": "12.27.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -20,16 +20,16 @@
     "@angular/common": "^19.2.14",
     "@angular/core": "^19.2.14",
     "@angular/platform-browser": "^19.2.14",
-    "@skyux-sdk/testing": "12.26.0",
-    "@skyux/animations": "12.26.0",
-    "@skyux/core": "12.26.0",
-    "@skyux/forms": "12.26.0",
-    "@skyux/i18n": "12.26.0",
-    "@skyux/icon": "12.26.0",
-    "@skyux/indicators": "12.26.0",
-    "@skyux/inline-form": "12.26.0",
-    "@skyux/popovers": "12.26.0",
-    "@skyux/theme": "12.26.0"
+    "@skyux-sdk/testing": "12.27.0",
+    "@skyux/animations": "12.27.0",
+    "@skyux/core": "12.27.0",
+    "@skyux/forms": "12.27.0",
+    "@skyux/i18n": "12.27.0",
+    "@skyux/icon": "12.27.0",
+    "@skyux/indicators": "12.27.0",
+    "@skyux/inline-form": "12.27.0",
+    "@skyux/popovers": "12.27.0",
+    "@skyux/theme": "12.27.0"
   },
   "dependencies": {
     "@types/dragula": "2.1.36",