@ifsworld/granite-components 3.4.0 → 3.5.2

package/index.d.ts

@@ -22,6 +22,8 @@ export * from './lib/toggle-switch/toggle-switch.module';
 export * from './lib/toggle-switch/toggle-switch.component';
 export * from './lib/radio-button/radio-button.module';
 export * from './lib/radio-button/radio-button.component';
+export * from './lib/checkbox/checkbox.module';
+export * from './lib/checkbox/checkbox.component';
 export * from './lib/button/button.module';
 export * from './lib/button/button.component';
 export * from './lib/table/table.module';

package/lib/checkbox/checkbox.component.d.ts

@@ -0,0 +1,26 @@
+import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
+import { OnChanges, SimpleChanges, EventEmitter } from '@angular/core';
+import { Position } from '../core/types';
+export declare class GraniteCheckboxComponent implements OnChanges {
+    private _focusMonitor;
+    id: string | null;
+    checked: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    labelPosition: Position;
+    ariaLabel: string | null;
+    ariaLabelledby: string | null;
+    readonly valueChange: EventEmitter<boolean>;
+    readonly checkboxChange: EventEmitter<void>;
+    readonly checkboxBlur: EventEmitter<void>;
+    private _inputElement;
+    _positionBefore: boolean;
+    _checkboxDisabled: boolean;
+    constructor(_focusMonitor: FocusMonitor);
+    ngOnChanges(changes: SimpleChanges): void;
+    focus(origin?: FocusOrigin, options?: FocusOptions): void;
+    _onBlur(): void;
+    _checkboxChange(): void;
+    _checkboxClick(): void;
+    private _getInputElement;
+}

package/lib/checkbox/checkbox.module.d.ts

@@ -0,0 +1,2 @@
+export declare class GraniteCheckboxModule {
+}

package/lib/input-field/input-field.component.d.ts

@@ -16,22 +16,22 @@ export declare class GraniteInputFieldComponent implements OnInit, OnChanges {
     countcharacters: boolean;
     ariaLabel: string | null;
     ariaLabelledby: string | null;
-    valueChange: EventEmitter<string>;
+    readonly valueChange: EventEmitter<string>;
     private _inputElement;
     private _textareaElement;
     _supported: boolean;
     _empty: boolean;
     _passwordFieldIcon: string;
     _passwordField: boolean;
+    _currentCharCount: number;
     private _passwordToggled;
-    private _currentCharCount;
     constructor(_focusMonitor: FocusMonitor);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     focus(origin?: FocusOrigin, options?: FocusOptions): void;
     _togglePassword(): void;
     _onKeyUp(event: KeyboardEvent): void;
-    _onInput(event: KeyboardEvent): void;
+    _onInput(event: Event): void;
     protected _validateType(): void;
     private _applyCharacterCount;
     private _getInputElement;

package/lib/radio-button/radio-button.component.d.ts

@@ -24,7 +24,7 @@ export declare class GraniteRadioButtonComponent implements OnChanges, OnDestroy
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     focus(origin?: FocusOrigin, options?: FocusOptions): void;
-    _radioClick(targetValue: string): void;
+    _radioClick(element: Partial<HTMLInputElement>): void;
     _radioChange(): void;
     _onBlur(): void;
     private _getInputElement;

package/lib/toggle-switch/toggle-switch.component.d.ts

@@ -10,9 +10,9 @@ export declare class GraniteToggleSwitchComponent implements OnChanges {
     labelPosition: Position;
     ariaLabel: string | null;
     ariaLabelledby: string | null;
-    valueChange: EventEmitter<boolean>;
-    toggleChange: EventEmitter<void>;
-    toggleBlur: EventEmitter<void>;
+    readonly valueChange: EventEmitter<boolean>;
+    readonly toggleChange: EventEmitter<void>;
+    readonly toggleBlur: EventEmitter<void>;
     private _inputElement;
     _positionBefore: boolean;
     _toggleSwitchDisabled: boolean;

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@ifsworld/granite-components",
-  "version": "3.4.0",
+  "version": "3.5.2",
   "peerDependencies": {
     "@angular/cdk": ">=11.2.13",
     "@angular/common": ">=11.2.14",
     "@angular/core": ">=11.2.14",
-    "@ifsworld/granite-icons": "^0.0.6",
+    "@ifsworld/granite-icons": "^1.0.2",
     "@ifsworld/token-interfaces": "^1.0.0",
     "@ifsworld/granite-tokens": "^3.0.0",
     "rxjs": "~6.6.3",

package/src/lib/core/style/_tokens.scss

@@ -4,3 +4,10 @@ $layout-breakpoint-sm: 600px !default;
 $layout-breakpoint-md: 960px !default;
 $layout-breakpoint-lg: 1280px !default;
 $layout-breakpoint-xl: 1920px !default;
+
+// Remove these when correct rem based tokens are exposed from design tokens
+$granite-base-rem: 1rem;
+$granite-border-width-regular: 0.0625rem;
+$granite-radius-l: 1rem;
+$granite-radius-m: 0.5rem;
+$granite-radius-s: 0.25rem;