@mozaic-ds/angular 0.24.0-beta.4 → 0.24.0-beta.6

package/adeo/assets/tokens/adeo/ios/StyleDictionaryColor.m

@@ -349,6 +349,9 @@
 [UIColor colorWithRed:0.098f green:0.098f blue:0.098f alpha:1.000f],
 [UIColor colorWithRed:0.902f green:0.902f blue:0.902f alpha:1.000f],
 [UIColor colorWithRed:0.800f green:0.800f blue:0.800f alpha:1.000f],
+[UIColor colorWithRed:0.098f green:0.098f blue:0.098f alpha:1.000f],
+[UIColor colorWithRed:1.000f green:1.000f blue:1.000f alpha:1.000f],
+[UIColor colorWithRed:0.000f green:0.498f blue:0.549f alpha:1.000f],
 [UIColor colorWithRed:0.000f green:0.498f blue:0.549f alpha:1.000f],
 [UIColor colorWithRed:0.933f green:0.929f blue:0.918f alpha:1.000f],
 [UIColor colorWithRed:0.867f green:0.863f blue:0.835f alpha:1.000f],

package/adeo/assets/tokens/adeo/ios/StyleDictionaryColor.swift

@@ -248,6 +248,9 @@ public class StyleDictionaryColor {
     public static let colorListboxTileBorder = UIColor(red: 0.702, green: 0.702, blue: 0.702, alpha: 1)
     public static let colorListboxTileHoverBackground = UIColor(red: 0.902, green: 0.902, blue: 0.902, alpha: 1)
     public static let colorListboxTileShadow = UIColor(red: 0.098, green: 0.098, blue: 0.098, alpha: 1)
+    public static let colorLoaderDark = UIColor(red: 0.098, green: 0.098, blue: 0.098, alpha: 1)
+    public static let colorLoaderLight = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
+    public static let colorLoaderPrimary = UIColor(red: 0.000, green: 0.498, blue: 0.549, alpha: 1)
     public static let colorMenuActive = UIColor(red: 0.867, green: 0.863, blue: 0.835, alpha: 1)
     public static let colorMenuHover = UIColor(red: 0.933, green: 0.929, blue: 0.918, alpha: 1)
     public static let colorMenuIsActive = UIColor(red: 0.000, green: 0.498, blue: 0.549, alpha: 1)
@@ -302,8 +305,8 @@ public class StyleDictionaryColor {
     public static let colorPrimary02900 = UIColor(red: 0.090, green: 0.106, blue: 0.149, alpha: 1)
     public static let colorProgressBackground = UIColor(red: 0.804, green: 0.831, blue: 0.847, alpha: 1)
     public static let colorProgressIndicator = UIColor(red: 0.000, green: 0.498, blue: 0.549, alpha: 1)
+    public static let colorProgressPercentageBackground = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
     public static let colorProgressPercentageDefault = UIColor(red: 0.098, green: 0.098, blue: 0.098, alpha: 1)
-    public static let colorProgressPercentageHalf = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
     public static let colorSecondaryBlue100 = UIColor(red: 0.918, green: 0.929, blue: 0.937, alpha: 1)
     public static let colorSecondaryBlue200 = UIColor(red: 0.804, green: 0.831, blue: 0.847, alpha: 1)
     public static let colorSecondaryBlue300 = UIColor(red: 0.690, green: 0.733, blue: 0.753, alpha: 1)

package/adeo/assets/tokens/adeo/js/tokens.js

@@ -333,6 +333,9 @@ export const ColorListboxTileBorder = "#b3b3b3";
 export const ColorListboxTileShadow = "#191919";
 export const ColorListboxTileHoverBackground = "#e6e6e6";
 export const ColorListboxDisabledBackground = "#cccccc";
+export const ColorLoaderDark = "#191919";
+export const ColorLoaderLight = "#ffffff";
+export const ColorLoaderPrimary = "#007f8c";
 export const ColorMenuIsActive = "#007f8c";
 export const ColorMenuHover = "#eeedea";
 export const ColorMenuActive = "#dddcd5";
@@ -370,7 +373,7 @@ export const ColorPhoneNumberItemFocusBackground = "#e6e6e6";
 export const ColorProgressBackground = "#cdd4d8";
 export const ColorProgressIndicator = "#007f8c";
 export const ColorProgressPercentageDefault = "#191919";
-export const ColorProgressPercentageHalf = "#ffffff";
+export const ColorProgressPercentageBackground = "#ffffff";
 export const ColorSegmentedControlIsActive = "#007f8c";
 export const ColorSegmentedControlHover = "#eeedea";
 export const ColorSegmentedControlActive = "#dddcd5";

package/adeo/assets/tokens/adeo/js/tokensObject.js

@@ -7053,6 +7053,65 @@ module.exports = {
         }
       }
     },
+    "loader": {
+      "dark": {
+        "value": "#191919",
+        "filePath": "node_modules/@mozaic-ds/tokens/properties/color/loader.json",
+        "isSource": true,
+        "original": {
+          "value": "{color.grey.900.value}"
+        },
+        "name": "ColorLoaderDark",
+        "attributes": {
+          "category": "color",
+          "type": "loader",
+          "item": "dark"
+        },
+        "path": [
+          "color",
+          "loader",
+          "dark"
+        ]
+      },
+      "light": {
+        "value": "#ffffff",
+        "filePath": "node_modules/@mozaic-ds/tokens/properties/color/loader.json",
+        "isSource": true,
+        "original": {
+          "value": "{color.grey.000.value}"
+        },
+        "name": "ColorLoaderLight",
+        "attributes": {
+          "category": "color",
+          "type": "loader",
+          "item": "light"
+        },
+        "path": [
+          "color",
+          "loader",
+          "light"
+        ]
+      },
+      "primary": {
+        "value": "#007f8c",
+        "filePath": "node_modules/@mozaic-ds/tokens/properties/color/loader.json",
+        "isSource": true,
+        "original": {
+          "value": "{color.primary-01.600.value}"
+        },
+        "name": "ColorLoaderPrimary",
+        "attributes": {
+          "category": "color",
+          "type": "loader",
+          "item": "primary"
+        },
+        "path": [
+          "color",
+          "loader",
+          "primary"
+        ]
+      }
+    },
     "menu": {
       "is-active": {
         "value": "#007f8c",
@@ -7898,25 +7957,25 @@ module.exports = {
             "default"
           ]
         },
-        "half": {
+        "background": {
           "value": "#ffffff",
-          "filePath": "node_modules/@mozaic-ds/tokens/AdeoProperties/color/progressbar.json",
+          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/progressbar.json",
           "isSource": true,
           "original": {
             "value": "{color.grey.000.value}"
           },
-          "name": "ColorProgressPercentageHalf",
+          "name": "ColorProgressPercentageBackground",
           "attributes": {
             "category": "color",
             "type": "progress",
             "item": "percentage",
-            "subitem": "half"
+            "subitem": "background"
           },
           "path": [
             "color",
             "progress",
             "percentage",
-            "half"
+            "background"
           ]
         }
       }

package/adeo/assets/tokens/adeo/scss/_tokens.scss

@@ -334,6 +334,9 @@ $color-listbox-tile-border: #b3b3b3 !default;
 $color-listbox-tile-shadow: #191919 !default;
 $color-listbox-tile-hover-background: #e6e6e6 !default;
 $color-listbox-disabled-background: #cccccc !default;
+$color-loader-dark: #191919 !default;
+$color-loader-light: #ffffff !default;
+$color-loader-primary: #007f8c !default;
 $color-menu-is-active: #007f8c !default;
 $color-menu-hover: #eeedea !default;
 $color-menu-active: #dddcd5 !default;
@@ -371,7 +374,7 @@ $color-phone-number-item-focus-background: #e6e6e6 !default;
 $color-progress-background: #cdd4d8 !default;
 $color-progress-indicator: #007f8c !default;
 $color-progress-percentage-default: #191919 !default;
-$color-progress-percentage-half: #ffffff !default;
+$color-progress-percentage-background: #ffffff !default;
 $color-segmented-control-is-active: #007f8c !default;
 $color-segmented-control-hover: #eeedea !default;
 $color-segmented-control-active: #dddcd5 !default;
@@ -1152,6 +1155,11 @@ $tokens: (
         'background': $color-listbox-disabled-background
       )
     ),
+    'loader': (
+      'dark': $color-loader-dark,
+      'light': $color-loader-light,
+      'primary': $color-loader-primary
+    ),
     'menu': (
       'is-active': $color-menu-is-active,
       'hover': $color-menu-hover,
@@ -1253,7 +1261,7 @@ $tokens: (
       'indicator': $color-progress-indicator,
       'percentage': (
         'default': $color-progress-percentage-default,
-        'half': $color-progress-percentage-half
+        'background': $color-progress-percentage-background
       )
     ),
     'segmented-control': (

package/adeo/assets/tokens/bricoman/android/colors.xml

@@ -336,6 +336,9 @@
   <color name="color_listbox_tile_shadow">#ff191919</color>
   <color name="color_listbox_tile_hover_background">#ffe6e6e6</color>
   <color name="color_listbox_disabled_background">#ffcccccc</color>
+  <color name="color_loader_dark">#ff191919</color>
+  <color name="color_loader_light">#ffffffff</color>
+  <color name="color_loader_primary">#ffff5800</color>
   <color name="color_menu_is_active">#ff373de7</color>
   <color name="color_menu_hover">#ffffe1d1</color>
   <color name="color_menu_active">#ffffab80</color>
@@ -373,7 +376,7 @@
   <color name="color_progress_background">#ffcccccc</color>
   <color name="color_progress_indicator">#ffff5800</color>
   <color name="color_progress_percentage_default">#ff191919</color>
-  <color name="color_progress_percentage_half">#ffffffff</color>
+  <color name="color_progress_percentage_background">#ffffffff</color>
   <color name="color_segmented_control_is_active">#ff373de7</color>
   <color name="color_segmented_control_hover">#ffffe1d1</color>
   <color name="color_segmented_control_active">#ffffab80</color>

package/adeo/assets/tokens/bricoman/css/_variables.scss

@@ -332,6 +332,9 @@ $color-listbox-tile-border: var(--color-listbox-tile-border, #b3b3b3);
 $color-listbox-tile-shadow: var(--color-listbox-tile-shadow, #191919);
 $color-listbox-tile-hover-background: var(--color-listbox-tile-hover-background, #e6e6e6);
 $color-listbox-disabled-background: var(--color-listbox-disabled-background, #cccccc);
+$color-loader-dark: var(--color-loader-dark, #191919);
+$color-loader-light: var(--color-loader-light, #ffffff);
+$color-loader-primary: var(--color-loader-primary, #ff5800);
 $color-menu-is-active: var(--color-menu-is-active, #373de7);
 $color-menu-hover: var(--color-menu-hover, #ffe1d1);
 $color-menu-active: var(--color-menu-active, #ffab80);
@@ -369,7 +372,7 @@ $color-phone-number-item-focus-background: var(--color-phone-number-item-focus-b
 $color-progress-background: var(--color-progress-background, #cccccc);
 $color-progress-indicator: var(--color-progress-indicator, #ff5800);
 $color-progress-percentage-default: var(--color-progress-percentage-default, #191919);
-$color-progress-percentage-half: var(--color-progress-percentage-half, #ffffff);
+$color-progress-percentage-background: var(--color-progress-percentage-background, #ffffff);
 $color-segmented-control-is-active: var(--color-segmented-control-is-active, #373de7);
 $color-segmented-control-hover: var(--color-segmented-control-hover, #ffe1d1);
 $color-segmented-control-active: var(--color-segmented-control-active, #ffab80);

package/adeo/assets/tokens/bricoman/css/root.scss

@@ -214,7 +214,7 @@
   --color-segmented-control-active: var(--color-primary-02-200);
   --color-segmented-control-hover: var(--color-primary-02-100);
   --color-segmented-control-is-active: var(--color-primary-01-600);
-  --color-progress-percentage-half: var(--color-grey-000);
+  --color-progress-percentage-background: var(--color-grey-000);
   --color-progress-percentage-default: var(--color-grey-900);
   --color-progress-indicator: var(--color-primary-02-400);
   --color-progress-background: var(--color-grey-200);
@@ -252,6 +252,9 @@
   --color-menu-active: var(--color-primary-02-200);
   --color-menu-hover: var(--color-primary-02-100);
   --color-menu-is-active: var(--color-primary-01-600);
+  --color-loader-primary: var(--color-primary-02-400);
+  --color-loader-light: var(--color-grey-000);
+  --color-loader-dark: var(--color-grey-900);
   --color-listbox-disabled-background: var(--color-grey-200);
   --color-listbox-tile-hover-background: var(--color-grey-100);
   --color-listbox-tile-shadow: var(--color-grey-900);

package/adeo/assets/tokens/bricoman/ios/StyleDictionaryColor.h

@@ -340,6 +340,9 @@ ColorListboxTileBorder,
 ColorListboxTileShadow,
 ColorListboxTileHoverBackground,
 ColorListboxDisabledBackground,
+ColorLoaderDark,
+ColorLoaderLight,
+ColorLoaderPrimary,
 ColorMenuIsActive,
 ColorMenuHover,
 ColorMenuActive,
@@ -377,7 +380,7 @@ ColorPhoneNumberItemFocusBackground,
 ColorProgressBackground,
 ColorProgressIndicator,
 ColorProgressPercentageDefault,
-ColorProgressPercentageHalf,
+ColorProgressPercentageBackground,
 ColorSegmentedControlIsActive,
 ColorSegmentedControlHover,
 ColorSegmentedControlActive,

package/adeo/assets/tokens/bricoman/ios/StyleDictionaryColor.m

@@ -351,6 +351,9 @@
 [UIColor colorWithRed:0.098f green:0.098f blue:0.098f alpha:1.000f],
 [UIColor colorWithRed:0.902f green:0.902f blue:0.902f alpha:1.000f],
 [UIColor colorWithRed:0.800f green:0.800f blue:0.800f alpha:1.000f],
+[UIColor colorWithRed:0.098f green:0.098f blue:0.098f alpha:1.000f],
+[UIColor colorWithRed:1.000f green:1.000f blue:1.000f alpha:1.000f],
+[UIColor colorWithRed:1.000f green:0.345f blue:0.000f alpha:1.000f],
 [UIColor colorWithRed:0.216f green:0.239f blue:0.906f alpha:1.000f],
 [UIColor colorWithRed:1.000f green:0.882f blue:0.820f alpha:1.000f],
 [UIColor colorWithRed:1.000f green:0.671f blue:0.502f alpha:1.000f],

package/adeo/assets/tokens/bricoman/ios/StyleDictionaryColor.swift

@@ -250,6 +250,9 @@ public class StyleDictionaryColor {
     public static let colorListboxTileBorder = UIColor(red: 0.702, green: 0.702, blue: 0.702, alpha: 1)
     public static let colorListboxTileHoverBackground = UIColor(red: 0.902, green: 0.902, blue: 0.902, alpha: 1)
     public static let colorListboxTileShadow = UIColor(red: 0.098, green: 0.098, blue: 0.098, alpha: 1)
+    public static let colorLoaderDark = UIColor(red: 0.098, green: 0.098, blue: 0.098, alpha: 1)
+    public static let colorLoaderLight = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
+    public static let colorLoaderPrimary = UIColor(red: 1.000, green: 0.345, blue: 0.000, alpha: 1)
     public static let colorMenuActive = UIColor(red: 1.000, green: 0.671, blue: 0.502, alpha: 1)
     public static let colorMenuHover = UIColor(red: 1.000, green: 0.882, blue: 0.820, alpha: 1)
     public static let colorMenuIsActive = UIColor(red: 0.216, green: 0.239, blue: 0.906, alpha: 1)
@@ -304,8 +307,8 @@ public class StyleDictionaryColor {
     public static let colorPrimary02900 = UIColor(red: 0.259, green: 0.090, blue: 0.000, alpha: 1)
     public static let colorProgressBackground = UIColor(red: 0.800, green: 0.800, blue: 0.800, alpha: 1)
     public static let colorProgressIndicator = UIColor(red: 1.000, green: 0.345, blue: 0.000, alpha: 1)
+    public static let colorProgressPercentageBackground = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
     public static let colorProgressPercentageDefault = UIColor(red: 0.098, green: 0.098, blue: 0.098, alpha: 1)
-    public static let colorProgressPercentageHalf = UIColor(red: 1.000, green: 1.000, blue: 1.000, alpha: 1)
     public static let colorSecondaryBlue100 = UIColor(red: 0.855, green: 0.937, blue: 0.969, alpha: 1)
     public static let colorSecondaryBlue200 = UIColor(red: 0.655, green: 0.851, blue: 0.929, alpha: 1)
     public static let colorSecondaryBlue300 = UIColor(red: 0.451, green: 0.765, blue: 0.886, alpha: 1)

package/adeo/assets/tokens/bricoman/js/tokens.js

@@ -335,6 +335,9 @@ export const ColorListboxTileBorder = "#b3b3b3";
 export const ColorListboxTileShadow = "#191919";
 export const ColorListboxTileHoverBackground = "#e6e6e6";
 export const ColorListboxDisabledBackground = "#cccccc";
+export const ColorLoaderDark = "#191919";
+export const ColorLoaderLight = "#ffffff";
+export const ColorLoaderPrimary = "#ff5800";
 export const ColorMenuIsActive = "#373de7";
 export const ColorMenuHover = "#ffe1d1";
 export const ColorMenuActive = "#ffab80";
@@ -372,7 +375,7 @@ export const ColorPhoneNumberItemFocusBackground = "#e6e6e6";
 export const ColorProgressBackground = "#cccccc";
 export const ColorProgressIndicator = "#ff5800";
 export const ColorProgressPercentageDefault = "#191919";
-export const ColorProgressPercentageHalf = "#ffffff";
+export const ColorProgressPercentageBackground = "#ffffff";
 export const ColorSegmentedControlIsActive = "#373de7";
 export const ColorSegmentedControlHover = "#ffe1d1";
 export const ColorSegmentedControlActive = "#ffab80";

package/adeo/assets/tokens/bricoman/js/tokensObject.js

@@ -7097,6 +7097,65 @@ module.exports = {
         }
       }
     },
+    "loader": {
+      "dark": {
+        "value": "#191919",
+        "filePath": "node_modules/@mozaic-ds/tokens/properties/color/loader.json",
+        "isSource": true,
+        "original": {
+          "value": "{color.grey.900.value}"
+        },
+        "name": "ColorLoaderDark",
+        "attributes": {
+          "category": "color",
+          "type": "loader",
+          "item": "dark"
+        },
+        "path": [
+          "color",
+          "loader",
+          "dark"
+        ]
+      },
+      "light": {
+        "value": "#ffffff",
+        "filePath": "node_modules/@mozaic-ds/tokens/properties/color/loader.json",
+        "isSource": true,
+        "original": {
+          "value": "{color.grey.000.value}"
+        },
+        "name": "ColorLoaderLight",
+        "attributes": {
+          "category": "color",
+          "type": "loader",
+          "item": "light"
+        },
+        "path": [
+          "color",
+          "loader",
+          "light"
+        ]
+      },
+      "primary": {
+        "value": "#ff5800",
+        "filePath": "node_modules/@mozaic-ds/tokens/BricomanProperties/color/loader.json",
+        "isSource": true,
+        "original": {
+          "value": "{color.primary-02.400.value}"
+        },
+        "name": "ColorLoaderPrimary",
+        "attributes": {
+          "category": "color",
+          "type": "loader",
+          "item": "primary"
+        },
+        "path": [
+          "color",
+          "loader",
+          "primary"
+        ]
+      }
+    },
     "menu": {
       "is-active": {
         "value": "#373de7",
@@ -7942,25 +8001,25 @@ module.exports = {
             "default"
           ]
         },
-        "half": {
+        "background": {
           "value": "#ffffff",
-          "filePath": "node_modules/@mozaic-ds/tokens/BricomanProperties/color/progressbar.json",
+          "filePath": "node_modules/@mozaic-ds/tokens/properties/color/progressbar.json",
           "isSource": true,
           "original": {
             "value": "{color.grey.000.value}"
           },
-          "name": "ColorProgressPercentageHalf",
+          "name": "ColorProgressPercentageBackground",
           "attributes": {
             "category": "color",
             "type": "progress",
             "item": "percentage",
-            "subitem": "half"
+            "subitem": "background"
           },
           "path": [
             "color",
             "progress",
             "percentage",
-            "half"
+            "background"
           ]
         }
       }

package/adeo/assets/tokens/bricoman/scss/_tokens.scss

@@ -336,6 +336,9 @@ $color-listbox-tile-border: #b3b3b3 !default;
 $color-listbox-tile-shadow: #191919 !default;
 $color-listbox-tile-hover-background: #e6e6e6 !default;
 $color-listbox-disabled-background: #cccccc !default;
+$color-loader-dark: #191919 !default;
+$color-loader-light: #ffffff !default;
+$color-loader-primary: #ff5800 !default;
 $color-menu-is-active: #373de7 !default;
 $color-menu-hover: #ffe1d1 !default;
 $color-menu-active: #ffab80 !default;
@@ -373,7 +376,7 @@ $color-phone-number-item-focus-background: #e6e6e6 !default;
 $color-progress-background: #cccccc !default;
 $color-progress-indicator: #ff5800 !default;
 $color-progress-percentage-default: #191919 !default;
-$color-progress-percentage-half: #ffffff !default;
+$color-progress-percentage-background: #ffffff !default;
 $color-segmented-control-is-active: #373de7 !default;
 $color-segmented-control-hover: #ffe1d1 !default;
 $color-segmented-control-active: #ffab80 !default;
@@ -1148,6 +1151,11 @@ $tokens: (
         'background': $color-listbox-disabled-background
       )
     ),
+    'loader': (
+      'dark': $color-loader-dark,
+      'light': $color-loader-light,
+      'primary': $color-loader-primary
+    ),
     'menu': (
       'is-active': $color-menu-is-active,
       'hover': $color-menu-hover,
@@ -1249,7 +1257,7 @@ $tokens: (
       'indicator': $color-progress-indicator,
       'percentage': (
         'default': $color-progress-percentage-default,
-        'half': $color-progress-percentage-half
+        'background': $color-progress-percentage-background
       )
     ),
     'segmented-control': (

package/adeo/components/accordion/accordion.component.d.ts

@@ -0,0 +1,13 @@
+import { AccordionSize } from './accordion';
+import * as i0 from "@angular/core";
+export declare class AccordionComponent {
+    isOpen: boolean;
+    disabled: boolean;
+    noPadding: boolean;
+    size: AccordionSize;
+    get isHidden(): boolean;
+    get isSizeS(): boolean;
+    changeState(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionComponent, "moz-accordion", never, { "isOpen": "isOpen"; "disabled": "disabled"; "noPadding": "noPadding"; "size": "size"; }, {}, never, ["[beforeLabel]", "[label]", "[afterLabel]", "[content]"], false, never>;
+}

package/adeo/components/accordion/accordion.d.ts

@@ -0,0 +1 @@
+export type AccordionSize = 'm' | 's';

package/adeo/components/accordion/accordion.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./accordion.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+export declare class AccordionModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AccordionModule, [typeof i1.AccordionComponent], [typeof i2.CommonModule, typeof i3.FormsModule], [typeof i1.AccordionComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AccordionModule>;
+}

package/adeo/components/accordion/index.d.ts

@@ -0,0 +1,2 @@
+export * from './accordion.module';
+export * from './accordion.component';

package/adeo/components/checkbox/checkbox.component.d.ts

@@ -1,14 +1,17 @@
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare const CHECKBOX_CONTROL_VALUE_ACCESSOR: any;
 export declare class CheckboxComponent implements ControlValueAccessor {
+    private cd;
     disabled: boolean;
     indeterminate: boolean;
     invalid: boolean;
+    private toggleEvent;
     private _checked;
     get checked(): boolean;
-    checkboxId: string;
-    constructor();
+    id?: string;
+    constructor(cd: ChangeDetectorRef);
     set checked(v: boolean);
     writeValue(value: any): void;
     registerOnChange(fn: any): void;
@@ -16,6 +19,8 @@ export declare class CheckboxComponent implements ControlValueAccessor {
     onChange: any;
     onTouch: any;
     toggle(): void;
+    refreshView(): void;
+    getToggleEvent(): EventEmitter<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "moz-checkbox", never, { "disabled": "disabled"; "indeterminate": "indeterminate"; "invalid": "invalid"; "checked": "checked"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "moz-checkbox", never, { "disabled": "disabled"; "indeterminate": "indeterminate"; "invalid": "invalid"; "id": "id"; "checked": "checked"; }, {}, never, ["*"], false, never>;
 }

package/adeo/components/checkbox-group/checkbox-group.component.d.ts

@@ -0,0 +1,27 @@
+import { Injector, OnInit, QueryList } from '@angular/core';
+import { ControlValueAccessor, FormControl } from '@angular/forms';
+import { CheckboxComponent } from '../checkbox/checkbox.component';
+import * as i0 from "@angular/core";
+export declare class CheckboxGroupComponent implements OnInit, ControlValueAccessor {
+    private injector;
+    legend: string;
+    requirementText: string;
+    helpId: string;
+    helpText: string;
+    inline: boolean;
+    control: FormControl;
+    onCheckboxGroupChange: any;
+    onCheckboxGroupTouch: any;
+    checkboxSelectedId?: string[];
+    checkboxComponents?: QueryList<CheckboxComponent>;
+    constructor(injector: Injector);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    updateOptionCardChecked(checkboxSelected?: string[]): void;
+    writeValue(selectedCheckboxGroup?: string[]): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    selectedCheckboxGroupEvent(selectedCheckboxId: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxGroupComponent, "moz-checkbox-group", never, { "legend": "legend"; "requirementText": "requirementText"; "helpId": "helpId"; "helpText": "helpText"; "inline": "inline"; }, {}, ["checkboxComponents"], ["*"], false, never>;
+}

package/adeo/components/checkbox-group/checkbox-group.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./checkbox-group.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../checkbox/checkbox.module";
+import * as i4 from "@angular/forms";
+export declare class CheckboxGroupModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxGroupModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CheckboxGroupModule, [typeof i1.CheckboxGroupComponent], [typeof i2.CommonModule, typeof i3.CheckboxModule, typeof i4.FormsModule], [typeof i1.CheckboxGroupComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CheckboxGroupModule>;
+}

package/adeo/components/checkbox-group/index.d.ts

@@ -0,0 +1,2 @@
+export * from './checkbox-group.component';
+export * from './checkbox-group.module';

package/adeo/components/dividers/divider.component.d.ts

@@ -0,0 +1,9 @@
+import { DividerPosition, DividerSize, DividerType } from './model/divider';
+import * as i0 from "@angular/core";
+export declare class DividerComponent {
+    type?: DividerType;
+    position?: DividerPosition;
+    size?: DividerSize;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DividerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DividerComponent, "moz-dividers", never, { "type": "type"; "position": "position"; "size": "size"; }, {}, never, ["[content]"], false, never>;
+}

package/adeo/components/dividers/divider.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./divider.component";
+import * as i2 from "@angular/common";
+export declare class DividerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DividerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DividerModule, [typeof i1.DividerComponent], [typeof i2.CommonModule], [typeof i1.DividerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DividerModule>;
+}

package/adeo/components/dividers/index.d.ts

@@ -0,0 +1,2 @@
+export * from './divider.component';
+export * from './divider.module';

package/adeo/components/dividers/model/divider.d.ts

@@ -0,0 +1,3 @@
+export type DividerPosition = 'bottom' | 'top' | 'right' | 'left';
+export type DividerType = 'default' | 'dark' | 'light' | 'lightest';
+export type DividerSize = 's' | 'm' | 'l';

package/adeo/components/dividers/public-api.d.ts

@@ -0,0 +1 @@
+export * from './index';

package/adeo/components/notification/notification.component.d.ts

@@ -1,9 +1,13 @@
+import { EventEmitter } from '@angular/core';
 import { NotificationSize, NotificationType } from './notification';
 import * as i0 from "@angular/core";
 export declare class NotificationComponent {
     type?: NotificationType;
     size: NotificationSize;
+    closable: boolean;
+    closeEvent: EventEmitter<boolean>;
     get hostCssClasses(): string;
+    close(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NotificationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationComponent, "moz-notification", never, { "type": "type"; "size": "size"; }, {}, never, ["[mozNotificationTitle]", "[mozNotificationMessage]", "[mozNotificationFooter]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationComponent, "moz-notification", never, { "type": "type"; "size": "size"; "closable": "closable"; }, { "closeEvent": "closeEvent"; }, never, ["[mozNotificationTitle]", "[mozNotificationMessage]", "[mozNotificationFooter]"], false, never>;
 }

package/adeo/components/option-buttons/index.d.ts

@@ -0,0 +1,4 @@
+export * from './option-buttons.component';
+export * from './option-buttons.module';
+export * from './option-button/option-button.component';
+export * from './model/option-button';

package/adeo/components/option-buttons/model/option-button.d.ts

@@ -0,0 +1,3 @@
+export type OptionButtonSelected = {
+    id: string;
+};

package/adeo/components/option-buttons/option-button/option-button.component.d.ts

@@ -0,0 +1,15 @@
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class OptionButtonComponent {
+    private cd;
+    name?: string;
+    value?: string;
+    id: string;
+    clicked: EventEmitter<string>;
+    checked: boolean;
+    constructor(cd: ChangeDetectorRef);
+    buttonClicked(id: string): void;
+    refreshView(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OptionButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionButtonComponent, "moz-option-button", never, { "name": "name"; "value": "value"; "id": "id"; }, { "clicked": "clicked"; }, never, ["*"], false, never>;
+}