@c8y/ngx-components
Version:
Angular modules for Cumulocity IoT applications
202 lines • 7.92 kB
TypeScript
export declare const formStructure: {
readonly brandColors: {
readonly label: "Brand colors";
readonly brandColors: {
readonly label: "Brand colors";
readonly colors: [{
readonly label: "Brand primary";
readonly formControlName: "brand-primary";
}, {
readonly label: "Brand light";
readonly formControlName: "brand-light";
}, {
readonly label: "Brand dark";
readonly formControlName: "brand-dark";
}];
};
readonly shades: {
readonly label: "Shades";
readonly colorColumn: [[{
readonly label: "c8y-brand-10";
readonly formControlName: "c8y-brand-10";
}, {
readonly label: "c8y-brand-20";
readonly formControlName: "c8y-brand-20";
}, {
readonly label: "c8y-brand-30";
readonly formControlName: "c8y-brand-30";
}, {
readonly label: "c8y-brand-40";
readonly formControlName: "c8y-brand-40";
}], [{
readonly label: "c8y-brand-50";
readonly formControlName: "c8y-brand-50";
}, {
readonly label: "c8y-brand-60";
readonly formControlName: "c8y-brand-60";
}, {
readonly label: "c8y-brand-70";
readonly formControlName: "c8y-brand-70";
}, {
readonly label: "c8y-brand-80";
readonly formControlName: "c8y-brand-80";
}]];
};
};
readonly statusColors: {
readonly label: "Status colors";
readonly subCategories: readonly [{
readonly label: "Info colors";
readonly colors: [{
readonly label: "Info";
readonly formControlName: "palette-status-info";
}, {
readonly label: "Info light";
readonly formControlName: "palette-status-info-light";
}, {
readonly label: "Info dark";
readonly formControlName: "palette-status-info-dark";
}];
}, {
readonly label: "Warning colors";
readonly colors: [{
readonly label: "Warning";
readonly formControlName: "palette-status-warning";
}, {
readonly label: "Warning light";
readonly formControlName: "palette-status-warning-light";
}, {
readonly label: "Warning dark";
readonly formControlName: "palette-status-warning-dark";
}];
}, {
readonly label: "Danger colors";
readonly colors: [{
readonly label: "Danger";
readonly formControlName: "palette-status-danger";
}, {
readonly label: "Danger light";
readonly formControlName: "palette-status-danger-light";
}, {
readonly label: "Danger dark";
readonly formControlName: "palette-status-danger-dark";
}];
}, {
readonly label: "Success colors";
readonly colors: [{
readonly label: "Success";
readonly formControlName: "palette-status-success";
}, {
readonly label: "Success light";
readonly formControlName: "palette-status-success-light";
}, {
readonly label: "Success dark";
readonly formControlName: "palette-status-success-dark";
}];
}];
};
readonly actionBar: {
readonly label: "Action bar";
readonly colorColumns: readonly [{
readonly label: "Action bar";
readonly colorColumns: [[{
readonly label: "Background color";
readonly formControlName: "action-bar-background-default";
}, {
readonly label: "Text color";
readonly formControlName: "action-bar-color-default";
}, {
readonly label: "Icon color";
readonly formControlName: "action-bar-icon-color";
}], [{
readonly label: "Button color";
readonly formControlName: "action-bar-color-actions";
}, {
readonly label: "Button hover color";
readonly formControlName: "action-bar-color-actions-hover";
}]];
}];
};
readonly mainHeader: {
readonly label: "Main header";
readonly colorColumns: readonly [{
readonly label: "Main header";
readonly colorColumns: [[{
readonly label: "Background color";
readonly formControlName: "header-color";
}, {
readonly label: "Text color";
readonly formControlName: "header-text-color";
}], [{
readonly label: "Button hover color";
readonly formControlName: "header-hover-color";
}]];
}];
};
readonly navigator: {
readonly label: "Navigator";
readonly colorColumns: readonly [{
readonly label: "Navigation";
readonly colors: [{
readonly label: "Background color";
readonly formControlName: "navigator-bg-color";
}, {
readonly label: "Text color";
readonly formControlName: "navigator-text-color";
}, {
readonly label: "Separator color";
readonly formControlName: "navigator-separator-color";
}];
}, {
readonly label: "Header";
readonly colors: [{
readonly label: "Header background color";
readonly formControlName: "navigator-header-bg";
}, {
readonly label: "Title color";
readonly formControlName: "navigator-title-color";
}];
}, {
readonly label: "Active node";
readonly colors: [{
readonly label: "Active background color";
readonly formControlName: "navigator-active-bg";
}, {
readonly label: "Active border color";
readonly formControlName: "navigator-border-active";
}, {
readonly label: "Active text color";
readonly formControlName: "navigator-color-active";
}];
}];
};
readonly rightDrawer: {
readonly label: "Right drawer";
readonly colorColumns: readonly [{
readonly label: "Panel";
readonly colors: [{
readonly label: "Background color";
readonly formControlName: "right-drawer-background-default";
}, {
readonly label: "Text color";
readonly formControlName: "right-drawer-text-color-default";
}, {
readonly label: "Text muted color";
readonly formControlName: "right-drawer-text-color-muted";
}, {
readonly label: "Separator color";
readonly formControlName: "right-drawer-separator-color";
}];
}, {
readonly label: "Interactive";
readonly colors: [{
readonly label: "Link color";
readonly formControlName: "right-drawer-link-color";
}, {
readonly label: "Link hover color";
readonly formControlName: "right-drawer-link-color-hover";
}];
}];
};
};
//# sourceMappingURL=branding-theme-form-structure.d.ts.map