Widget: Text Widget

[agubler]

Type: feature

The following has been addressed in the PR:

• [x] There is a related issue
• [x] All code matches the style guide
• [x] Unit tests are included in the PR
• [x] For new widgets, an entry has been added to the .dojorc
• [x] For new widgets, theme.variant() is added to the root domnode
• [x] WidgetProperties are exported

Description:

Text widget used to provide a consistent approach to typography for a theme. The Text widget renders a p node by default that can be changed using the as property, for example:

<Text as="h1">Heading Text</Text>

The font size is controlled by the size property (default to m) which in turn is defined by CSS vars in the theme variants.

For longer text truncated can be used to add an ellipsis and finally inverse to change the text color to work on the inverse theme background.

Resolves #1647

[vercel[bot]]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployments, click below or on the icon next to each commit.

dojo.widgets – ./

🔍 Inspect: https://vercel.com/dojo/dojo.widgets/2oM2tSx5WXDhsNVt9F8TYmoMcRLH
✅ Preview: https://dojowidgets-git-fork-agubler-text-widget-dojo1.vercel.app

widget-test-docs – ./

🔍 Inspect: https://vercel.com/dojo/widget-test-docs/BUqqRruM4LESMc7rJKYnsQ4Krhsa
✅ Preview: https://widget-test-docs-git-fork-agubler-text-widget-dojo1.vercel.app

[codecov[bot]]

Codecov Report

Merging #1755 (1bc3326) into master (c684b35) will increase coverage by 0.03%. The diff coverage is 94.87%.

@@            Coverage Diff             @@
##           master    #1755      +/-   ##
==========================================
+ Coverage   90.54%   90.57%   +0.03%     
==========================================
  Files          94       95       +1     
  Lines        5193     5232      +39     
  Branches     1418     1429      +11     
==========================================
+ Hits         4702     4739      +37     
  Misses        241      241              
- Partials      250      252       +2     

Impacted Files	Coverage Δ
src/text/index.tsx	94.87% <94.87%> (ø)
src/card/index.tsx	100.00% <0.00%> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more Δ = absolute <relative> (impact), ø = not affected, ? = missing data Powered by Codecov. Last update c684b35...1bc3326. Read the comment docs.