@po-ui/ng-components 19.6.0-beta.2 → 19.7.0

package/lib/components/po-field/po-radio-group/po-radio-group-base.component.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import { AbstractControl, ControlValueAccessor, Validator } from '@angular/forms';
+import { PoThemeService } from '../../../services';
 import { PoRadioGroupOption } from './po-radio-group-option.interface';
 import * as i0 from "@angular/core";
 /**
@@ -51,6 +52,7 @@ import * as i0 from "@angular/core";
  *
  */
 export declare abstract class PoRadioGroupBaseComponent implements ControlValueAccessor, Validator {
+    protected poThemeService: PoThemeService;
     additionalHelpEventTrigger: string | undefined;
     /**
      * @optional
@@ -160,6 +162,7 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
     private _disabled?;
     private _options;
     private _required?;
+    private _size?;
     private onChangePropagate;
     private validatorChange;
     /**
@@ -219,10 +222,19 @@ export declare abstract class PoRadioGroupBaseComponent implements ControlValueA
      *
      * @description
      *
-     * Define o tamanho do *radio*
+     * Define o tamanho dos radios do componente:
+     * - `small`: 16x16 (disponível apenas para acessibilidade AA).
+     * - `medium`: 24x24.
+     *
+     * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
+     * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
+     *
      * @default `medium`
+     *
      */
-    size: string;
+    set size(value: string);
+    get size(): string;
+    constructor(poThemeService: PoThemeService);
     changeValue(changedValue: any): void;
     setDisabledState(isDisabled: boolean): void;
     registerOnChange(fn: any): void;

package/lib/components/po-field/po-radio-group/po-radio-group.component.d.ts

@@ -1,4 +1,5 @@
 import { AfterViewInit, ChangeDetectorRef, DoCheck, ElementRef, IterableDiffers, QueryList } from '@angular/core';
+import { PoThemeService } from '../../../services';
 import { PoRadioComponent } from '../po-radio/po-radio.component';
 import { PoRadioGroupBaseComponent } from './po-radio-group-base.component';
 import * as i0 from "@angular/core";
@@ -31,6 +32,7 @@ import * as i0 from "@angular/core";
  *
  */
 export declare class PoRadioGroupComponent extends PoRadioGroupBaseComponent implements AfterViewInit, DoCheck {
+    protected poThemeService: PoThemeService;
     private el;
     private cd;
     /** Label do campo. */
@@ -40,7 +42,7 @@ export declare class PoRadioGroupComponent extends PoRadioGroupBaseComponent imp
     inputEl: ElementRef;
     radioLabels: QueryList<PoRadioComponent>;
     differ: any;
-    constructor(differs: IterableDiffers, el: ElementRef, cd: ChangeDetectorRef);
+    constructor(differs: IterableDiffers, poThemeService: PoThemeService, el: ElementRef, cd: ChangeDetectorRef);
     ngAfterViewInit(): void;
     ngDoCheck(): void;
     emitAdditionalHelp(): void;

package/lib/components/po-field/po-rich-text/po-rich-text-base.component.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import { AbstractControl, ControlValueAccessor, Validator } from '@angular/forms';
+import { PoThemeService } from '../../../services';
 import { PoRichTextToolbarActions } from './enum/po-rich-text-toolbar-actions.enum';
 import { PoRichTextService } from './po-rich-text.service';
 import * as i0 from "@angular/core";
@@ -14,6 +15,7 @@ import * as i0 from "@angular/core";
  */
 export declare abstract class PoRichTextBaseComponent implements ControlValueAccessor, Validator {
     private richTextService;
+    protected poThemeService: PoThemeService;
     /**
      * @optional
      *
@@ -175,6 +177,7 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
     private _placeholder;
     private _readonly;
     private _required;
+    private _size?;
     private validatorChange;
     protected onTouched: any;
     /**
@@ -221,6 +224,22 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
      */
     set required(value: boolean);
     get required(): boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tamanho do componente:
+     * - `small`: altura dos buttons como 32px (disponível apenas para acessibilidade AA).
+     * - `medium`: altura dos buttons como 44px.
+     *
+     * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
+     * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
+     *
+     * @default `medium`
+     */
+    set size(value: string);
+    get size(): string;
     /**
      * Define se a indicação de campo obrigatório será exibida.
      *
@@ -228,7 +247,7 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
      * - Não possuir `p-help` e/ou `p-label`.
      */
     showRequired: boolean;
-    constructor(richTextService: PoRichTextService);
+    constructor(richTextService: PoRichTextService, poThemeService: PoThemeService);
     registerOnChange(func: any): void;
     registerOnTouched(func: any): void;
     registerOnValidatorChange(fn: () => void): void;
@@ -239,7 +258,7 @@ export declare abstract class PoRichTextBaseComponent implements ControlValueAcc
     protected updateModel(value: any): void;
     protected validateModel(value: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoRichTextBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoRichTextBaseComponent, never, never, { "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "disabledTextAlign": { "alias": "p-disabled-text-align"; "required": false; }; "errorMessage": { "alias": "p-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "hideToolbarActions": { "alias": "p-hide-toolbar-actions"; "required": false; }; "height": { "alias": "p-height"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; "changeModel": "p-change-model"; "keydown": "p-keydown"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoRichTextBaseComponent, never, never, { "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "disabledTextAlign": { "alias": "p-disabled-text-align"; "required": false; }; "errorMessage": { "alias": "p-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "hideToolbarActions": { "alias": "p-hide-toolbar-actions"; "required": false; }; "height": { "alias": "p-height"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; "changeModel": "p-change-model"; "keydown": "p-keydown"; }, never, never, true, never>;
     static ngAcceptInputType_appendBox: any;
     static ngAcceptInputType_autoFocus: any;
     static ngAcceptInputType_disabledTextAlign: any;

package/lib/components/po-field/po-rich-text/po-rich-text-body/po-rich-text-body.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, EventEmitter, OnInit, OnDestroy } from '@angular/core';
+import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { PoRichTextService } from '../po-rich-text.service';
 import * as i0 from "@angular/core";
 export declare class PoRichTextBodyComponent implements OnInit, OnDestroy {
@@ -9,6 +9,8 @@ export declare class PoRichTextBodyComponent implements OnInit, OnDestroy {
     modelValue?: string;
     placeholder?: string;
     readonly?: string;
+    /** Tamanho do fonte */
+    size?: string;
     change: EventEmitter<any>;
     commands: EventEmitter<any>;
     keydown: EventEmitter<KeyboardEvent>;
@@ -53,5 +55,5 @@ export declare class PoRichTextBodyComponent implements OnInit, OnDestroy {
     private updateValueWithModelValue;
     private verifyCursorPositionInFirefoxIEEdge;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoRichTextBodyComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PoRichTextBodyComponent, "po-rich-text-body", never, { "height": { "alias": "p-height"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "modelValue": { "alias": "p-model-value"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; }, { "change": "p-change"; "commands": "p-commands"; "keydown": "p-keydown"; "selectedLink": "p-selected-link"; "shortcutCommand": "p-shortcut-command"; "value": "p-value"; "blur": "p-blur"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PoRichTextBodyComponent, "po-rich-text-body", never, { "height": { "alias": "p-height"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "modelValue": { "alias": "p-model-value"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "change": "p-change"; "commands": "p-commands"; "keydown": "p-keydown"; "selectedLink": "p-selected-link"; "shortcutCommand": "p-shortcut-command"; "value": "p-value"; "blur": "p-blur"; }, never, never, false, never>;
 }

package/lib/components/po-field/po-rich-text/po-rich-text-image-modal/po-rich-text-image-modal.component.d.ts

@@ -2,14 +2,15 @@ import { EventEmitter } from '@angular/core';
 import { NgForm } from '@angular/forms';
 import { PoLanguageService } from './../../../../services/po-language/po-language.service';
 import { PoModalAction, PoModalComponent } from '../../../po-modal';
-import { PoUploadComponent } from '../../po-upload/po-upload.component';
 import { PoUploadFileRestrictions } from '../../po-upload/interfaces/po-upload-file-restriction.interface';
+import { PoUploadComponent } from '../../po-upload/po-upload.component';
 import * as i0 from "@angular/core";
 export declare class PoRichTextImageModalComponent {
     private languageService;
     modal: PoModalComponent;
     modalImageForm: NgForm;
     upload: PoUploadComponent;
+    size: string;
     command: EventEmitter<string | {
         command: string;
         value: string | any;
@@ -33,5 +34,5 @@ export declare class PoRichTextImageModalComponent {
     private retrieveCursorPosition;
     private saveCursorPosition;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoRichTextImageModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PoRichTextImageModalComponent, "po-rich-text-image-modal", never, {}, { "command": "p-command"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PoRichTextImageModalComponent, "po-rich-text-image-modal", never, { "size": { "alias": "p-size"; "required": false; }; }, { "command": "p-command"; }, never, never, false, never>;
 }

package/lib/components/po-field/po-rich-text/po-rich-text-link-modal/po-rich-text-link-modal.component.d.ts

@@ -7,6 +7,7 @@ export declare class PoRichTextLinkModalComponent implements OnInit {
     private languageService;
     modal: PoModalComponent;
     modalLinkForm: NgForm;
+    size: string;
     command: EventEmitter<string | {
         command: string;
         value: string | any;
@@ -43,5 +44,5 @@ export declare class PoRichTextLinkModalComponent implements OnInit {
     private toEditLink;
     private toInsertLink;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoRichTextLinkModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PoRichTextLinkModalComponent, "po-rich-text-link-modal", never, {}, { "command": "p-command"; "linkEditing": "p-link-editing"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PoRichTextLinkModalComponent, "po-rich-text-link-modal", never, { "size": { "alias": "p-size"; "required": false; }; }, { "command": "p-command"; "linkEditing": "p-link-editing"; }, never, never, false, never>;
 }

package/lib/components/po-field/po-rich-text/po-rich-text-toolbar/po-rich-text-toolbar.component.d.ts

@@ -59,6 +59,7 @@ export declare class PoRichTextToolbarComponent implements AfterViewInit {
     set readonly(value: boolean);
     get readonly(): boolean;
     get isInternetExplorer(): boolean;
+    size: string;
     constructor(languageService: PoLanguageService);
     ngAfterViewInit(): void;
     changeTextColor(value: any): void;
@@ -77,5 +78,5 @@ export declare class PoRichTextToolbarComponent implements AfterViewInit {
     private setColorInColorPicker;
     private toggleDisableButtons;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoRichTextToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PoRichTextToolbarComponent, "po-rich-text-toolbar", never, { "hideToolbarActions": { "alias": "p-hide-toolbar-actions"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; }, { "command": "p-command"; "modal": "p-modal"; "linkEditing": "p-link-editing"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PoRichTextToolbarComponent, "po-rich-text-toolbar", never, { "hideToolbarActions": { "alias": "p-hide-toolbar-actions"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "command": "p-command"; "modal": "p-modal"; "linkEditing": "p-link-editing"; }, never, never, false, never>;
 }

package/lib/components/po-field/po-rich-text/po-rich-text.component.d.ts

@@ -1,4 +1,5 @@
 import { AfterViewInit, ElementRef, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { PoThemeService } from '../../../services';
 import { PoRichTextToolbarActions } from './enum/po-rich-text-toolbar-actions.enum';
 import { PoRichTextBaseComponent } from './po-rich-text-base.component';
 import { PoRichTextBodyComponent } from './po-rich-text-body/po-rich-text-body.component';
@@ -28,13 +29,14 @@ import * as i0 from "@angular/core";
  */
 export declare class PoRichTextComponent extends PoRichTextBaseComponent implements AfterViewInit, OnDestroy, OnInit, OnChanges {
     private element;
+    protected poThemeService: PoThemeService;
     bodyElement: PoRichTextBodyComponent;
     richTextToolbar: PoRichTextToolbarComponent;
     private listener;
     private modelLastUpdate;
     toolbarActions: Array<PoRichTextToolbarActions>;
     get errorMsg(): string;
-    constructor(element: ElementRef, richTextService: PoRichTextService);
+    constructor(element: ElementRef, richTextService: PoRichTextService, poThemeService: PoThemeService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;

package/lib/components/po-field/po-select/po-select.component.d.ts

@@ -1,5 +1,6 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, Renderer2, SimpleChanges } from '@angular/core';
 import { AbstractControl } from '@angular/forms';
+import { PoThemeService } from '../../../services';
 import { PoFieldValidateModel } from '../po-field-validate.model';
 import { PoSelectOptionGroup } from './po-select-option-group.interface';
 import { PoSelectOption } from './po-select-option.interface';
@@ -77,6 +78,7 @@ import * as i0 from "@angular/core";
 export declare class PoSelectComponent extends PoFieldValidateModel<any> implements OnChanges {
     private el;
     renderer: Renderer2;
+    protected poThemeService: PoThemeService;
     private _iconToken;
     selectElement: ElementRef;
     /**
@@ -118,6 +120,7 @@ export declare class PoSelectComponent extends PoFieldValidateModel<any> impleme
     private _fieldLabel?;
     private _fieldValue?;
     private _options;
+    private _size?;
     /**
      * Nesta propriedade deve ser definido uma coleção de objetos que implementam a interface `PoSelectOption`,
      * ou uma coleção de objetos dentro de grupos diferentes, que seriam da interface `PoSelectOptionGroup`.
@@ -183,9 +186,25 @@ export declare class PoSelectComponent extends PoFieldValidateModel<any> impleme
     controlValueWithLabel?: boolean;
     get fieldValue(): string;
     get iconNameLib(): string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tamanho do componente:
+     * - `small`: altura do input como 32px (disponível apenas para acessibilidade AA).
+     * - `medium`: altura do input como 44px.
+     *
+     * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
+     * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
+     *
+     * @default `medium`
+     */
+    set size(value: string);
+    get size(): string;
     constructor(value: {
         [key: string]: string;
-    }, changeDetector: ChangeDetectorRef, el: ElementRef, renderer: Renderer2);
+    }, changeDetector: ChangeDetectorRef, el: ElementRef, renderer: Renderer2, poThemeService: PoThemeService);
     ngOnChanges(changes: SimpleChanges): void;
     /**
      * Função que atribui foco ao componente.
@@ -246,8 +265,8 @@ export declare class PoSelectComponent extends PoFieldValidateModel<any> impleme
     private transformInArray;
     private separateOptions;
     private validateOptions;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PoSelectComponent, [{ optional: true; }, null, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PoSelectComponent, "po-select", never, { "readonly": { "alias": "p-readonly"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "controlValueWithLabel": { "alias": "p-control-value-with-label"; "required": false; }; }, { "ngModelChange": "ngModelChange"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoSelectComponent, [{ optional: true; }, null, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PoSelectComponent, "po-select", never, { "readonly": { "alias": "p-readonly"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "controlValueWithLabel": { "alias": "p-control-value-with-label"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "ngModelChange": "ngModelChange"; }, never, never, false, never>;
     static ngAcceptInputType_readonly: any;
     static ngAcceptInputType_controlValueWithLabel: any;
 }

package/lib/components/po-field/po-switch/po-switch.component.d.ts

@@ -1,4 +1,5 @@
 import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { PoThemeService } from '../../../services';
 import { PoFieldModel } from '../po-field.model';
 import { PoSwitchLabelPosition } from './po-switch-label-position.enum';
 import * as i0 from "@angular/core";
@@ -78,6 +79,7 @@ import * as i0 from "@angular/core";
  * </example>
  */
 export declare class PoSwitchComponent extends PoFieldModel<any> {
+    protected poThemeService: PoThemeService;
     private changeDetector;
     switchContainer: ElementRef;
     id: string;
@@ -86,6 +88,7 @@ export declare class PoSwitchComponent extends PoFieldModel<any> {
     private _labelOn;
     private _labelPosition;
     private _formatModel;
+    private _size?;
     /**
      * @optional
      *
@@ -135,7 +138,24 @@ export declare class PoSwitchComponent extends PoFieldModel<any> {
      */
     set labelOn(label: string);
     get labelOn(): string;
-    constructor(changeDetector: ChangeDetectorRef);
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tamanho do componente:
+     * - `small`: altura de 16px (disponível apenas para acessibilidade AA).
+     * - `medium`: altura de 24px.
+     *
+     * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
+     * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
+     *
+     * @default `medium`
+     *
+     */
+    set size(value: string);
+    get size(): string;
+    constructor(poThemeService: PoThemeService, changeDetector: ChangeDetectorRef);
     /**
      * Função que atribui foco ao componente.
      *
@@ -155,13 +175,13 @@ export declare class PoSwitchComponent extends PoFieldModel<any> {
      */
     focus(): void;
     onBlur(): void;
-    getLabelPosition(): "right" | "left";
+    getLabelPosition(): "left" | "right";
     onKeyDown(event: any): void;
     changeValue(value: any): void;
     eventClick(): void;
     onWriteValue(value: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoSwitchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PoSwitchComponent, "po-switch", never, { "value": { "alias": "p-value"; "required": false; }; "formatModel": { "alias": "p-format-model"; "required": false; }; "hideLabelStatus": { "alias": "p-hide-label-status"; "required": false; }; "labelPosition": { "alias": "p-label-position"; "required": false; }; "labelOff": { "alias": "p-label-off"; "required": false; }; "labelOn": { "alias": "p-label-on"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PoSwitchComponent, "po-switch", never, { "value": { "alias": "p-value"; "required": false; }; "formatModel": { "alias": "p-format-model"; "required": false; }; "hideLabelStatus": { "alias": "p-hide-label-status"; "required": false; }; "labelPosition": { "alias": "p-label-position"; "required": false; }; "labelOff": { "alias": "p-label-off"; "required": false; }; "labelOn": { "alias": "p-label-on"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, {}, never, never, false, never>;
     static ngAcceptInputType_value: any;
     static ngAcceptInputType_formatModel: any;
     static ngAcceptInputType_hideLabelStatus: any;

package/lib/components/po-field/po-textarea/po-textarea-base.component.d.ts

@@ -1,5 +1,6 @@
 import { ChangeDetectorRef, EventEmitter } from '@angular/core';
 import { AbstractControl, ControlValueAccessor, Validator } from '@angular/forms';
+import { PoThemeService } from '../../../services';
 import * as i0 from "@angular/core";
 /**
  * @description
@@ -28,9 +29,26 @@ import * as i0 from "@angular/core";
  * elementos da tela. [WCAG 2.4.12: Focus Appearance)](https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance-enhanced)
  * - A identificação do erro acontece também através da mudança de cor do campo, mas também de um ícone
  * junto da mensagem. [WGAG 1.4.1: Use of Color, 3.2.4: Consistent Identification](https://www.w3.org/WAI/WCAG21/Understanding/use-of-color)
+ *
+ * #### Tokens customizáveis
+ *
+ * É possível alterar o estilo do componente usando os seguintes tokens (CSS):
+ *
+ * > Para maiores informações, acesse o guia [Personalizando o Tema Padrão com Tokens CSS](https://po-ui.io/guides/theme-customization).
+ *
+ * | Propriedade                            | Descrição                                             | Valor Padrão                                    |
+ * |----------------------------------------|-------------------------------------------------------|-------------------------------------------------|
+ * | **Default Values**                     |                                                       |                                                 |
+ * | `--font-family`                        | Família tipográfica usada                             | `var(--font-family-theme)`                      |
+ * | `--font-size`                          | Tamanho da fonte                                      | `var(--font-size-default)`                      |
+ * | `--text-color-placeholder`             | Cor do texto placeholder                              | `var(--color-neutral-light-30)`                 |
+ * | `--color`                              | Cor pincipal do campo                                 | `var(--color-neutral-dark-70)`                  |
+ * | `--background`                         | Cor de background                                     | `var(--color-neutral-light-05)`                 |
+ *
  */
 export declare abstract class PoTextareaBaseComponent implements ControlValueAccessor, Validator {
     cd: ChangeDetectorRef;
+    protected poThemeService: PoThemeService;
     additionalHelpEventTrigger: string | undefined;
     /**
      * @optional
@@ -168,6 +186,7 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
     private _readonly;
     private _required;
     private _rows;
+    private _size?;
     private modelLastUpdate;
     private onChangePropagate;
     private validatorChange;
@@ -246,7 +265,23 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
      */
     set rows(value: number);
     get rows(): number;
-    constructor(cd: ChangeDetectorRef);
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tamanho do componente:
+     * - `small` (disponível apenas para acessibilidade AA)
+     * - `medium`
+     *
+     * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
+     * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
+     *
+     * @default `medium`
+     */
+    set size(value: string);
+    get size(): string;
+    constructor(cd: ChangeDetectorRef, poThemeService: PoThemeService);
     callOnChange(value: any): void;
     controlChangeModelEmitter(value: any): void;
     setDisabledState(isDisabled: boolean): void;
@@ -260,7 +295,7 @@ export declare abstract class PoTextareaBaseComponent implements ControlValueAcc
     protected validateModel(): void;
     abstract writeValueModel(value: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoTextareaBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoTextareaBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "minlength": { "alias": "p-minlength"; "required": false; }; "maxlength": { "alias": "p-maxlength"; "required": false; }; "rows": { "alias": "p-rows"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "blur": "p-blur"; "enter": "p-enter"; "change": "p-change"; "changeModel": "p-change-model"; "keydown": "p-keydown"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoTextareaBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "minlength": { "alias": "p-minlength"; "required": false; }; "maxlength": { "alias": "p-maxlength"; "required": false; }; "rows": { "alias": "p-rows"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "blur": "p-blur"; "enter": "p-enter"; "change": "p-change"; "changeModel": "p-change-model"; "keydown": "p-keydown"; }, never, never, true, never>;
     static ngAcceptInputType_appendBox: any;
     static ngAcceptInputType_autoFocus: any;
 }

package/lib/components/po-field/po-textarea/po-textarea.component.d.ts

@@ -1,4 +1,5 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef } from '@angular/core';
+import { PoThemeService } from '../../../services';
 import { PoTextareaBaseComponent } from './po-textarea-base.component';
 import * as i0 from "@angular/core";
 /**
@@ -29,11 +30,12 @@ import * as i0 from "@angular/core";
  */
 export declare class PoTextareaComponent extends PoTextareaBaseComponent implements AfterViewInit {
     private el;
+    protected poThemeService: PoThemeService;
     inputEl: ElementRef;
     id: string;
     valueBeforeChange: any;
     fireChange: boolean;
-    constructor(cd: ChangeDetectorRef, el: ElementRef);
+    constructor(cd: ChangeDetectorRef, el: ElementRef, poThemeService: PoThemeService);
     emitAdditionalHelp(): void;
     /**
      * Função que atribui foco ao componente.

package/lib/components/po-field/po-upload/po-upload-base.component.d.ts

@@ -1,11 +1,12 @@
 import { EventEmitter } from '@angular/core';
 import { AbstractControl, ControlValueAccessor, Validator } from '@angular/forms';
+import { PoThemeService } from '../../../services';
 import { PoLanguageService } from '../../../services/po-language/po-language.service';
+import { PoProgressAction } from '../../po-progress';
 import { PoUploadFileRestrictions } from './interfaces/po-upload-file-restriction.interface';
 import { PoUploadLiterals } from './interfaces/po-upload-literals.interface';
 import { PoUploadFile } from './po-upload-file';
 import { PoUploadService } from './po-upload.service';
-import { PoProgressAction } from '../../po-progress';
 import * as i0 from "@angular/core";
 export declare const poUploadLiteralsDefault: {
     en: PoUploadLiterals;
@@ -28,6 +29,7 @@ export declare const poUploadLiteralsDefault: {
  *  - Permite habilitar uma área onde os arquivos podem ser arrastados.
  */
 export declare abstract class PoUploadBaseComponent implements ControlValueAccessor, Validator {
+    protected poThemeService: PoThemeService;
     protected uploadService: PoUploadService;
     additionalHelpEventTrigger: string | undefined;
     /**
@@ -312,6 +314,7 @@ export declare abstract class PoUploadBaseComponent implements ControlValueAcces
     private _isMultiple?;
     private _literals?;
     private _required?;
+    private _size?;
     private language;
     private validatorChange;
     /**
@@ -472,7 +475,23 @@ export declare abstract class PoUploadBaseComponent implements ControlValueAcces
      * - Não possuir `p-help` e/ou `p-label`.
      */
     showRequired: boolean;
-    constructor(uploadService: PoUploadService, languageService: PoLanguageService);
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tamanho e as ações do componente:
+     * - `small`: altura do button como 32px (disponível apenas para acessibilidade AA).
+     * - `medium`: altura do button como 44px.
+     *
+     * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
+     * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
+     *
+     * @default `medium`
+     */
+    set size(value: string);
+    get size(): string;
+    constructor(poThemeService: PoThemeService, uploadService: PoUploadService, languageService: PoLanguageService);
     setDisabledState(isDisabled: boolean): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
@@ -495,7 +514,7 @@ export declare abstract class PoUploadBaseComponent implements ControlValueAcces
     abstract sendFeedback(): void;
     abstract setDirectoryAttribute(value: boolean): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoUploadBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoUploadBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "dragDropHeight": { "alias": "p-drag-drop-height"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "url": { "alias": "p-url"; "required": false; }; "name": { "alias": "name"; "required": false; }; "autoUpload": { "alias": "p-auto-upload"; "required": false; }; "disabledRemoveFile": { "alias": "p-disabled-remove-file"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "headers": { "alias": "p-headers"; "required": false; }; "requiredUrl": { "alias": "p-required-url"; "required": false; }; "customAction": { "alias": "p-custom-action"; "required": false; }; "directory": { "alias": "p-directory"; "required": false; }; "dragDrop": { "alias": "p-drag-drop"; "required": false; }; "hideRestrictionsInfo": { "alias": "p-hide-restrictions-info"; "required": false; }; "hideSelectButton": { "alias": "p-hide-select-button"; "required": false; }; "hideSendButton": { "alias": "p-hide-send-button"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "fileRestrictions": { "alias": "p-restrictions"; "required": false; }; "formField": { "alias": "p-form-field"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "isMultiple": { "alias": "p-multiple"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "customActionClick": "p-custom-action-click"; "keydown": "p-keydown"; "onUpload": "p-upload"; "onError": "p-error"; "onSuccess": "p-success"; "ngModelChange": "ngModelChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoUploadBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "dragDropHeight": { "alias": "p-drag-drop-height"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "url": { "alias": "p-url"; "required": false; }; "name": { "alias": "name"; "required": false; }; "autoUpload": { "alias": "p-auto-upload"; "required": false; }; "disabledRemoveFile": { "alias": "p-disabled-remove-file"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "headers": { "alias": "p-headers"; "required": false; }; "requiredUrl": { "alias": "p-required-url"; "required": false; }; "customAction": { "alias": "p-custom-action"; "required": false; }; "directory": { "alias": "p-directory"; "required": false; }; "dragDrop": { "alias": "p-drag-drop"; "required": false; }; "hideRestrictionsInfo": { "alias": "p-hide-restrictions-info"; "required": false; }; "hideSelectButton": { "alias": "p-hide-select-button"; "required": false; }; "hideSendButton": { "alias": "p-hide-send-button"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "fileRestrictions": { "alias": "p-restrictions"; "required": false; }; "formField": { "alias": "p-form-field"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "isMultiple": { "alias": "p-multiple"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "customActionClick": "p-custom-action-click"; "keydown": "p-keydown"; "onUpload": "p-upload"; "onError": "p-error"; "onSuccess": "p-success"; "ngModelChange": "ngModelChange"; }, never, never, true, never>;
     static ngAcceptInputType_appendBox: any;
     static ngAcceptInputType_autoFocus: any;
     static ngAcceptInputType_disabledRemoveFile: any;

package/lib/components/po-field/po-upload/po-upload.component.d.ts

@@ -4,6 +4,7 @@ import { PoLanguageService } from '../../../services/po-language/po-language.ser
 import { PoNotificationService } from '../../../services/po-notification/po-notification.service';
 import { PoProgressStatus } from '../../po-progress/enums/po-progress-status.enum';
 import { PoButtonComponent } from './../../po-button/po-button.component';
+import { PoThemeService } from '../../../services';
 import { PoUploadBaseComponent } from './po-upload-base.component';
 import { PoUploadFile } from './po-upload-file';
 import { PoUploadStatus } from './po-upload-status.enum';
@@ -44,6 +45,7 @@ export declare class PoUploadComponent extends PoUploadBaseComponent implements
     private i18nPipe;
     private notification;
     private cd;
+    protected poThemeService: PoThemeService;
     private inputFile;
     private poUploadDragDropComponent;
     uploadButton: PoButtonComponent;
@@ -59,7 +61,7 @@ export declare class PoUploadComponent extends PoUploadBaseComponent implements
         2: PoProgressStatus;
     };
     private calledByCleanInputValue;
-    constructor(uploadService: PoUploadService, renderer: Renderer2, i18nPipe: PoI18nPipe, notification: PoNotificationService, cd: ChangeDetectorRef, languageService: PoLanguageService);
+    constructor(uploadService: PoUploadService, renderer: Renderer2, i18nPipe: PoI18nPipe, notification: PoNotificationService, cd: ChangeDetectorRef, languageService: PoLanguageService, poThemeService: PoThemeService);
     get displayDragDrop(): boolean;
     get displaySendButton(): boolean;
     get selectFileButtonLabel(): string;

package/lib/components/po-field/po-url/po-url.component.d.ts

@@ -1,5 +1,6 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy } from '@angular/core';
 import { AbstractControl } from '@angular/forms';
+import { PoThemeService } from '../../../services';
 import { PoInputGeneric } from '../po-input-generic/po-input-generic';
 import * as i0 from "@angular/core";
 /**
@@ -28,13 +29,14 @@ import * as i0 from "@angular/core";
  *
  */
 export declare class PoUrlComponent extends PoInputGeneric implements AfterViewInit, OnDestroy {
+    protected poThemeService: PoThemeService;
     id: string;
     icon: string;
     type: string;
     pattern: string;
     mask: string;
     private listener;
-    constructor(el: ElementRef, cd: ChangeDetectorRef);
+    constructor(el: ElementRef, cd: ChangeDetectorRef, poThemeService: PoThemeService);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     extraValidation(c: AbstractControl): {

package/lib/components/po-info/po-info.module.d.ts

@@ -2,6 +2,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "./po-info.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/router";
+import * as i4 from "../po-link/po-link.module";
 /**
  * @description
  *
@@ -9,6 +10,6 @@ import * as i3 from "@angular/router";
  */
 export declare class PoInfoModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PoInfoModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PoInfoModule, [typeof i1.PoInfoComponent], [typeof i2.CommonModule, typeof i3.RouterModule], [typeof i1.PoInfoComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PoInfoModule, [typeof i1.PoInfoComponent], [typeof i2.CommonModule, typeof i3.RouterModule, typeof i4.PoLinkModule], [typeof i1.PoInfoComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PoInfoModule>;
 }