mis-crystal-design-system 18.0.16-test-7 → 18.0.17-test-1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mis-crystal-design-system",
-  "version": "18.0.16-test-7",
+  "version": "18.0.17-test-1",
   "peerDependencies": {
     "@angular/common": "*",
     "@angular/core": "*",
@@ -28,36 +28,36 @@
       "esm": "./esm2022/action-list/mis-crystal-design-system-action-list.mjs",
       "default": "./fesm2022/mis-crystal-design-system-action-list.mjs"
     },
+    "./analytics": {
+      "types": "./analytics/index.d.ts",
+      "esm2022": "./esm2022/analytics/mis-crystal-design-system-analytics.mjs",
+      "esm": "./esm2022/analytics/mis-crystal-design-system-analytics.mjs",
+      "default": "./fesm2022/mis-crystal-design-system-analytics.mjs"
+    },
     "./async-search-dropdown": {
       "types": "./async-search-dropdown/index.d.ts",
       "esm2022": "./esm2022/async-search-dropdown/mis-crystal-design-system-async-search-dropdown.mjs",
       "esm": "./esm2022/async-search-dropdown/mis-crystal-design-system-async-search-dropdown.mjs",
       "default": "./fesm2022/mis-crystal-design-system-async-search-dropdown.mjs"
     },
-    "./button": {
-      "types": "./button/index.d.ts",
-      "esm2022": "./esm2022/button/mis-crystal-design-system-button.mjs",
-      "esm": "./esm2022/button/mis-crystal-design-system-button.mjs",
-      "default": "./fesm2022/mis-crystal-design-system-button.mjs"
-    },
     "./checkbox": {
       "types": "./checkbox/index.d.ts",
       "esm2022": "./esm2022/checkbox/mis-crystal-design-system-checkbox.mjs",
       "esm": "./esm2022/checkbox/mis-crystal-design-system-checkbox.mjs",
       "default": "./fesm2022/mis-crystal-design-system-checkbox.mjs"
     },
+    "./button": {
+      "types": "./button/index.d.ts",
+      "esm2022": "./esm2022/button/mis-crystal-design-system-button.mjs",
+      "esm": "./esm2022/button/mis-crystal-design-system-button.mjs",
+      "default": "./fesm2022/mis-crystal-design-system-button.mjs"
+    },
     "./chip": {
       "types": "./chip/index.d.ts",
       "esm2022": "./esm2022/chip/mis-crystal-design-system-chip.mjs",
       "esm": "./esm2022/chip/mis-crystal-design-system-chip.mjs",
       "default": "./fesm2022/mis-crystal-design-system-chip.mjs"
     },
-    "./analytics": {
-      "types": "./analytics/index.d.ts",
-      "esm2022": "./esm2022/analytics/mis-crystal-design-system-analytics.mjs",
-      "esm": "./esm2022/analytics/mis-crystal-design-system-analytics.mjs",
-      "default": "./fesm2022/mis-crystal-design-system-analytics.mjs"
-    },
     "./datepicker_v2": {
       "types": "./datepicker_v2/index.d.ts",
       "esm2022": "./esm2022/datepicker_v2/mis-crystal-design-system-datepicker_v2.mjs",

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

@@ -1,29 +1,28 @@
 import { OnInit, EventEmitter } from "@angular/core";
-import { AbstractControl, ControlValueAccessor } from "@angular/forms";
+import { AbstractControl } from "@angular/forms";
 import * as i0 from "@angular/core";
-export declare class RadioButtonComponent implements OnInit, ControlValueAccessor {
+export declare class RadioButtonComponent implements OnInit {
+    /** When multiple radio input fields are used
+     * an "id" can be given to keep track of them */
     id: string | number;
+    /** Name of the attribute for which the radio
+     * selection is provided */
     name: string | number;
+    /** Value of the attribute which is to be emitted
+     * when selected */
     value: string | number;
-    set disabled(value: boolean);
-    get disabled(): boolean;
-    set formControl(control: AbstractControl | null);
-    get formControl(): AbstractControl;
-    private _formControl;
+    /** Controls the state of the radio button */
+    disabled: boolean;
+    /** Can be used to attach the radio input field
+     * to a reactive form by passing in a
+     * “FormControl“ Object. It can also be
+     * used to set the default attribute value */
+    formControl: AbstractControl;
+    /** Emits "value" of the radio button on selection */
     valueChange: EventEmitter<any>;
-    private _value;
-    private _disabled;
-    private onChange;
-    onTouched: () => void;
     constructor();
     ngOnInit(): void;
-    writeValue(value: any): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    setDisabledState(isDisabled: boolean): void;
-    onInputChange(event: any): void;
-    get currentValue(): any;
-    markAsTouched(): void;
+    onChange(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "mis-radio", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "formControl": { "alias": "formControl"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
 }

package/styles/mis-old-icon-styles.scss

@@ -1,498 +0,0 @@
-// @font-face {
-//     font-family: 'mis-icons';
-//     src: url('fonts/mis-icons.eot?nvmskr');
-//     src: url('fonts/mis-icons.eot?nvmskr#iefix') format('embedded-opentype'),
-//         url('fonts/mis-icons.ttf?nvmskr') format('truetype'),
-//         url('fonts/mis-icons.woff?nvmskr') format('woff'),
-//         url('fonts/mis-icons.svg?nvmskr#mis-icons') format('svg');
-//     font-weight: normal;
-//     font-style: normal;
-//     font-display: block;
-// }
-
-// [class^="ic-"],
-// [class*=" ic-"] {
-//     /* use !important to prevent issues with browser extensions that change fonts */
-//     font-family: 'mis-icons' !important;
-//     speak: never;
-//     font-style: normal;
-//     font-weight: normal;
-//     font-variant: normal;
-//     text-transform: none;
-//     line-height: 1;
-
-//     /* Better Font Rendering =========== */
-//     -webkit-font-smoothing: antialiased;
-//     -moz-osx-font-smoothing: grayscale;
-// }
-
-// .ic-navigation-arrow-left-24:before {
-//     content: "\e900";
-// }
-
-// .ic-navigation-arrow-right-24:before {
-//     content: "\e901";
-// }
-
-// .ic-action-filter-16:before {
-//     content: "\e902";
-// }
-
-// .ic-selection-Checkboxes-Active-selected .path1:before {
-//     content: "\e903";
-//     color: rgb(9, 55, 178);
-// }
-
-// .ic-selection-Checkboxes-Active-selected .path2:before {
-//     content: "\e904";
-//     margin-left: -1em;
-//     color: rgb(255, 255, 255);
-// }
-
-// .ic-selection-switch-Off-Enabled-24 .path1:before {
-//     content: "\e905";
-//     color: rgb(245, 245, 245);
-// }
-
-// .ic-selection-switch-Off-Enabled-24 .path2:before {
-//     content: "\e906";
-//     margin-left: -1em;
-//     color: rgb(255, 255, 255);
-// }
-
-// .ic-selection-switch-Off-Disabled-24 .path1:before {
-//     content: "\e907";
-//     color: rgb(224, 224, 224);
-// }
-
-// .ic-selection-switch-Off-Disabled-24 .path2:before {
-//     content: "\e908";
-//     margin-left: -1em;
-//     color: rgb(255, 255, 255);
-// }
-
-// .ic-selection-switch-On-Disabled-24 .path1:before {
-//     content: "\e909";
-//     color: rgb(224, 224, 224);
-// }
-
-// .ic-selection-switch-On-Disabled-24 .path2:before {
-//     content: "\e90a";
-//     margin-left: -1em;
-//     color: rgb(255, 255, 255);
-// }
-
-// .ic-selection-switch-On-Disabled-24 .path3:before {
-//     content: "\e90b";
-//     margin-left: -1em;
-//     color: rgb(146, 157, 171);
-// }
-
-// .ic-selection-switch-On-Enabled-24 .path1:before {
-//     content: "\e90c";
-//     color: rgb(224, 224, 224);
-// }
-
-// .ic-selection-switch-On-Enabled-24 .path2:before {
-//     content: "\e90d";
-//     margin-left: -1em;
-//     color: rgb(255, 255, 255);
-// }
-
-// .ic-selection-switch-On-Enabled-24 .path3:before {
-//     content: "\e90e";
-//     margin-left: -1em;
-//     color: rgb(9, 55, 178);
-// }
-
-// .ic-selection-radio-Disabled-Unselected-24:before {
-//     content: "\e90f";
-//     color: #929dab;
-// }
-
-// .ic-selection-radio-Active-Unselected-24:before {
-//     content: "\e910";
-//     color: #6a737d;
-// }
-
-// .ic-selection-radio-Disabled-Selected-24:before {
-//     content: "\e911";
-//     color: #929dab;
-// }
-
-// .ic-selection-radio-Active-Selected-24:before {
-//     content: "\e912";
-//     color: #0937b2;
-// }
-
-// .ic-selection-checkbox-Disabled-Neutral-24:before {
-//     content: "\e913";
-//     color: #929dab;
-// }
-
-// .ic-selection-checkbox-Active-Neutral-24 .path1:before {
-//     content: "\e914";
-//     color: rgb(9, 55, 178);
-// }
-
-// .ic-selection-checkbox-Active-Neutral-24 .path2:before {
-//     content: "\e915";
-//     margin-left: -1em;
-//     color: rgb(255, 255, 255);
-// }
-
-// .ic-selection-checkbox-disabled-selected-24 .path1:before {
-//     content: "\e918";
-//     color: rgb(200, 205, 211);
-// }
-
-// .ic-selection-checkbox-disabled-selected-24 .path2:before {
-//     content: "\e919";
-//     margin-left: -1em;
-//     color: rgb(255, 255, 255);
-// }
-
-// .ic-navigation-cancel-24:before {
-//     content: "\e91a";
-// }
-
-// .ic-navigation-chevron-right-24:before {
-//     content: "\e91b";
-// }
-
-// .ic-navigation-chevron-left-24:before {
-//     content: "\e91c";
-// }
-
-// .ic-navigation-drop-down-24:before {
-//     content: "\e91d";
-// }
-
-// .ic-navigation-expand-less-24:before {
-//     content: "\e91e";
-// }
-
-// .ic-action-cached-24:before {
-//     content: "\e91f";
-// }
-
-// .ic-ui-download-24:before {
-//     content: "\e920";
-//     color: #0937b2;
-// }
-
-// .ic-ui-location-24:before {
-//     content: "\e921";
-// }
-
-// .ic-ui-location-searching-24:before {
-//     content: "\e922";
-// }
-
-// .ic-ui-contact-support-24:before {
-//     content: "\e923";
-// }
-
-// .ic-ui-trend-up-24:before {
-//     content: "\e924";
-//     color: #4caf50;
-// }
-
-// .ic-ui-error-24:before {
-//     content: "\e925";
-//     color: #b00020;
-// }
-
-// .ic-ui-trend-down-24:before {
-//     content: "\e926";
-//     color: #b00020;
-// }
-
-// .ic-ui-success-24:before {
-//     content: "\e927";
-//     color: #4caf50;
-// }
-
-// .ic-ui-check-24:before {
-//     content: "\e928";
-// }
-
-// .ic-ui-warning-24:before {
-//     content: "\e929";
-//     color: #ff9d00;
-// }
-
-// .ic-rep-stay_primary_portrait-24:before {
-//     content: "\e92a";
-// }
-
-// .ic-rep-email-24:before {
-//     content: "\e92b";
-// }
-
-// .ic-rep-night-24:before {
-//     content: "\e92c";
-//     color: #929dab;
-// }
-
-// .ic-rep-cab-24:before {
-//     content: "\e92e";
-// }
-
-// .ic-rep-local_parking-24:before {
-//     content: "\e92f";
-// }
-
-// .ic-rep-restaurant-24:before {
-//     content: "\e930";
-// }
-
-// .ic-rep-calendar2-24:before {
-//     content: "\e931";
-// }
-
-// .ic-rep-home-24:before {
-//     content: "\e932";
-// }
-
-// .ic-rep-qr-24:before {
-//     content: "\e933";
-// }
-
-// .ic-rep-calender-24:before {
-//     content: "\e934";
-// }
-
-// .ic-rep-bus-24:before {
-//     content: "\e935";
-// }
-
-// .ic-rep-team-24:before {
-//     content: "\e936";
-// }
-
-// .ic-rep-office-24:before {
-//     content: "\e937";
-// }
-
-// .ic-sidebar-home-24:before {
-//     content: "\e938";
-// }
-
-// .ic-side-bar-work-planner-24:before {
-//     content: "\e93a";
-// }
-
-// .ic-side-bar-office-24:before {
-//     content: "\e93b";
-// }
-
-// .ic-side-bar-seat-mgmt-24:before {
-//     content: "\e93c";
-// }
-
-// .ic-sidebar-floor-plan-24:before {
-//     content: "\e93d";
-// }
-
-// .ic-side-bar-team-24:before {
-//     content: "\e93e";
-// }
-
-// .ic-side-bar-user-24:before {
-//     content: "\e93f";
-// }
-
-// .ic-side-bar-qr-mgmt-24:before {
-//     content: "\e940";
-// }
-
-// .ic-side-bar-utilisation-24:before {
-//     content: "\e941";
-// }
-
-// .ic-side-bar-settings-24:before {
-//     content: "\e942";
-// }
-
-// .ic-side-bar-report-24:before {
-//     content: "\e943";
-// }
-
-// .ic-side-bar-upload-24:before {
-//     content: "\e944";
-// }
-
-// .ic-side-bar-cancelled-24:before {
-//     content: "\e945";
-// }
-
-// .ic-side-bar-unplanned-24:before {
-//     content: "\e946";
-// }
-
-// .ic-side-bar-meetingroom-24:before {
-//     content: "\e947";
-// }
-
-// .ic-mouse-cursor:before {
-//     content: "\e948";
-// }
-
-// .ic-mouse-cursor-2 .path1:before {
-//     content: "\e949";
-//     color: rgb(255, 255, 255);
-// }
-
-// .ic-mouse-cursor-2 .path2:before {
-//     content: "\e94a";
-//     margin-left: -1em;
-//     color: rgb(24, 31, 51);
-// }
-
-// .ic-action-favorite-24:before {
-//     content: "\e94b";
-// }
-
-// .ic-action-see-more-24 .path1:before {
-//     content: "\e94c";
-//     color: rgb(224, 224, 224);
-// }
-
-// .ic-action-see-more-24 .path2:before {
-//     content: "\e94d";
-//     margin-left: -1em;
-//     color: rgb(24, 31, 51);
-// }
-
-// .ic-action-more-vert-24:before {
-//     content: "\e94e";
-// }
-
-// .ic-action-search-24:before {
-//     content: "\e94f";
-//     color: #6a737d;
-// }
-
-// .ic-action-edit-24:before {
-//     content: "\e950";
-// }
-
-// .ic-action-filter-24:before {
-//     content: "\e951";
-// }
-
-// .ic-action-visibility-24:before {
-//     content: "\e952";
-//     color: #6a737d;
-// }
-
-// .ic-action-visibility-off-24:before {
-//     content: "\e953";
-//     color: #6a737d;
-// }
-
-// .ic-action-qr-24:before {
-//     content: "\e954";
-// }
-
-// .ic-action-delete-24:before {
-//     content: "\e955";
-// }
-
-// .ic-action-history-24:before {
-//     content: "\e956";
-// }
-
-// .ic-action-share-24:before {
-//     content: "\e957";
-// }
-
-// .ic-action-add-24:before {
-//     content: "\e958";
-// }
-
-// .ic-action-remove-24:before {
-//     content: "\e959";
-// }
-
-// .ic-action-download-24:before {
-//     content: "\e95a";
-// }
-
-// .ic-action-upload-24:before {
-//     content: "\e95b";
-// }
-
-// .ic-action-logout-24:before {
-//     content: "\e95c";
-// }
-
-// .ic-action-menu-24:before {
-//     content: "\e95d";
-// }
-
-// .ic-action-notifications-24:before {
-//     content: "\e95e";
-// }
-
-// .ic-action-more-horiz-24 .path1:before {
-//     content: "\e95f";
-//     color: rgb(224, 224, 224);
-// }
-
-// .ic-action-more-horiz-24 .path2:before {
-//     content: "\e960";
-//     margin-left: -1em;
-//     color: rgb(24, 31, 51);
-// }
-
-// .ic-action-print-24:before {
-//     content: "\e961";
-// }
-
-// .ic-action-shift-time-24:before {
-//     content: "\e962";
-// }
-
-// .ic-action-refresh-24:before {
-//     content: "\e963";
-// }
-
-// .ic-action-invite-24:before {
-//     content: "\e964";
-// }
-
-// .ic-action-sort-24:before {
-//     content: "\e965";
-// }
-
-// .ic-plus-5:before {
-//     content: "\e966";
-//     color: #0937b2;
-// }
-
-// .ic-plus-4:before {
-//     content: "\e967";
-//     color: #0937b2;
-// }
-
-// .ic-plus-3:before {
-//     content: "\e968";
-//     color: #fff;
-// }
-
-// .ic-plus-2:before {
-//     content: "\e969";
-//     color: #fff;
-// }
-
-// .ic-plus-1:before {
-//     content: "\e96a";
-//     color: #fff;
-// }
-
-// .ic-plus:before {
-//     content: "\e96b";
-//     color: #929dab;
-// }