@ifsworld/granite-components 3.5.0 → 3.6.0

package/index.d.ts

@@ -22,6 +22,7 @@ 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/radio-button/radio-group.component';
 export * from './lib/checkbox/checkbox.module';
 export * from './lib/checkbox/checkbox.component';
 export * from './lib/button/button.module';

package/lib/core/radio-checkbox-base.d.ts

@@ -0,0 +1,5 @@
+import { Layout } from './types';
+export declare abstract class GraniteRadioCheckboxBase {
+    layout: Layout;
+    ariaLabelledby: string | null;
+}

package/lib/core/types.d.ts

@@ -1 +1,2 @@
 export declare type Position = 'before' | 'after';
+export declare type Layout = 'horizontal' | 'vertical';

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/radio-button/radio-group.component.d.ts

@@ -0,0 +1,3 @@
+import { GraniteRadioCheckboxBase } from '../core/radio-checkbox-base';
+export declare class GraniteRadioGroupComponent extends GraniteRadioCheckboxBase {
+}

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.5.0",
+  "version": "3.6.0",
   "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;