@mozaic-ds/angular 0.26.0 → 0.27.0-test.0

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

@@ -1,11 +1,9 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, OnChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { ListboxItem } from '../listbox/model/listbox-item';
-import { TaglistComponent } from '../taglist/taglist.component';
-import { TagItem } from '../tag/tag-type';
 import { TextInputSize } from '../text-input/text-input';
 import * as i0 from "@angular/core";
-export declare class AutocompleteComponent implements ControlValueAccessor {
+export declare class AutocompleteComponent implements ControlValueAccessor, OnChanges {
     private cd;
     listboxItems: ListboxItem[];
     multiple: boolean;
@@ -17,8 +15,6 @@ export declare class AutocompleteComponent implements ControlValueAccessor {
     invalid: boolean;
     size: TextInputSize;
     showSelectedTag: boolean;
-    showTagList: boolean;
-    maxShowingSelectedTags: number;
     layerTagsTitle: string;
     layerTagsIcon: string;
     errorContentText: string;
@@ -29,18 +25,17 @@ export declare class AutocompleteComponent implements ControlValueAccessor {
     inputClicked: EventEmitter<boolean>;
     scrollEnd: EventEmitter<boolean>;
     isOpen: EventEmitter<boolean>;
-    taglistComponent: TaglistComponent;
     selectedItems: ListboxItem[] | ListboxItem | undefined;
     originalListboxParent?: HTMLElement | null;
     initialListboxItems: ListboxItem[];
-    onChange: any;
-    onTouch: any;
     noResults: boolean;
     _searchValue: string;
+    constructor(cd: ChangeDetectorRef);
     get searchValue(): string;
     set searchValue(value: string);
-    constructor(cd: ChangeDetectorRef);
     ngOnChanges(): void;
+    onChange: any;
+    onTouch: any;
     writeValue(value: ListboxItem[] | ListboxItem | undefined): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
@@ -53,12 +48,10 @@ export declare class AutocompleteComponent implements ControlValueAccessor {
     getSelectedListboxItems(): ListboxItem[];
     getSelectedListboxItem(): ListboxItem | undefined;
     canClearField(): boolean;
-    getTagItemsFromSelectedItems(): TagItem[];
-    removeTagEvent($event: TagItem): void;
     searchEvent(): void;
     focusinEvent(): void;
     focusoutEvent($event: any): void;
     scrollEndEvent($event: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "moz-autocomplete", never, { "listboxItems": "listboxItems"; "multiple": "multiple"; "placeholder": "placeholder"; "disabled": "disabled"; "loading": "loading"; "clearfield": "clearfield"; "valid": "valid"; "invalid": "invalid"; "size": "size"; "showSelectedTag": "showSelectedTag"; "showTagList": "showTagList"; "maxShowingSelectedTags": "maxShowingSelectedTags"; "layerTagsTitle": "layerTagsTitle"; "layerTagsIcon": "layerTagsIcon"; "errorContentText": "errorContentText"; "withSearchFilter": "withSearchFilter"; "openState": "openState"; "labelClearButton": "labelClearButton"; "searchValue": "searchValue"; }, { "searchUpdated": "searchUpdated"; "inputClicked": "inputClicked"; "scrollEnd": "scrollEnd"; "isOpen": "isOpen"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "moz-autocomplete", never, { "listboxItems": "listboxItems"; "multiple": "multiple"; "placeholder": "placeholder"; "disabled": "disabled"; "loading": "loading"; "clearfield": "clearfield"; "valid": "valid"; "invalid": "invalid"; "size": "size"; "showSelectedTag": "showSelectedTag"; "layerTagsTitle": "layerTagsTitle"; "layerTagsIcon": "layerTagsIcon"; "errorContentText": "errorContentText"; "withSearchFilter": "withSearchFilter"; "openState": "openState"; "labelClearButton": "labelClearButton"; "searchValue": "searchValue"; }, { "searchUpdated": "searchUpdated"; "inputClicked": "inputClicked"; "scrollEnd": "scrollEnd"; "isOpen": "isOpen"; }, never, never, false, never>;
 }

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

@@ -1,12 +1,10 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { EventEmitter } from '@angular/core';
 import { ListboxItem } from '../listbox/model/listbox-item';
 import { ControlValueAccessor } from '@angular/forms';
-import { TagItem } from '../tag/tag-type';
-import { TaglistComponent } from '../taglist/taglist.component';
 import { ButtonSizes } from '../button/button';
+import { IconSize } from '../icon/icon-size';
 import * as i0 from "@angular/core";
 export declare class DropdownComponent implements ControlValueAccessor {
-    private cd;
     listboxItems: ListboxItem[];
     multiple: boolean;
     placeholder: string;
@@ -16,8 +14,6 @@ export declare class DropdownComponent implements ControlValueAccessor {
     valid: boolean;
     invalid: boolean;
     showSelectedTag: boolean;
-    showTagList: boolean;
-    maxShowingSelectedTags: number;
     size: ButtonSizes;
     layerTagsTitle: string;
     layerTagsIcon: string;
@@ -25,11 +21,11 @@ export declare class DropdownComponent implements ControlValueAccessor {
     labelClearButton: string;
     scrollEnd: EventEmitter<boolean>;
     isOpen: EventEmitter<boolean>;
-    taglistComponent: TaglistComponent;
     selectedItems: ListboxItem[] | ListboxItem | undefined;
+    iconSize: typeof IconSize;
+    constructor();
     onChange: any;
     onTouch: any;
-    constructor(cd: ChangeDetectorRef);
     writeValue(value: ListboxItem[] | ListboxItem | undefined): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
@@ -41,11 +37,10 @@ export declare class DropdownComponent implements ControlValueAccessor {
     getSelectedListboxItems(): ListboxItem[];
     getSelectedListboxItem(): ListboxItem | undefined;
     getLabelFromMultipleSelection(): string;
+    getIcon(): string;
     getLabelFromMonoSelection(): string;
     canClearField(): boolean;
-    getTagItemsFromSelectedItems(): TagItem[];
-    removeTagEvent($event: TagItem): void;
     scrollEndEvent($event: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "moz-dropdown", never, { "listboxItems": "listboxItems"; "multiple": "multiple"; "placeholder": "placeholder"; "disabled": "disabled"; "loading": "loading"; "clearfield": "clearfield"; "valid": "valid"; "invalid": "invalid"; "showSelectedTag": "showSelectedTag"; "showTagList": "showTagList"; "maxShowingSelectedTags": "maxShowingSelectedTags"; "size": "size"; "layerTagsTitle": "layerTagsTitle"; "layerTagsIcon": "layerTagsIcon"; "openState": "openState"; "labelClearButton": "labelClearButton"; }, { "scrollEnd": "scrollEnd"; "isOpen": "isOpen"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "moz-dropdown", never, { "listboxItems": "listboxItems"; "multiple": "multiple"; "placeholder": "placeholder"; "disabled": "disabled"; "loading": "loading"; "clearfield": "clearfield"; "valid": "valid"; "invalid": "invalid"; "showSelectedTag": "showSelectedTag"; "size": "size"; "layerTagsTitle": "layerTagsTitle"; "layerTagsIcon": "layerTagsIcon"; "openState": "openState"; "labelClearButton": "labelClearButton"; }, { "scrollEnd": "scrollEnd"; "isOpen": "isOpen"; }, never, never, false, never>;
 }

package/adeo/components/icon/icon-size.d.ts

@@ -2,5 +2,6 @@ export declare enum IconSize {
     S = "16px",
     M = "24px",
     L = "32px",
-    XL = "48px"
+    XL = "48px",
+    XXL = "64px"
 }

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

@@ -1,15 +1,17 @@
 import { ElementRef, OnChanges, SimpleChanges } from '@angular/core';
+import { IconSize } from './icon-size';
 import { IconService } from './icon.service';
 import * as i0 from "@angular/core";
 export declare class IconComponent implements OnChanges {
     private readonly iconService;
     private readonly elementRef;
     iconName: string;
+    size?: IconSize;
     constructor(iconService: IconService, elementRef: ElementRef);
     ngOnChanges({ iconName }: SimpleChanges): void;
     private needRenderIcon;
     private getSizeClass;
     private drawIcon;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "moz-icon", never, { "iconName": "iconName"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "moz-icon", never, { "iconName": "iconName"; "size": "size"; }, {}, never, never, false, never>;
 }

package/adeo/components/taglist/components/taglist-layer-content/taglist-layer-content.component.d.ts

@@ -1,12 +1,15 @@
-import { TagItem } from '../../../tag/tag-type';
+import { TagItem, TagType } from '../../../tag/tag-type';
 import { LayerRef } from '../../../layer/interfaces/layer-ref';
 import * as i0 from "@angular/core";
 export declare class TaglistLayerContentComponent {
     readonly data: any;
     readonly layerRef: LayerRef;
+    tagType: TagType;
     tagItems: TagItem[];
     tagSize: 's' | 'm';
     private _removedTagFromLayer$;
+    private taglistService;
+    private destroyed;
     constructor(data: any, layerRef: LayerRef);
     removeTagEvent(tagItem: TagItem): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TaglistLayerContentComponent, never>;

package/adeo/components/taglist/services/taglist.service.d.ts

@@ -0,0 +1,11 @@
+import { BehaviorSubject } from 'rxjs';
+import { TagItem } from '../../tag/tag-type';
+import * as i0 from "@angular/core";
+export declare class TaglistService {
+    _tagItems$: BehaviorSubject<TagItem[]>;
+    tagItems$: import("rxjs").Observable<TagItem[]>;
+    setTagItems(tagItems: TagItem[]): void;
+    getTagItems(): TagItem[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<TaglistService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TaglistService>;
+}

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

@@ -1,9 +1,12 @@
-import { EventEmitter, OnDestroy } from '@angular/core';
-import { TagItem } from '../tag/tag-type';
+import { ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { TagItem, TagType } from '../tag/tag-type';
 import { LayerService } from '../layer/layer.service';
+import { TaglistService } from './services/taglist.service';
 import * as i0 from "@angular/core";
-export declare class TaglistComponent implements OnDestroy {
+export declare class TaglistComponent implements OnDestroy, OnInit, OnChanges {
+    taglistService: TaglistService;
     private layerService;
+    private cdRef;
     tagItems: TagItem[];
     tagSize: 's' | 'm';
     showAllTitle: string;
@@ -11,16 +14,18 @@ export declare class TaglistComponent implements OnDestroy {
     layerTagsTitle?: string;
     layerTagsIcon?: string;
     max: number;
+    tagType: TagType;
     removeTag: EventEmitter<TagItem>;
     private _removedTagFromLayer$;
     private destroyed;
     private taglistLayerRef;
-    constructor(layerService: LayerService);
+    constructor(taglistService: TaglistService, layerService: LayerService, cdRef: ChangeDetectorRef);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
     showAllEvent(): void;
     removeTagEvent(tagItem: TagItem): void;
-    updateTaglistLayerConfig(tagItems: TagItem[]): void;
     closeTaglistLayer(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TaglistComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TaglistComponent, "moz-taglist", never, { "tagItems": "tagItems"; "tagSize": "tagSize"; "showAllTitle": "showAllTitle"; "showAll": "showAll"; "layerTagsTitle": "layerTagsTitle"; "layerTagsIcon": "layerTagsIcon"; "max": "max"; }, { "removeTag": "removeTag"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TaglistComponent, "moz-taglist", never, { "tagItems": "tagItems"; "tagSize": "tagSize"; "showAllTitle": "showAllTitle"; "showAll": "showAll"; "layerTagsTitle": "layerTagsTitle"; "layerTagsIcon": "layerTagsIcon"; "max": "max"; "tagType": "tagType"; }, { "removeTag": "removeTag"; }, never, never, false, never>;
 }

package/adeo/components/tooltip/directive/tooltip.directive.d.ts

@@ -7,6 +7,7 @@ export declare class TooltipDirective {
     tooltipPosition: string;
     tooltip: HTMLElement | null;
     offset: number;
+    private mutationObserver;
     constructor(el: ElementRef, renderer: Renderer2);
     onMouseIn(): void;
     onMouseOut(): void;

package/adeo/esm2020/components/action-bar/action-bar.component.mjs

@@ -44,7 +44,7 @@ export class ActionBarComponent extends BottomBarComponent {
     }
 }
 ActionBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ActionBarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ActionBarComponent, selector: "moz-action-bar", inputs: { loading: "loading", status: "status", statusLabel: "statusLabel", labelPrimary: "labelPrimary", labelSecondary: "labelSecondary", labelDanger: "labelDanger", disabled: "disabled" }, outputs: { primaryClick: "primaryClick", secondaryClick: "secondaryClick", dangerClick: "dangerClick" }, usesInheritance: true, ngImport: i0, template: "<moz-container\n  [ngClass]=\"{ 'mc-bottom-bar': true, 'mc-action-bar': true, 'mc-bottom-bar--fixed': fixed }\"\n  [fluid]=\"true\"\n>\n  <div *ngIf=\"status || loading\" class=\"mc-action-bar__status\">\n    <moz-icon\n      [iconName]=\"getStatusIcon()\"\n      [ngClass]=\"getIconClasses()\"\n      *ngIf=\"!loading; else loader\"\n    />\n    <ng-template #loader><moz-loader size=\"s\" /></ng-template>\n    {{ statusLabel }}\n  </div>\n  <!-- Secondary button -->\n  <ng-content select=\"[secondary]\"></ng-content>\n  <button\n    moz-button\n    variation=\"bordered\"\n    *ngIf=\"labelSecondary\"\n    size=\"s\"\n    theme=\"neutral\"\n    (click)=\"onSecondaryClick($event)\"\n    [disabled]=\"isDisabled()\"\n  >\n    {{ labelSecondary }}\n  </button>\n  <!-- Primary button -->\n  <ng-content select=\"[primary]\"></ng-content>\n  <button\n    moz-button\n    variation=\"solid\"\n    *ngIf=\"labelPrimary\"\n    size=\"s\"\n    theme=\"primary\"\n    (click)=\"onPrimaryClick($event)\"\n    [disabled]=\"isDisabled()\"\n  >\n    {{ labelPrimary }}\n  </button>\n  <!-- Danger button -->\n  <ng-content select=\"[danger]\"></ng-content>\n  <button\n    moz-button\n    variation=\"bordered\"\n    *ngIf=\"labelDanger\"\n    size=\"s\"\n    theme=\"danger\"\n    (click)=\"onDangerClick($event)\"\n    [disabled]=\"isDisabled()\"\n  >\n    {{ labelDanger }}\n  </button>\n</moz-container>\n", styles: [".mc-bottom-bar{box-shadow:0 1px 5px #19191933;align-items:center;background-color:#fff;display:flex;height:4rem}.mc-bottom-bar--fixed{bottom:0;left:0;position:fixed;right:0;width:100%}.mc-action-bar{gap:1rem;justify-content:flex-end}.mc-action-bar__status{font-size:1rem;line-height:1.375;align-items:center;display:flex;gap:.25rem}.mc-action-bar__icon.is-warning{fill:#c65200}.mc-action-bar__icon.is-success{fill:#188803}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "moz-icon", inputs: ["iconName"] }, { kind: "component", type: i3.ContainerComponent, selector: "moz-container", inputs: ["fluid"] }, { kind: "component", type: i4.LoaderComponent, selector: "moz-loader", inputs: ["size", "theme", "isOverlay", "text", "hideOverlay"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[moz-button]", inputs: ["iconPosition", "onlyIcon", "theme", "variation", "widthBehavior", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ActionBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ActionBarComponent, selector: "moz-action-bar", inputs: { loading: "loading", status: "status", statusLabel: "statusLabel", labelPrimary: "labelPrimary", labelSecondary: "labelSecondary", labelDanger: "labelDanger", disabled: "disabled" }, outputs: { primaryClick: "primaryClick", secondaryClick: "secondaryClick", dangerClick: "dangerClick" }, usesInheritance: true, ngImport: i0, template: "<moz-container\n  [ngClass]=\"{ 'mc-bottom-bar': true, 'mc-action-bar': true, 'mc-bottom-bar--fixed': fixed }\"\n  [fluid]=\"true\"\n>\n  <div *ngIf=\"status || loading\" class=\"mc-action-bar__status\">\n    <moz-icon\n      [iconName]=\"getStatusIcon()\"\n      [ngClass]=\"getIconClasses()\"\n      *ngIf=\"!loading; else loader\"\n    />\n    <ng-template #loader><moz-loader size=\"s\" /></ng-template>\n    {{ statusLabel }}\n  </div>\n  <!-- Secondary button -->\n  <ng-content select=\"[secondary]\"></ng-content>\n  <button\n    moz-button\n    variation=\"bordered\"\n    *ngIf=\"labelSecondary\"\n    size=\"s\"\n    theme=\"neutral\"\n    (click)=\"onSecondaryClick($event)\"\n    [disabled]=\"isDisabled()\"\n  >\n    {{ labelSecondary }}\n  </button>\n  <!-- Primary button -->\n  <ng-content select=\"[primary]\"></ng-content>\n  <button\n    moz-button\n    variation=\"solid\"\n    *ngIf=\"labelPrimary\"\n    size=\"s\"\n    theme=\"primary\"\n    (click)=\"onPrimaryClick($event)\"\n    [disabled]=\"isDisabled()\"\n  >\n    {{ labelPrimary }}\n  </button>\n  <!-- Danger button -->\n  <ng-content select=\"[danger]\"></ng-content>\n  <button\n    moz-button\n    variation=\"bordered\"\n    *ngIf=\"labelDanger\"\n    size=\"s\"\n    theme=\"danger\"\n    (click)=\"onDangerClick($event)\"\n    [disabled]=\"isDisabled()\"\n  >\n    {{ labelDanger }}\n  </button>\n</moz-container>\n", styles: [".mc-bottom-bar{box-shadow:0 1px 5px #19191933;align-items:center;background-color:#fff;display:flex;height:4rem}.mc-bottom-bar--fixed{bottom:0;left:0;position:fixed;right:0;width:100%}.mc-action-bar{gap:1rem;justify-content:flex-end}.mc-action-bar__status{font-size:1rem;line-height:1.375;align-items:center;display:flex;gap:.25rem}.mc-action-bar__icon.is-warning{fill:#c65200}.mc-action-bar__icon.is-success{fill:#188803}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "moz-icon", inputs: ["iconName", "size"] }, { kind: "component", type: i3.ContainerComponent, selector: "moz-container", inputs: ["fluid"] }, { kind: "component", type: i4.LoaderComponent, selector: "moz-loader", inputs: ["size", "theme", "isOverlay", "text", "hideOverlay"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[moz-button]", inputs: ["iconPosition", "onlyIcon", "theme", "variation", "widthBehavior", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ActionBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'moz-action-bar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<moz-container\n  [ngClass]=\"{ 'mc-bottom-bar': true, 'mc-action-bar': true, 'mc-bottom-bar--fixed': fixed }\"\n  [fluid]=\"true\"\n>\n  <div *ngIf=\"status || loading\" class=\"mc-action-bar__status\">\n    <moz-icon\n      [iconName]=\"getStatusIcon()\"\n      [ngClass]=\"getIconClasses()\"\n      *ngIf=\"!loading; else loader\"\n    />\n    <ng-template #loader><moz-loader size=\"s\" /></ng-template>\n    {{ statusLabel }}\n  </div>\n  <!-- Secondary button -->\n  <ng-content select=\"[secondary]\"></ng-content>\n  <button\n    moz-button\n    variation=\"bordered\"\n    *ngIf=\"labelSecondary\"\n    size=\"s\"\n    theme=\"neutral\"\n    (click)=\"onSecondaryClick($event)\"\n    [disabled]=\"isDisabled()\"\n  >\n    {{ labelSecondary }}\n  </button>\n  <!-- Primary button -->\n  <ng-content select=\"[primary]\"></ng-content>\n  <button\n    moz-button\n    variation=\"solid\"\n    *ngIf=\"labelPrimary\"\n    size=\"s\"\n    theme=\"primary\"\n    (click)=\"onPrimaryClick($event)\"\n    [disabled]=\"isDisabled()\"\n  >\n    {{ labelPrimary }}\n  </button>\n  <!-- Danger button -->\n  <ng-content select=\"[danger]\"></ng-content>\n  <button\n    moz-button\n    variation=\"bordered\"\n    *ngIf=\"labelDanger\"\n    size=\"s\"\n    theme=\"danger\"\n    (click)=\"onDangerClick($event)\"\n    [disabled]=\"isDisabled()\"\n  >\n    {{ labelDanger }}\n  </button>\n</moz-container>\n", styles: [".mc-bottom-bar{box-shadow:0 1px 5px #19191933;align-items:center;background-color:#fff;display:flex;height:4rem}.mc-bottom-bar--fixed{bottom:0;left:0;position:fixed;right:0;width:100%}.mc-action-bar{gap:1rem;justify-content:flex-end}.mc-action-bar__status{font-size:1rem;line-height:1.375;align-items:center;display:flex;gap:.25rem}.mc-action-bar__icon.is-warning{fill:#c65200}.mc-action-bar__icon.is-success{fill:#188803}\n"] }]