@po-ui/ng-components 19.6.0 → 19.8.0

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

@@ -1,5 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { PoThemeService } from '../../../services';
 import * as i0 from "@angular/core";
 /**
  * @description
@@ -43,6 +44,7 @@ import * as i0 from "@angular/core";
  *
  */
 export declare abstract class PoCheckboxBaseComponent implements ControlValueAccessor {
+    protected poThemeService: PoThemeService;
     additionalHelpEventTrigger: string | undefined;
     /**
      * @optional
@@ -123,6 +125,7 @@ export declare abstract class PoCheckboxBaseComponent implements ControlValueAcc
     propagateChange: any;
     onTouched: any;
     private _disabled?;
+    private _size?;
     /**
      * @optional
      *
@@ -134,23 +137,25 @@ export declare abstract class PoCheckboxBaseComponent implements ControlValueAcc
      */
     set disabled(value: boolean);
     get disabled(): boolean;
-    private _size?;
     /**
      * @optional
      *
      * @description
      *
-     * Define o tamanho do *checkbox*
+     * Define o tamanho da caixa de seleção do componente:
+     * - `small`: 16x16 (disponível apenas para acessibilidade AA).
+     * - `medium`: 24x24.
+     * - `large`: 32x32.
      *
-     * Valores válidos:
-     * - `medium`: o `po-checkbox` fica do tamanho padrão, com 24px de altura.;
-     * - `large`: o `po-checkbox` fica maior, com 32px de altura.;
+     * > 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);
     changeValue(): void;
     checkOption(value: boolean | null | string): void;
     setDisabledState(isDisabled: boolean): void;

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

@@ -1,4 +1,5 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef } from '@angular/core';
+import { PoThemeService } from '../../../services';
 import { PoCheckboxBaseComponent } from './po-checkbox-base.component';
 import * as i0 from "@angular/core";
 /**
@@ -23,11 +24,12 @@ import * as i0 from "@angular/core";
  */
 export declare class PoCheckboxComponent extends PoCheckboxBaseComponent implements AfterViewInit {
     private changeDetector;
+    protected poThemeService: PoThemeService;
     private _iconToken;
     checkboxLabel: ElementRef;
     constructor(value: {
         [key: string]: string;
-    }, changeDetector: ChangeDetectorRef);
+    }, changeDetector: ChangeDetectorRef, poThemeService: PoThemeService);
     /**
      * Função que atribui foco ao *checkbox*.
      *
@@ -79,6 +81,6 @@ export declare class PoCheckboxComponent extends PoCheckboxBaseComponent impleme
     protected changeModelValue(value: boolean | null | string): void;
     private isAdditionalHelpEventTriggered;
     get iconNameLib(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PoCheckboxComponent, [{ optional: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoCheckboxComponent, [{ optional: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PoCheckboxComponent, "po-checkbox", never, {}, {}, never, never, false, never>;
 }

package/lib/components/po-field/po-checkbox-group/po-checkbox-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 { PoCheckboxGroupOptionView } from './interfaces/po-checkbox-group-option-view.interface';
 import { PoCheckboxGroupOption } from './interfaces/po-checkbox-group-option.interface';
 import * as i0 from "@angular/core";
@@ -33,6 +34,7 @@ import * as i0 from "@angular/core";
  * ```
  */
 export declare class PoCheckboxGroupBaseComponent implements ControlValueAccessor, Validator {
+    protected poThemeService: PoThemeService;
     additionalHelpEventTrigger: string | undefined;
     /**
      * @optional
@@ -166,6 +168,7 @@ export declare class PoCheckboxGroupBaseComponent implements ControlValueAccesso
     private _indeterminate?;
     private _options?;
     private _required?;
+    private _size?;
     /**
      * @optional
      *
@@ -236,6 +239,24 @@ export declare class PoCheckboxGroupBaseComponent implements ControlValueAccesso
      * - Não possuir `p-help` e/ou `p-label`.
      */
     showRequired: boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tamanho dos checkboxes 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`
+     *
+     */
+    set size(value: string);
+    get size(): string;
+    constructor(poThemeService: PoThemeService);
     changeValue(): void;
     checkIndeterminate(): any;
     checkOption(value: PoCheckboxGroupOption): void;
@@ -256,7 +277,7 @@ export declare class PoCheckboxGroupBaseComponent implements ControlValueAccesso
     private removeDuplicatedOptions;
     private setCheckboxGroupOptionsView;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoCheckboxGroupBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoCheckboxGroupBaseComponent, 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; }; "name": { "alias": "name"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "columns": { "alias": "p-columns"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "indeterminate": { "alias": "p-indeterminate"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; }, { "ngModelChange": "ngModelChange"; "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoCheckboxGroupBaseComponent, 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; }; "name": { "alias": "name"; "required": false; }; "help": { "alias": "p-help"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "columns": { "alias": "p-columns"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "indeterminate": { "alias": "p-indeterminate"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "ngModelChange": "ngModelChange"; "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
     static ngAcceptInputType_appendBox: any;
     static ngAcceptInputType_autoFocus: any;
 }

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

@@ -1,4 +1,5 @@
 import { AfterViewChecked, AfterViewInit, ChangeDetectorRef, QueryList } from '@angular/core';
+import { PoThemeService } from '../../../services';
 import { PoCheckboxComponent } from '../po-checkbox/po-checkbox.component';
 import { PoCheckboxGroupOption } from './interfaces/po-checkbox-group-option.interface';
 import { PoCheckboxGroupBaseComponent } from './po-checkbox-group-base.component';
@@ -25,9 +26,10 @@ import * as i0 from "@angular/core";
  */
 export declare class PoCheckboxGroupComponent extends PoCheckboxGroupBaseComponent implements AfterViewChecked, AfterViewInit {
     private changeDetector;
+    protected poThemeService: PoThemeService;
     checkboxLabels: QueryList<PoCheckboxComponent>;
     private el;
-    constructor(changeDetector: ChangeDetectorRef);
+    constructor(changeDetector: ChangeDetectorRef, poThemeService: PoThemeService);
     ngAfterViewChecked(): void;
     ngAfterViewInit(): void;
     onBlur(checkbox: PoCheckboxComponent): void;

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

@@ -9,16 +9,18 @@ import * as i0 from "@angular/core";
  * deve implementar a interface PoClean.
  */
 export declare abstract class PoCleanBaseComponent {
+    private _size?;
     /** Nesta propriedade deve-se informar o elementRef do campo de entrada que utilizará o po-clean. */
     inputRef: ElementRef;
     /** Valor que será atribuído ao campo quando for clicado no po-clean. */
     defaultValue?: string;
+    set size(value: string);
+    get size(): string;
     /**
      * @optional
      *
      * @description
      *
-     *
      * Evento disparado quando executada ação do po-clean.
      * Este evento deve ser usado para avisar para o componente que está usando o po-clean, que o botão foi disparado,
      * e provavelmente será preciso emitir o evento para atualizar o model.
@@ -29,5 +31,5 @@ export declare abstract class PoCleanBaseComponent {
     abstract setInputValue(value: string): void;
     abstract getInputValue(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoCleanBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoCleanBaseComponent, never, never, { "inputRef": { "alias": "p-element-ref"; "required": false; }; "defaultValue": { "alias": "p-default-value"; "required": false; }; }, { "changeEvent": "p-change-event"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoCleanBaseComponent, never, never, { "inputRef": { "alias": "p-element-ref"; "required": false; }; "defaultValue": { "alias": "p-default-value"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, { "changeEvent": "p-change-event"; }, never, never, true, never>;
 }

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

@@ -1,12 +1,13 @@
 import { ChangeDetectorRef, EventEmitter, OnInit, TemplateRef } from '@angular/core';
 import { AbstractControl, ControlValueAccessor, Validator } from '@angular/forms';
 import { PoLanguageService } from '../../../services/po-language/po-language.service';
+import { PoThemeService } from '../../../services';
+import { PoComboFilterMode } from './enums/po-combo-filter-mode.enum';
 import { PoComboFilter } from './interfaces/po-combo-filter.interface';
 import { PoComboGroup } from './interfaces/po-combo-group.interface';
 import { PoComboLiterals } from './interfaces/po-combo-literals.interface';
 import { PoComboOptionGroup } from './interfaces/po-combo-option-group.interface';
 import { PoComboOption } from './interfaces/po-combo-option.interface';
-import { PoComboFilterMode } from './po-combo-filter-mode.enum';
 import { PoComboFilterService } from './po-combo-filter.service';
 import * as i0 from "@angular/core";
 /**
@@ -65,6 +66,7 @@ import * as i0 from "@angular/core";
  */
 export declare abstract class PoComboBaseComponent implements ControlValueAccessor, OnInit, Validator {
     protected changeDetector: ChangeDetectorRef;
+    protected poThemeService: PoThemeService;
     additionalHelpEventTrigger: string | undefined;
     /**
      * @optional
@@ -334,6 +336,7 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
     private _options;
     private _placeholder;
     private _required?;
+    private _size?;
     private _sort?;
     private language;
     private _infiniteScrollDistance?;
@@ -420,6 +423,22 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
      * - Não possuir `p-help` e/ou `p-label`.
      */
     showRequired: boolean;
+    /**
+     * @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;
     /**
      * @optional
      *
@@ -539,7 +558,7 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
      * @default `false`
      */
     appendBox?: boolean;
-    constructor(languageService: PoLanguageService, changeDetector: ChangeDetectorRef);
+    constructor(languageService: PoLanguageService, changeDetector: ChangeDetectorRef, poThemeService: PoThemeService);
     get isOptionGroupList(): boolean;
     ngOnInit(): void;
     onInitService(): void;
@@ -593,7 +612,7 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
     abstract getInputValue(): string;
     abstract initInputObservable(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoComboBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoComboBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "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; }; "filterService": { "alias": "p-filter-service"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "infiniteScrollDistance": { "alias": "p-infinite-scroll-distance"; "required": false; }; "icon": { "alias": "p-icon"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "clean": { "alias": "p-clean"; "required": false; }; "emitObjectValue": { "alias": "p-emit-object-value"; "required": false; }; "disabledTabFilter": { "alias": "p-disabled-tab-filter"; "required": false; }; "removeInitialFilter": { "alias": "p-remove-initial-filter"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "controlValueWithLabel": { "alias": "p-control-value-with-label"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "debounceTime": { "alias": "p-debounce-time"; "required": false; }; "disabledInitFilter": { "alias": "p-disabled-init-filter"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "filterMinlength": { "alias": "p-filter-minlength"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "changeOnEnter": { "alias": "p-change-on-enter"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "sort": { "alias": "p-sort"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "filterMode": { "alias": "p-filter-mode"; "required": false; }; "filterParams": { "alias": "p-filter-params"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "cache": { "alias": "p-cache"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; "ngModelChange": "ngModelChange"; "inputChange": "p-input-change"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoComboBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "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; }; "filterService": { "alias": "p-filter-service"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "infiniteScrollDistance": { "alias": "p-infinite-scroll-distance"; "required": false; }; "icon": { "alias": "p-icon"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "clean": { "alias": "p-clean"; "required": false; }; "emitObjectValue": { "alias": "p-emit-object-value"; "required": false; }; "disabledTabFilter": { "alias": "p-disabled-tab-filter"; "required": false; }; "removeInitialFilter": { "alias": "p-remove-initial-filter"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "controlValueWithLabel": { "alias": "p-control-value-with-label"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "debounceTime": { "alias": "p-debounce-time"; "required": false; }; "disabledInitFilter": { "alias": "p-disabled-init-filter"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "filterMinlength": { "alias": "p-filter-minlength"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "changeOnEnter": { "alias": "p-change-on-enter"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "sort": { "alias": "p-sort"; "required": false; }; "options": { "alias": "p-options"; "required": false; }; "filterMode": { "alias": "p-filter-mode"; "required": false; }; "filterParams": { "alias": "p-filter-params"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "cache": { "alias": "p-cache"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "change": "p-change"; "keydown": "p-keydown"; "ngModelChange": "ngModelChange"; "inputChange": "p-input-change"; }, never, never, true, never>;
     static ngAcceptInputType_autoFocus: any;
     static ngAcceptInputType_clean: any;
     static ngAcceptInputType_emitObjectValue: any;

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

@@ -1,12 +1,13 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, IterableDiffers, OnChanges, OnDestroy, Renderer2, SimpleChanges } from '@angular/core';
 import { PoControlPositionService } from '../../../services/po-control-position/po-control-position.service';
 import { PoLanguageService } from '../../../services/po-language/po-language.service';
-import { PoComboBaseComponent } from './po-combo-base.component';
-import { PoComboFilterService } from './po-combo-filter.service';
+import { PoThemeService } from '../../../services/po-theme/po-theme.service';
+import { PoListBoxComponent } from './../../po-listbox/po-listbox.component';
 import { PoComboGroup } from './interfaces/po-combo-group.interface';
 import { PoComboOption } from './interfaces/po-combo-option.interface';
+import { PoComboBaseComponent } from './po-combo-base.component';
+import { PoComboFilterService } from './po-combo-filter.service';
 import { PoComboOptionTemplateDirective } from './po-combo-option-template/po-combo-option-template.directive';
-import { PoListBoxComponent } from './../../po-listbox/po-listbox.component';
 import * as i0 from "@angular/core";
 /**
  * @docsExtends PoComboBaseComponent
@@ -62,6 +63,7 @@ export declare class PoComboComponent extends PoComboBaseComponent implements Af
     renderer: Renderer2;
     private controlPosition;
     protected changeDetector: ChangeDetectorRef;
+    protected poThemeService: PoThemeService;
     comboOptionTemplate: PoComboOptionTemplateDirective;
     outerContainer: ElementRef;
     containerElement: ElementRef;
@@ -85,7 +87,7 @@ export declare class PoComboComponent extends PoComboBaseComponent implements Af
     private filterSubscription;
     private getSubscription;
     private subscriptionScrollEvent;
-    constructor(element: ElementRef, differs: IterableDiffers, defaultService: PoComboFilterService, renderer: Renderer2, controlPosition: PoControlPositionService, changeDetector: ChangeDetectorRef, languageService: PoLanguageService);
+    constructor(element: ElementRef, differs: IterableDiffers, defaultService: PoComboFilterService, renderer: Renderer2, controlPosition: PoControlPositionService, changeDetector: ChangeDetectorRef, poThemeService: PoThemeService, languageService: PoLanguageService);
     set isServerSearching(value: boolean);
     get isServerSearching(): boolean;
     ngAfterViewInit(): void;

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

@@ -2,6 +2,7 @@ import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit } from '@angular/cor
 import { AbstractControl, ControlValueAccessor, Validator } from '@angular/forms';
 import { PoMask } from '../po-input/po-mask';
 import { Observable } from 'rxjs';
+import { PoThemeService } from '../../../services';
 import { PoLanguageService } from '../../../services/po-language/po-language.service';
 import { PoDatepickerIsoFormat } from './enums/po-datepicker-iso-format.enum';
 import * as i0 from "@angular/core";
@@ -79,6 +80,7 @@ import * as i0 from "@angular/core";
 export declare abstract class PoDatepickerBaseComponent implements ControlValueAccessor, OnInit, OnDestroy, Validator {
     protected languageService: PoLanguageService;
     protected cd: ChangeDetectorRef;
+    protected poThemeService: PoThemeService;
     additionalHelpEventTrigger: string | undefined;
     /**
      * @optional
@@ -212,6 +214,7 @@ export declare abstract class PoDatepickerBaseComponent implements ControlValueA
     private _noAutocomplete?;
     private _placeholder?;
     private previousValue;
+    private _size?;
     private subscription;
     private _date;
     /**
@@ -258,6 +261,22 @@ export declare abstract class PoDatepickerBaseComponent implements ControlValueA
      * - Não possuir `p-help` e/ou `p-label`.
      */
     showRequired: boolean;
+    /**
+     * @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;
     /** Habilita ação para limpar o campo. */
     clean?: boolean;
     set setClean(clean: string);
@@ -332,7 +351,7 @@ export declare abstract class PoDatepickerBaseComponent implements ControlValueA
      * @default `false`
      */
     appendBox: boolean;
-    constructor(languageService: PoLanguageService, cd: ChangeDetectorRef);
+    constructor(languageService: PoLanguageService, cd: ChangeDetectorRef, poThemeService: PoThemeService);
     set date(value: any);
     get date(): any;
     ngOnInit(): void;
@@ -354,7 +373,7 @@ export declare abstract class PoDatepickerBaseComponent implements ControlValueA
     abstract writeValue(value: any): void;
     abstract refreshValue(value: Date): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoDatepickerBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoDatepickerBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "errorAsync": { "alias": "p-error-async"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "errorPattern": { "alias": "p-error-pattern"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "showErrorMessageRequired": { "alias": "p-required-field-error-message"; "required": false; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "setDisabled": { "alias": "p-disabled"; "required": false; }; "setReadonly": { "alias": "p-readonly"; "required": false; }; "setRequired": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "setClean": { "alias": "p-clean"; "required": false; }; "minDate": { "alias": "p-min-date"; "required": false; }; "maxDate": { "alias": "p-max-date"; "required": false; }; "format": { "alias": "p-format"; "required": false; }; "isoFormat": { "alias": "p-iso-format"; "required": false; }; "locale": { "alias": "p-locale"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "onblur": "p-blur"; "onchange": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoDatepickerBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "additionalHelpTooltip": { "alias": "p-additional-help-tooltip"; "required": false; }; "autoFocus": { "alias": "p-auto-focus"; "required": false; }; "errorAsync": { "alias": "p-error-async"; "required": false; }; "name": { "alias": "name"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "errorPattern": { "alias": "p-error-pattern"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "showErrorMessageRequired": { "alias": "p-required-field-error-message"; "required": false; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "placeholder": { "alias": "p-placeholder"; "required": false; }; "setDisabled": { "alias": "p-disabled"; "required": false; }; "setReadonly": { "alias": "p-readonly"; "required": false; }; "setRequired": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "setClean": { "alias": "p-clean"; "required": false; }; "minDate": { "alias": "p-min-date"; "required": false; }; "maxDate": { "alias": "p-max-date"; "required": false; }; "format": { "alias": "p-format"; "required": false; }; "isoFormat": { "alias": "p-iso-format"; "required": false; }; "locale": { "alias": "p-locale"; "required": false; }; "appendBox": { "alias": "p-append-in-body"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "onblur": "p-blur"; "onchange": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
     static ngAcceptInputType_autoFocus: any;
     static ngAcceptInputType_appendBox: any;
 }

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

@@ -4,6 +4,7 @@ import { PoLanguageService } from '../../../services/po-language/po-language.ser
 import { PoButtonComponent } from '../../po-button/po-button.component';
 import { PoCalendarComponent } from '../../po-calendar/po-calendar.component';
 import { PoDatepickerBaseComponent } from './po-datepicker-base.component';
+import { PoThemeService } from '../../../services';
 import * as i0 from "@angular/core";
 /**
  * @docsExtends PoDatepickerBaseComponent
@@ -35,6 +36,7 @@ import * as i0 from "@angular/core";
 export declare class PoDatepickerComponent extends PoDatepickerBaseComponent implements AfterViewInit, OnDestroy {
     protected languageService: PoLanguageService;
     protected cd: ChangeDetectorRef;
+    protected poThemeService: PoThemeService;
     private controlPosition;
     private renderer;
     calendar: PoCalendarComponent;
@@ -60,7 +62,7 @@ export declare class PoDatepickerComponent extends PoDatepickerBaseComponent imp
     private valueBeforeChange;
     private subscriptionValidator;
     get autocomplete(): "on" | "off";
-    constructor(languageService: PoLanguageService, cd: ChangeDetectorRef, controlPosition: PoControlPositionService, renderer: Renderer2, el: ElementRef);
+    constructor(languageService: PoLanguageService, cd: ChangeDetectorRef, poThemeService: PoThemeService, controlPosition: PoControlPositionService, renderer: Renderer2, el: ElementRef);
     onKeyup($event: any): void;
     onKeydown($event?: any): void;
     ngAfterViewInit(): void;

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

@@ -1,5 +1,6 @@
 import { ChangeDetectorRef, EventEmitter, OnDestroy } from '@angular/core';
 import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
+import { PoThemeService } from '../../../services';
 import { PoLanguageService } from '../../../services/po-language/po-language.service';
 import { PoMask } from '../po-input/po-mask';
 import { PoDateService } from './../../../services/po-date/po-date.service';
@@ -50,6 +51,7 @@ import * as i0 from "@angular/core";
 export declare abstract class PoDatepickerRangeBaseComponent implements ControlValueAccessor, Validator, OnDestroy {
     protected changeDetector: ChangeDetectorRef;
     protected poDateService: PoDateService;
+    protected poThemeService: PoThemeService;
     private languageService;
     additionalHelpEventTrigger: string | undefined;
     name: string;
@@ -187,6 +189,7 @@ export declare abstract class PoDatepickerRangeBaseComponent implements ControlV
     private _required?;
     private _startDate?;
     private _locale?;
+    private _size?;
     private language;
     private onChangeModel;
     private validatorChange;
@@ -318,6 +321,22 @@ export declare abstract class PoDatepickerRangeBaseComponent implements ControlV
      * - Não possuir `p-help` e/ou `p-label`.
      */
     showRequired: boolean;
+    /**
+     * @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;
     /**
      * @optional
      *
@@ -338,7 +357,7 @@ export declare abstract class PoDatepickerRangeBaseComponent implements ControlV
      */
     set locale(value: string);
     get locale(): string;
-    constructor(changeDetector: ChangeDetectorRef, poDateService: PoDateService, languageService: PoLanguageService);
+    constructor(changeDetector: ChangeDetectorRef, poDateService: PoDateService, poThemeService: PoThemeService, languageService: PoLanguageService);
     ngOnDestroy(): void;
     setDisabledState(isDisabled: boolean): void;
     registerOnChange(func: any): void;
@@ -362,7 +381,7 @@ export declare abstract class PoDatepickerRangeBaseComponent implements ControlV
     protected abstract resetDateRangeInputValidation(): void;
     protected abstract updateScreenByModel(dateRange: PoDatepickerRange): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoDatepickerRangeBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoDatepickerRangeBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "name": { "alias": "name"; "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; }; "help": { "alias": "p-help"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "clean": { "alias": "p-clean"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "endDate": { "alias": "p-end-date"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "minDate": { "alias": "p-min-date"; "required": false; }; "maxDate": { "alias": "p-max-date"; "required": false; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "startDate": { "alias": "p-start-date"; "required": false; }; "locale": { "alias": "p-locale"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "onChange": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoDatepickerRangeBaseComponent, never, never, { "additionalHelpEventTrigger": { "alias": "additionalHelpEventTrigger"; "required": false; }; "name": { "alias": "name"; "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; }; "help": { "alias": "p-help"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "optional": { "alias": "p-optional"; "required": false; }; "fieldErrorMessage": { "alias": "p-field-error-message"; "required": false; }; "errorLimit": { "alias": "p-error-limit"; "required": false; }; "clean": { "alias": "p-clean"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "endDate": { "alias": "p-end-date"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "minDate": { "alias": "p-min-date"; "required": false; }; "maxDate": { "alias": "p-max-date"; "required": false; }; "noAutocomplete": { "alias": "p-no-autocomplete"; "required": false; }; "readonly": { "alias": "p-readonly"; "required": false; }; "required": { "alias": "p-required"; "required": false; }; "showRequired": { "alias": "p-show-required"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "startDate": { "alias": "p-start-date"; "required": false; }; "locale": { "alias": "p-locale"; "required": false; }; }, { "additionalHelp": "p-additional-help"; "onChange": "p-change"; "keydown": "p-keydown"; }, never, never, true, never>;
     static ngAcceptInputType_appendBox: any;
     static ngAcceptInputType_autoFocus: any;
 }

package/lib/components/po-field/po-datepicker-range/po-datepicker-range.component.d.ts

@@ -1,9 +1,10 @@
-import { ChangeDetectorRef, ElementRef, OnInit, AfterViewInit, Renderer2, OnDestroy, SimpleChanges, OnChanges } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
 import { PoControlPositionService } from './../../../services/po-control-position/po-control-position.service';
+import { PoThemeService } from '../../../services';
+import { PoLanguageService } from '../../../services/po-language/po-language.service';
+import { PoDateService } from './../../../services/po-date/po-date.service';
 import { PoDatepickerRange } from './interfaces/po-datepicker-range.interface';
 import { PoDatepickerRangeBaseComponent } from './po-datepicker-range-base.component';
-import { PoDateService } from './../../../services/po-date/po-date.service';
-import { PoLanguageService } from '../../../services/po-language/po-language.service';
 import * as i0 from "@angular/core";
 /**
  * @docsExtends PoDatepickerRangeBaseComponent
@@ -38,6 +39,7 @@ export declare class PoDatepickerRangeComponent extends PoDatepickerRangeBaseCom
     private renderer;
     private cd;
     private poLanguageService;
+    protected poThemeService: PoThemeService;
     dateRangeField: ElementRef;
     endDateInput: ElementRef;
     startDateInput: ElementRef;
@@ -56,7 +58,7 @@ export declare class PoDatepickerRangeComponent extends PoDatepickerRangeBaseCom
     get isDirtyDateRangeInput(): boolean;
     get startDateInputName(): string;
     get startDateInputValue(): string;
-    constructor(changeDetector: ChangeDetectorRef, controlPosition: PoControlPositionService, renderer: Renderer2, cd: ChangeDetectorRef, poLanguageService: PoLanguageService, poDateService: PoDateService, poDatepickerRangeElement: ElementRef);
+    constructor(changeDetector: ChangeDetectorRef, controlPosition: PoControlPositionService, renderer: Renderer2, cd: ChangeDetectorRef, poLanguageService: PoLanguageService, poDateService: PoDateService, poDatepickerRangeElement: ElementRef, poThemeService: PoThemeService);
     static getKeyCode(event: KeyboardEvent): number;
     static getTargetElement(event: any): any;
     static isValidKey(keyCode: number): boolean;

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

@@ -1,6 +1,7 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { AbstractControl } from '@angular/forms';
 import { PoLanguageService } from '../../../services/po-language/po-language.service';
+import { PoThemeService } from '../../../services';
 import { PoInputBaseComponent } from '../po-input/po-input-base.component';
 import * as i0 from "@angular/core";
 /**
@@ -45,6 +46,7 @@ import * as i0 from "@angular/core";
 export declare class PoDecimalComponent extends PoInputBaseComponent implements AfterViewInit, OnInit, OnDestroy {
     private el;
     private poLanguageService;
+    protected poThemeService: PoThemeService;
     inputEl: ElementRef;
     id: string;
     private _decimalsLength?;
@@ -125,7 +127,7 @@ export declare class PoDecimalComponent extends PoInputBaseComponent implements
      */
     set max(value: number);
     get max(): number;
-    constructor(el: ElementRef, poLanguageService: PoLanguageService, cd: ChangeDetectorRef);
+    constructor(el: ElementRef, poLanguageService: PoLanguageService, cd: ChangeDetectorRef, poThemeService: PoThemeService);
     ngOnInit(): void;
     setNumbersSeparators(): void;
     ngAfterViewInit(): void;
@@ -146,7 +148,6 @@ export declare class PoDecimalComponent extends PoInputBaseComponent implements
     onInputKeyboardAndroid(event: any): any;
     onKeyDown(event: KeyboardEvent): void;
     onKeyPress(event: KeyboardEvent): void;
-    setPaddingInput(): void;
     writeValueModel(value: any): void;
     getErrorPatternMessage(): string;
     private addZeroBefore;

package/lib/components/po-field/po-email/po-email.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";
 /**
@@ -29,13 +30,14 @@ import * as i0 from "@angular/core";
  * </example>
  */
 export declare class PoEmailComponent 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): {