Esri / calcite-design-system

A monorepo containing the packages for Esri's Calcite Design System
https://developers.arcgis.com/calcite-design-system/
Other
282 stars 76 forks source link

calcite-text-area font-size property (not scale) #7606

Open tom12993 opened 1 year ago

tom12993 commented 1 year ago

Description

I need to change the font size of the text-area input without changing the scale of the entire component. Reason: I like the scale of the component set to "s" for the footer, but that makes the input text's font-size too small. I'd like to control those two separately.

Acceptance Criteria

Styles variable like --calcite-text-area-font-size or something similar.

Which Component

calcite-text-area

Example Use Case

image I'd like to avoid doing this:

document.querySelector('calcite-text-area').shadowRoot.innerHTML += 
    `<style>textarea {font-size: 14px !important;}</style>`

Priority impact

p3 - want for upcoming milestone

Esri team

ArcGIS Monitor

geospatialem commented 2 months ago

Spike to determine the feasibility and consistency across the design system, in terms of the scaling of the component's text as part of the effort in #7180.