cps-ui-kit 21.4.1 → 21.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cps-ui-kit",
-  "version": "21.4.1",
+  "version": "21.5.0",
   "peerDependencies": {
     "@angular/common": "^21.2.6",
     "@angular/core": "^21.2.6",

package/styles/_mixins.scss

@@ -11,24 +11,22 @@
   $inner-width: 0.0625rem,
   $outer-width: 0.0625rem
 ) {
-  &:focus-visible {
-    outline: none;
-    position: relative;
-  }
+  outline: none;
+  position: relative;
 
-  &:focus-visible::before,
-  &:focus-visible::after {
+  &::before,
+  &::after {
     content: '';
     position: absolute;
     border-radius: $radius;
   }
 
-  &:focus-visible::before {
+  &::before {
     inset: -#{$inner-offset}; /* inner offset */
     border: $inner-width solid var(--cps-color-calm);
   }
 
-  &:focus-visible::after {
+  &::after {
     inset: -#{$outer-offset}; /* outer offset */
     border: $outer-width solid var(--cps-color-calm-highlighten);
   }

package/types/cps-ui-kit.d.ts

@@ -1593,7 +1593,7 @@ declare class CpsButtonComponent implements OnChanges {
  * CpsCheckboxComponent is a checkbox element.
  * @group Components
  */
-declare class CpsCheckboxComponent implements OnInit, ControlValueAccessor {
+declare class CpsCheckboxComponent implements OnInit, OnChanges, ControlValueAccessor {
     private _control;
     private document;
     private _elementRef;
@@ -1602,6 +1602,11 @@ declare class CpsCheckboxComponent implements OnInit, ControlValueAccessor {
      * @group Props
      */
     label: string;
+    /**
+     * Aria label for the checkbox, used for accessibility, it takes precedence over label.
+     * @group Props
+     */
+    ariaLabel: string;
     /**
      * Determines whether checkbox is disabled.
      * @group Props
@@ -1658,6 +1663,7 @@ declare class CpsCheckboxComponent implements OnInit, ControlValueAccessor {
     private _value;
     constructor(_control: NgControl, document: Document, _elementRef: ElementRef<HTMLElement>);
     ngOnInit(): void;
+    ngOnChanges(): void;
     onChange: (event: any) => void;
     onTouched: () => void;
     registerOnChange(fn: any): void;
@@ -1668,7 +1674,7 @@ declare class CpsCheckboxComponent implements OnInit, ControlValueAccessor {
     setDisabledState(disabled: boolean): void;
     focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsCheckboxComponent, [{ optional: true; self: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsCheckboxComponent, "cps-checkbox", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "infoTooltip": { "alias": "infoTooltip"; "required": false; }; "infoTooltipClass": { "alias": "infoTooltipClass"; "required": false; }; "infoTooltipMaxWidth": { "alias": "infoTooltipMaxWidth"; "required": false; }; "infoTooltipPersistent": { "alias": "infoTooltipPersistent"; "required": false; }; "infoTooltipPosition": { "alias": "infoTooltipPosition"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsCheckboxComponent, "cps-checkbox", never, { "label": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "infoTooltip": { "alias": "infoTooltip"; "required": false; }; "infoTooltipClass": { "alias": "infoTooltipClass"; "required": false; }; "infoTooltipMaxWidth": { "alias": "infoTooltipMaxWidth"; "required": false; }; "infoTooltipPersistent": { "alias": "infoTooltipPersistent"; "required": false; }; "infoTooltipPosition": { "alias": "infoTooltipPosition"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
 }
 
 /**