@po-ui/ng-components 17.7.0 → 17.9.0

package/lib/components/po-table/po-table-base.component.d.ts

@@ -95,6 +95,18 @@ export declare abstract class PoTableBaseComponent implements OnChanges, OnDestr
      * @default `true`
      */
     hideBatchActions: boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Habilita ou desabilita a quebra automática de texto. Quando ativada, o texto que excede
+     * o espaço disponível é transferido para a próxima linha em pontos apropriados para uma
+     * leitura clara.
+     *
+     * @default `false`
+     */
+    textWrap?: boolean;
     /**
      * @optional
      *
@@ -713,9 +725,10 @@ export declare abstract class PoTableBaseComponent implements OnChanges, OnDestr
     protected abstract changeSizeLoading(): any;
     protected abstract changeHeaderWidth(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoTableBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoTableBaseComponent, never, never, { "hideColumnsManager": { "alias": "p-hide-columns-manager"; "required": false; }; "hideBatchActions": { "alias": "p-hide-batch-actions"; "required": false; }; "hideActionFixedColumns": { "alias": "p-hide-action-fixed-columns"; "required": false; }; "hideTableSearch": { "alias": "p-hide-table-search"; "required": false; }; "autoCollapse": { "alias": "p-auto-collapse"; "required": false; }; "loadingShowMore": { "alias": "p-loading-show-more"; "required": false; }; "sort": { "alias": "p-sort"; "required": false; }; "showMoreDisabled": { "alias": "p-show-more-disabled"; "required": false; }; "striped": { "alias": "p-striped"; "required": false; }; "hideSelectAll": { "alias": "p-hide-select-all"; "required": false; }; "singleSelect": { "alias": "p-single-select"; "required": false; }; "selectableEntireLine": { "alias": "p-selectable-entire-line"; "required": false; }; "actionRight": { "alias": "p-actions-right"; "required": false; }; "maxColumns": { "alias": "p-max-columns"; "required": false; }; "filterType": { "alias": "p-filter-type"; "required": false; }; "items": { "alias": "p-items"; "required": false; }; "columns": { "alias": "p-columns"; "required": false; }; "container": { "alias": "p-container"; "required": false; }; "paramDeleteApi": { "alias": "p-param-delete-api"; "required": false; }; "height": { "alias": "p-height"; "required": false; }; "hideDetail": { "alias": "p-hide-detail"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "actions": { "alias": "p-actions"; "required": false; }; "selectable": { "alias": "p-selectable"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "infiniteScrollDistance": { "alias": "p-infinite-scroll-distance"; "required": false; }; "serviceApi": { "alias": "p-service-api"; "required": false; }; "serviceDeleteApi": { "alias": "p-service-delete"; "required": false; }; "spacing": { "alias": "p-spacing"; "required": false; }; "filteredColumns": { "alias": "p-filtered-columns"; "required": false; }; "draggable": { "alias": "p-draggable"; "required": false; }; }, { "allSelected": "p-all-selected"; "allUnselected": "p-all-unselected"; "collapsed": "p-collapsed"; "expanded": "p-expanded"; "eventDelete": "p-delete-items"; "selected": "p-selected"; "showMore": "p-show-more"; "sortBy": "p-sort-by"; "unselected": "p-unselected"; "changeVisibleColumns": "p-change-visible-columns"; "columnRestoreManager": "p-restore-column-manager"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoTableBaseComponent, never, never, { "hideColumnsManager": { "alias": "p-hide-columns-manager"; "required": false; }; "hideBatchActions": { "alias": "p-hide-batch-actions"; "required": false; }; "textWrap": { "alias": "p-text-wrap"; "required": false; }; "hideActionFixedColumns": { "alias": "p-hide-action-fixed-columns"; "required": false; }; "hideTableSearch": { "alias": "p-hide-table-search"; "required": false; }; "autoCollapse": { "alias": "p-auto-collapse"; "required": false; }; "loadingShowMore": { "alias": "p-loading-show-more"; "required": false; }; "sort": { "alias": "p-sort"; "required": false; }; "showMoreDisabled": { "alias": "p-show-more-disabled"; "required": false; }; "striped": { "alias": "p-striped"; "required": false; }; "hideSelectAll": { "alias": "p-hide-select-all"; "required": false; }; "singleSelect": { "alias": "p-single-select"; "required": false; }; "selectableEntireLine": { "alias": "p-selectable-entire-line"; "required": false; }; "actionRight": { "alias": "p-actions-right"; "required": false; }; "maxColumns": { "alias": "p-max-columns"; "required": false; }; "filterType": { "alias": "p-filter-type"; "required": false; }; "items": { "alias": "p-items"; "required": false; }; "columns": { "alias": "p-columns"; "required": false; }; "container": { "alias": "p-container"; "required": false; }; "paramDeleteApi": { "alias": "p-param-delete-api"; "required": false; }; "height": { "alias": "p-height"; "required": false; }; "hideDetail": { "alias": "p-hide-detail"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "loading": { "alias": "p-loading"; "required": false; }; "actions": { "alias": "p-actions"; "required": false; }; "selectable": { "alias": "p-selectable"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "infiniteScrollDistance": { "alias": "p-infinite-scroll-distance"; "required": false; }; "serviceApi": { "alias": "p-service-api"; "required": false; }; "serviceDeleteApi": { "alias": "p-service-delete"; "required": false; }; "spacing": { "alias": "p-spacing"; "required": false; }; "filteredColumns": { "alias": "p-filtered-columns"; "required": false; }; "draggable": { "alias": "p-draggable"; "required": false; }; }, { "allSelected": "p-all-selected"; "allUnselected": "p-all-unselected"; "collapsed": "p-collapsed"; "expanded": "p-expanded"; "eventDelete": "p-delete-items"; "selected": "p-selected"; "showMore": "p-show-more"; "sortBy": "p-sort-by"; "unselected": "p-unselected"; "changeVisibleColumns": "p-change-visible-columns"; "columnRestoreManager": "p-restore-column-manager"; }, never, never, false, never>;
     static ngAcceptInputType_hideColumnsManager: any;
     static ngAcceptInputType_hideBatchActions: any;
+    static ngAcceptInputType_textWrap: any;
     static ngAcceptInputType_hideTableSearch: any;
     static ngAcceptInputType_autoCollapse: any;
     static ngAcceptInputType_loadingShowMore: any;

package/lib/components/po-table/po-table-column-label/po-table-column-label.component.d.ts

@@ -9,10 +9,9 @@ import * as i0 from "@angular/core";
  * Componente para a criação da representação da legenda, em formato de texto .
  */
 export declare class PoTableColumnLabelComponent implements OnInit {
-    hasLabel: boolean;
     value: PoTableColumnLabel;
     ngOnInit(): void;
-    checkValueHasLabel(): void;
+    checkValueHasLabel(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoTableColumnLabelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PoTableColumnLabelComponent, "po-table-column-label", never, { "value": { "alias": "p-value"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/services/index.d.ts

@@ -8,3 +8,4 @@ export * from './po-dialog/index';
 export * from './po-language/index';
 export * from './po-i18n/index';
 export * from './po-notification/index';
+export * from './po-theme/index';

package/lib/services/po-theme/enum/po-theme-type.enum.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Enum para definir os tipos de tema suportados pelo serviço de temas.
+ *
+ * @usedBy PoThemeService
+ *
+ * @example
+ *
+ * Em um serviço de tema, você pode usar este enum para alternar entre os tipos de temas suportados.
+ *
+ * ```
+ * import { PoThemeTypeEnum } from '@po-ui/theme';
+ *
+ * // Definindo o tipo de tema para light
+ * themeService.setTheme(...theme, PoThemeTypeEnum.light);
+ *
+ * // Definindo o tipo de tema para dark
+ * themeService.setTheme(...theme, PoThemeTypeEnum.dark);
+ * ```
+ */
+export declare enum PoThemeTypeEnum {
+    /** Define o tema como claro. */
+    light = 0,
+    /** Define o tema como escuro. */
+    dark = 1
+}

package/lib/services/po-theme/helpers/po-theme-dark-defaults.constant.d.ts

@@ -0,0 +1,116 @@
+import { PoThemeColorAction, PoThemeColorFeedback, PoThemeColorNeutral } from '../interfaces/po-theme-color.interface';
+/**
+ * Define as cores de ação padrão para temas escuros.
+ */
+declare const poThemeDefaultActionsDark: PoThemeColorAction;
+/**
+ * Define as cores neutras padrão para temas escuros.
+ */
+declare const poThemeDefaultNeutralsDark: PoThemeColorNeutral;
+/**
+ * Define as cores de feedback padrão para temas escuros.
+ */
+declare const poThemeDefaultFeedbackDark: PoThemeColorFeedback;
+/**
+ * Define estilos específicos por componente e onRoot para temas escuros.
+ */
+declare const poThemeDefaultDarkValues: {
+    perComponent: {
+        /** TAB */
+        '.po-tab-border-active': {
+            'background-color': string;
+        };
+        /** GAUGE */
+        '.po-gauge-wrapper': {
+            'background-color': string;
+        };
+        /** OVERLAY */
+        'po-overlay': {
+            '--color-overlay': string;
+        };
+        /** MODAL */
+        'po-modal': {
+            '--color-overlay': string;
+        };
+        /** TOASTER */
+        'po-toaster': {
+            '--color-icon': string;
+        };
+        /** BADGE */
+        'po-badge': {
+            '--color': string;
+        };
+        'po-badge[p-status=warning]': {
+            '--color': string;
+        };
+        'po-chart po-chart-container > svg .po-chart-axis-x-label, .po-chart-axis-y-label': {
+            fill: string;
+        };
+        'po-rich-text-toolbar .po-button-default.po-rich-text-toolbar-color-picker-button': {
+            'border-style': string;
+        };
+        'po-link': {
+            '--text-color-visited': string;
+        };
+        'po-rich-text-body .po-rich-text-body:focus-visible, po-info .po-info-link:focus-visible, po-list-view a.po-list-view-title-link:focus-visible, po-stepper-circle .po-stepper-circle:focus-visible': {
+            'border-color': string;
+            'outline-color': string;
+            'outline-width': string;
+            'outline-style': string;
+            'outline-offset': string;
+        };
+        'po-container': {
+            '--background': string;
+        };
+        'div.po-lookup-filter-content input.po-input, input.po-input, po-datepicker, po-datepicker-range, po-decimal, po-email, po-input, po-login, po-lookup, po-number, po-password, po-url, po-combo, po-search, po-select, po-multiselect': {
+            '--background-disabled': string;
+        };
+        'po-input input:-webkit-autofill, po-datepicker input:-webkit-autofill, po-datepicker-range input:-webkit-autofill, po-decimal input:-webkit-autofill, po-email input:-webkit-autofill, po-input input:-webkit-autofill, po-login input:-webkit-autofill, po-lookup input:-webkit-autofill, po-number input:-webkit-autofill, po-password input:-webkit-autofill, po-url input:-webkit-autofill, po-combo input:-webkit-autofill': {
+            '-webkit-background-clip': string;
+            '-webkit-text-fill-color': string;
+            transition: string;
+            'box-shadow': string;
+        };
+        'po-overlay, po-page-slide': {
+            '--color-overlay': string;
+        };
+        'po-select': {
+            '--color-hover': string;
+        };
+        'po-select select': {
+            '--color': string;
+        };
+    };
+    onRoot: {
+        '--color-neutral': string;
+        '--color-secondary': string;
+        '--color-secondary-light-20': string;
+        '--color-secondary-light-40': string;
+        '--color-secondary-dark-20': string;
+        '--color-secondary-dark-40': string;
+        '--color-secondary-dark-80': string;
+        '--color-black-alpha-10': string;
+        '--color-black-alpha-15': string;
+        '--color-black-alpha-30': string;
+        '--color-primary': string;
+        '--color-primary-light-80': string;
+        '--color-primary-light-95': string;
+        '--color-primary-alpha-50': string;
+        '--color-primary-dark-20': string;
+        '--color-primary-dark-40': string;
+        '--color-secondary-dark-60-alpha-70': string;
+        '--color-tertiary-light-90': string;
+        '--color-tertiary-dark-5': string;
+        '--color-page-background-color-page': string;
+        '--color-toolbar-color-badge-text': string;
+        '--shadow-popover-box-shadow': string;
+        '--shadow-popover-box-shadow-arrow': string;
+        '--color-calendar-background-color-box-background-range': string;
+        '--color-stepper-circle-disabled': string;
+        '--color-stepper-bar-disabled': string;
+        '--po-tab-smart-active': string;
+        '--po-tab-smart-background-item-selected': string;
+        '--po-tab-smart-background-hover': string;
+    };
+};
+export { poThemeDefaultActionsDark, poThemeDefaultFeedbackDark, poThemeDefaultNeutralsDark, poThemeDefaultDarkValues };

package/lib/services/po-theme/helpers/po-theme-light-defaults.constant.d.ts

@@ -0,0 +1,41 @@
+import { PoThemeColorAction, PoThemeColorFeedback, PoThemeColorNeutral, poThemeColorBrand } from '../interfaces/po-theme-color.interface';
+/**
+ * Define as cores de ação padrão para temas claros.
+ */
+declare const poThemeDefaultActions: PoThemeColorAction;
+/**
+ * Define as cores neutras padrão para temas claros.
+ */
+declare const poThemeDefaultNeutrals: PoThemeColorNeutral;
+/**
+ * Define as cores de feedback padrão para temas claros.
+ */
+declare const poThemeDefaultFeedback: PoThemeColorFeedback;
+declare const poThemeDefaultBrands: poThemeColorBrand;
+/**
+ * Define estilos específicos por componente e onRoot para temas claros.
+ */
+declare const poThemeDefaultLightValues: {
+    perComponent: {};
+    onRoot: {
+        '--color-widget-color-action-active': string;
+        '--color-widget-color-action-hover': string;
+        '--color-widget-color-action': string;
+        '--color-widget-color-default': string;
+        '--color-widget-color-title-action': string;
+        '--color-widget-color-widget-primary': string;
+        '--color-calendar-arrow': string;
+        '--color-calendar-title': string;
+        '--color-calendar-text-box-background-active': string;
+        '--color-calendar-background-color-border-today': string;
+        '--color-calendar-color-box-foreground': string;
+        '--color-calendar-color-box-foreground-selected': string;
+        '--color-calendar-color-box-foreground-pressed': string;
+        '--color-calendar-color-box-foreground-range': string;
+        '--color-calendar-color-box-foreground-today': string;
+        '--color-toolbar-color-default': string;
+        '--color-toolbar-color-title': string;
+        '--color-calendar-background-color-box-background-range': string;
+    };
+};
+export { poThemeDefaultBrands, poThemeDefaultActions, poThemeDefaultFeedback, poThemeDefaultNeutrals, poThemeDefaultLightValues };

package/lib/services/po-theme/helpers/po-theme-poui.constant.d.ts

@@ -0,0 +1,11 @@
+import { PoThemeTokens } from '../interfaces/po-theme-tokens.interface';
+import { PoTheme } from '../interfaces/po-theme.interface';
+/**
+ * Tokens de tema padrão para temas claros.
+ */
+declare const poThemeDefaultLight: PoThemeTokens;
+/**
+ * Tema padrão.
+ */
+declare const poThemeDefault: PoTheme;
+export { poThemeDefault, poThemeDefaultLight };

package/lib/services/po-theme/index.d.ts

@@ -0,0 +1,9 @@
+export * from './helpers/po-theme-dark-defaults.constant';
+export * from './helpers/po-theme-light-defaults.constant';
+export * from './helpers/po-theme-poui.constant';
+export * from './enum/po-theme-type.enum';
+export * from './interfaces/po-theme-tokens.interface';
+export * from './interfaces/po-theme-color.interface';
+export * from './interfaces/po-theme.interface';
+export * from './po-theme.service';
+export * from './po-theme.module';

package/lib/services/po-theme/interfaces/po-theme-color.interface.d.ts

@@ -0,0 +1,374 @@
+/**
+ * Interface para representar as cores do tema.
+ *
+ * @usedBy PoThemeService
+ */
+export interface PoThemeColor {
+    /**
+     * Cores da Brand a serem aplicadas.
+     *
+     * Exemplo de uso:
+     * ```typescript
+     * PoThemeColor.brand = {
+     *  01: PoThemeColorTone,
+     *  02: PoThemeColorTone,
+     *  03: PoThemeColorTone
+     * }
+     * ```
+     */
+    'brand'?: poThemeColorBrand;
+    /**
+     *  Cores da Action a serem aplicadas.
+     *
+     * Exemplo de uso:
+     * ```javascript
+     * PoThemeColor.action = {
+     *  default: 'var(--color-brand-01-base)',
+     *  hover: 'var(--color-brand-01-dark)',
+     *  pressed: 'var(--color-brand-01-darker)',
+     *  disabled: 'var(--color-neutral-light-30)',
+     *  focus: 'var(--color-brand-01-darkest)'
+     * }
+     * ```
+     */
+    'action'?: PoThemeColorAction;
+    /**
+     *  Cores Neutrals a serem aplicadas.
+     *
+     * Exemplo de uso:
+     * ```typescript
+     * PoThemeColor.neutral = {
+     *  light: { '00': string, '05': string, '10': string, '20': string, '30': string },
+     *  mid: { '40': string, '60': string },
+     *  dark: { '70': string, '80': string, '90': string, '95': string },
+     * }
+     * ```
+     */
+    'neutral'?: PoThemeColorNeutral;
+    'feedback'?: PoThemeColorFeedback;
+}
+/**
+ * Interface para as variantes de cor da marca.
+ *
+ * @docsPrivate
+ */
+export interface poThemeColorBrand {
+    /**
+     *  Cores da Brand Primaria`
+     *
+     * Exemplo de uso:
+     * ```typescript
+     * PoThemeColor.brand['01'] = {
+     *  lightest: '#f2eaf6',
+     *  lighter: '#d9c2e5',
+     *  light: '#bd94d1',
+     *  base: '#753399',
+     *  dark: '#5b1c7d',
+     *  darker: '#400e58',
+     *  darkest: '#260538'
+     * }
+     * ```
+     */
+    '01'?: PoThemeColorTone;
+    /**
+     *  Cores da Brand Secundária`
+     *
+     * Exemplo de uso:
+     * ```typescript
+     * PoThemeColor.brand['02'] = {
+     *  base: '#b92f72',
+     * }
+     * ```
+     */
+    '02'?: PoThemeColorTone;
+    /**
+     *  Cores da Brand Terciária`
+     *
+     * Exemplo de uso:
+     * ```typescript
+     * PoThemeColor.brand['03'] = {
+     *  base: '#ffd464',
+     * }
+     * ```
+     */
+    '03'?: PoThemeColorTone;
+}
+/**
+ * Interface para as cores de ação do tema.
+ *
+ * @usedBy PoThemeService
+ */
+export interface PoThemeColorAction {
+    /**
+     *  Cores da Action 'Default'.
+     *
+     * Exemplo de uso:
+     * ```typescript
+     * PoThemeColor.action = {
+     *  default: 'var(--color-brand-01-base)',
+     * }
+     * ```
+     */
+    'default'?: string;
+    /**
+     *  Cores da Action para 'hover'.
+     *
+     * Exemplo de uso:
+     * ```typescript
+     * PoThemeColor.action = {
+     *  hover: 'var(--color-brand-01-dark)',
+     * }
+     * ```
+     */
+    'hover'?: string;
+    /**
+     *  Cores da Action para 'pressed'.
+     *
+     * Exemplo de uso:
+     * ```typescript
+     * PoThemeColor.action = {
+     *  pressed: 'var(--color-brand-01-darker)',
+     * }
+     * ```
+     */
+    'pressed'?: string;
+    /**
+     *  Cores da Action de 'disabled'.
+     *
+     * Exemplo de uso:
+     * ```typescript
+     * PoThemeColor.action = {
+     *  disabled: 'var(--color-neutral-light-30)',
+     * }
+     * ```
+     */
+    'disabled'?: string;
+    /**
+     *  Cores da Action para 'focus'.
+     *
+     * Exemplo de uso:
+     * ```typescript
+     * PoThemeColor.action = {
+     *  focus: 'var(--color-brand-01-darkest)'
+     * }
+     * ```
+     */
+    'focus'?: string;
+}
+export interface PoThemeColorFeedback {
+    /**
+     *  Cores da Feedback para 'negative'
+     *
+     * Exemplo de uso:
+     * ```typescript
+     * PoThemeColor.feedback.negative = {
+     *  lightest: '#f6e6e5',
+     *  lighter: '#e3aeab',
+     *  light: '#d58581',
+     *  base: '#be3e37',
+     *  dark: '#9b2d27',
+     *  darker: '#72211d',
+     *  darkest: '#4a1512',
+     * }
+     * ```
+     */
+    'negative'?: PoThemeColorTone;
+    /**
+     *  Cores da Feedback para 'info'
+     *
+     * Exemplo de uso:
+     * ```typescript
+     * PoThemeColor.feedback.info = {
+     *  lightest: '#e3e9f7',
+     *  lighter: '#b0c1e8',
+     *  light: '#7996d7',
+     *  base: '#23489f',
+     *  dark: '#173782',
+     *  darker: '#0f2557',
+     *  darkest: '#081536',
+     * }
+     * ```
+     */
+    'info'?: PoThemeColorTone;
+    /**
+     *  Cores da Feedback para 'positive'
+     *
+     * Exemplo de uso:
+     * ```typescript
+     * PoThemeColor.feedback.positive = {
+     *  lightest: '#def7ed',
+     *  lighter: '#7ecead',
+     *  light: '#41b483',
+     *  base: '#107048',
+     *  dark: '#0f5236',
+     *  darker: '#083a25',
+     *  darkest: '#002415',
+     * }
+     * ```
+     */
+    'positive'?: PoThemeColorTone;
+    /**
+     *  Cores da Feedback para 'warning'
+     *
+     * Exemplo de uso:
+     * ```typescript
+     * PoThemeColor.feedback.warning = {
+     *  lightest: '#fcf6e3',
+     *  lighter: '#f7dd97',
+     *  light: '#f1cd6a',
+     *  base: '#efba2a',
+     *  dark: '#d8a20e',
+     *  darker: '#705200',
+     *  darkest: '#473400',
+     * }
+     * ```
+     */
+    'warning'?: PoThemeColorTone;
+}
+/**
+ * Interface para representar as variantes de tons de cor.
+ *
+ * @docsPrivate
+ */
+interface PoThemeColorTone {
+    /**
+     *  Cores de Tom do tipo 'lightest'.
+     *
+     * Exemplo de uso:
+     * ```typescript
+     * PoThemeColor.brand['01'] = {
+     *  lightest: '#f2eaf6',
+     * }
+     * ```
+     */
+    'lightest'?: string;
+    /**
+     *  Cores de Tom do tipo 'lighter'.
+     *
+     * Exemplo de uso:
+     * ```typescript
+     * PoThemeColor.brand['01'] = {
+     *  lighter: '#d9c2e5',
+     * }
+     * ```
+     */
+    'lighter'?: string;
+    /**
+     *  Cores de Tom do tipo 'light'.
+     *
+     * Exemplo de uso:
+     * ```typescript
+     * PoThemeColor.brand['01'] = {
+     *  light: '#bd94d1',
+     * }
+     * ```
+     */
+    'light'?: string;
+    /**
+     *  Cores de Tom do tipo 'base'.
+     *
+     * Exemplo de uso:
+     * ```typescript
+     * PoThemeColor.brand['01'] = {
+     *  base: '#753399',
+     * }
+     * ```
+     */
+    'base'?: string;
+    /**
+     *  Cores de Tom do tipo 'dark'.
+     *
+     * Exemplo de uso:
+     * ```typescript
+     * PoThemeColor.brand['01'] = {
+     *  dark: '#5b1c7d',
+     * }
+     * ```
+     */
+    'dark'?: string;
+    /**
+     *  Cores de Tom do tipo 'darker'.
+     *
+     * Exemplo de uso:
+     * ```typescript
+     * PoThemeColor.brand['01'] = {
+     *  darker: '#400e58',
+     * }
+     * ```
+     */
+    'darker'?: string;
+    /**
+     *  Cores de Tom do tipo 'darkest'.
+     *
+     * Exemplo de uso:
+     * ```typescript
+     * PoThemeColor.brand['01'] = {
+     *  darkest: '#260538'
+     * }
+     * ```
+     */
+    'darkest'?: string;
+}
+/**
+ * Interface para as cores neutras do tema.
+ *
+ * @usedBy PoThemeService
+ */
+export interface PoThemeColorNeutral {
+    /**
+     *  Cores Neutrals do tipo 'light'.
+     *
+     * Exemplo de uso:
+     * ```typescript
+     * PoThemeColor.neutral.light = {
+     *  '00': '#ffffff',
+     *  '05': '#fbfbfb',
+     *  '10': '#eceeee',
+     *  '20': '#dadedf',
+     *  '30': '#b6bdbf'
+     * }
+     * ```
+     */
+    'light'?: {
+        '00'?: string;
+        '05'?: string;
+        '10'?: string;
+        '20'?: string;
+        '30'?: string;
+    };
+    /**
+     *  Cores Neutrals do tipo 'mid'.
+     *
+     * Exemplo de uso:
+     * ```typescript
+     * PoThemeColor.neutral.mid = {
+     *  '40': '#9da7a9',
+     *  '60': '#6e7c7f',
+     * }
+     * ```
+     */
+    'mid'?: {
+        '40'?: string;
+        '60'?: string;
+    };
+    /**
+     *  Cores Neutrals do tipo 'dark'.
+     *
+     * Exemplo de uso:
+     * ```typescript
+     * PoThemeColor.neutral.dark = {
+     *  '70': '#4a5c60',
+     *  '80': '#2c3739',
+     *  '90': '#1d2426',
+     *  '95': '#0b0e0e',
+     * }
+     * ```
+     */
+    'dark'?: {
+        '70'?: string;
+        '80'?: string;
+        '90'?: string;
+        '95'?: string;
+    };
+}
+export {};