add text-transform to Typography plugin defaults

area17 · Mar 5, 2024 · b0cb017 · b0cb017
1 parent 9b3c0cf
commit b0cb017
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 3 deletions.
diff --git a/changelog.md b/changelog.md
@@ -4,6 +4,12 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [4.0.2] - 2024-03-05
+
+### Added
+
+- added `text-transform` to `Typography` plugin defaults
+
 ## [4.0.1] - 2024-03-01
 
 ### Fixed

diff --git a/docs/tailwind.css b/docs/tailwind.css
@@ -983,6 +983,7 @@ video {
   font-weight: var(--f-h1-font-weight);
   line-height: var(--f-h1-line-height);
   letter-spacing: var(--f-h1-letter-spacing);
+  text-transform: var(--f-h1-text-transform);
   font-feature-settings: var(--f-h1-font-feature-settings);
   -moz-osx-font-smoothing: var(--f-h1--moz-osx-font-smoothing);
   -webkit-font-smoothing: var(--f-h1--webkit-font-smoothing);
@@ -997,6 +998,7 @@ video {
   font-weight: var(--f-h2-font-weight);
   line-height: var(--f-h2-line-height);
   letter-spacing: var(--f-h2-letter-spacing);
+  text-transform: var(--f-h2-text-transform);
   font-feature-settings: var(--f-h2-font-feature-settings);
   -moz-osx-font-smoothing: var(--f-h2--moz-osx-font-smoothing);
   -webkit-font-smoothing: var(--f-h2--webkit-font-smoothing);
@@ -1011,6 +1013,7 @@ video {
   font-weight: var(--f-h3-font-weight);
   line-height: var(--f-h3-line-height);
   letter-spacing: var(--f-h3-letter-spacing);
+  text-transform: var(--f-h3-text-transform);
   font-feature-settings: var(--f-h3-font-feature-settings);
   -moz-osx-font-smoothing: var(--f-h3--moz-osx-font-smoothing);
   -webkit-font-smoothing: var(--f-h3--webkit-font-smoothing);
@@ -1025,6 +1028,7 @@ video {
   font-weight: var(--f-h4-font-weight);
   line-height: var(--f-h4-line-height);
   letter-spacing: var(--f-h4-letter-spacing);
+  text-transform: var(--f-h4-text-transform);
   font-feature-settings: var(--f-h4-font-feature-settings);
   -moz-osx-font-smoothing: var(--f-h4--moz-osx-font-smoothing);
   -webkit-font-smoothing: var(--f-h4--webkit-font-smoothing);
@@ -1039,6 +1043,7 @@ video {
   font-weight: var(--f-body-font-weight);
   line-height: var(--f-body-line-height);
   letter-spacing: var(--f-body-letter-spacing);
+  text-transform: var(--f-body-text-transform);
   font-feature-settings: var(--f-body-font-feature-settings);
   -moz-osx-font-smoothing: var(--f-body--moz-osx-font-smoothing);
   -webkit-font-smoothing: var(--f-body--webkit-font-smoothing);
@@ -1053,6 +1058,7 @@ video {
   font-weight: var(--f-ui-font-weight);
   line-height: var(--f-ui-line-height);
   letter-spacing: var(--f-ui-letter-spacing);
+  text-transform: var(--f-ui-text-transform);
   font-feature-settings: var(--f-ui-font-feature-settings);
   -moz-osx-font-smoothing: var(--f-ui--moz-osx-font-smoothing);
   -webkit-font-smoothing: var(--f-ui--webkit-font-smoothing);
@@ -1067,6 +1073,7 @@ video {
   font-weight: var(--f-code-font-weight);
   line-height: var(--f-code-line-height);
   letter-spacing: var(--f-code-letter-spacing);
+  text-transform: var(--f-code-text-transform);
   font-feature-settings: var(--f-code-font-feature-settings);
   -moz-osx-font-smoothing: var(--f-code--moz-osx-font-smoothing);
   -webkit-font-smoothing: var(--f-code--webkit-font-smoothing);
@@ -1344,6 +1351,7 @@ video {
   font-weight: var(--f-ui-font-weight);
   line-height: var(--f-ui-line-height);
   letter-spacing: var(--f-ui-letter-spacing);
+  text-transform: var(--f-ui-text-transform);
   font-feature-settings: var(--f-ui-font-feature-settings);
   -moz-osx-font-smoothing: var(--f-ui--moz-osx-font-smoothing);
   -webkit-font-smoothing: var(--f-ui--webkit-font-smoothing);
@@ -1375,6 +1383,7 @@ video {
   font-weight: var(--f-code-font-weight);
   line-height: var(--f-code-line-height);
   letter-spacing: var(--f-code-letter-spacing);
+  text-transform: var(--f-code-text-transform);
   font-feature-settings: var(--f-code-font-feature-settings);
   -moz-osx-font-smoothing: var(--f-code--moz-osx-font-smoothing);
   -webkit-font-smoothing: var(--f-code--webkit-font-smoothing);
@@ -1422,6 +1431,7 @@ video {
   font-weight: var(--f-h2-font-weight);
   line-height: var(--f-h2-line-height);
   letter-spacing: var(--f-h2-letter-spacing);
+  text-transform: var(--f-h2-text-transform);
   font-feature-settings: var(--f-h2-font-feature-settings);
   -moz-osx-font-smoothing: var(--f-h2--moz-osx-font-smoothing);
   -webkit-font-smoothing: var(--f-h2--webkit-font-smoothing);
@@ -1447,6 +1457,7 @@ video {
   font-weight: var(--f-h3-font-weight);
   line-height: var(--f-h3-line-height);
   letter-spacing: var(--f-h3-letter-spacing);
+  text-transform: var(--f-h3-text-transform);
   font-feature-settings: var(--f-h3-font-feature-settings);
   -moz-osx-font-smoothing: var(--f-h3--moz-osx-font-smoothing);
   -webkit-font-smoothing: var(--f-h3--webkit-font-smoothing);
@@ -1469,6 +1480,7 @@ video {
   font-weight: var(--f-h4-font-weight);
   line-height: var(--f-h4-line-height);
   letter-spacing: var(--f-h4-letter-spacing);
+  text-transform: var(--f-h4-text-transform);
   font-feature-settings: var(--f-h4-font-feature-settings);
   -moz-osx-font-smoothing: var(--f-h4--moz-osx-font-smoothing);
   -webkit-font-smoothing: var(--f-h4--webkit-font-smoothing);
@@ -1491,6 +1503,7 @@ video {
   font-weight: var(--f-body-font-weight);
   line-height: var(--f-body-line-height);
   letter-spacing: var(--f-body-letter-spacing);
+  text-transform: var(--f-body-text-transform);
   font-feature-settings: var(--f-body-font-feature-settings);
   -moz-osx-font-smoothing: var(--f-body--moz-osx-font-smoothing);
   -webkit-font-smoothing: var(--f-body--webkit-font-smoothing);
@@ -1517,6 +1530,7 @@ video {
   font-weight: var(--f-body-font-weight);
   line-height: var(--f-body-line-height);
   letter-spacing: var(--f-body-letter-spacing);
+  text-transform: var(--f-body-text-transform);
   font-feature-settings: var(--f-body-font-feature-settings);
   -moz-osx-font-smoothing: var(--f-body--moz-osx-font-smoothing);
   -webkit-font-smoothing: var(--f-body--webkit-font-smoothing);
@@ -1549,6 +1563,7 @@ video {
   font-weight: var(--f-code-font-weight);
   line-height: var(--f-code-line-height);
   letter-spacing: var(--f-code-letter-spacing);
+  text-transform: var(--f-code-text-transform);
   font-feature-settings: var(--f-code-font-feature-settings);
   -moz-osx-font-smoothing: var(--f-code--moz-osx-font-smoothing);
   -webkit-font-smoothing: var(--f-code--webkit-font-smoothing);
@@ -1576,6 +1591,7 @@ video {
   font-weight: var(--f-code-font-weight);
   line-height: var(--f-code-line-height);
   letter-spacing: var(--f-code-letter-spacing);
+  text-transform: var(--f-code-text-transform);
   font-feature-settings: var(--f-code-font-feature-settings);
   -moz-osx-font-smoothing: var(--f-code--moz-osx-font-smoothing);
   -webkit-font-smoothing: var(--f-code--webkit-font-smoothing);
@@ -11382,6 +11398,7 @@ video {
     font-weight: var(--f-code-font-weight);
     line-height: var(--f-code-line-height);
     letter-spacing: var(--f-code-letter-spacing);
+    text-transform: var(--f-code-text-transform);
     font-feature-settings: var(--f-code-font-feature-settings);
     -moz-osx-font-smoothing: var(--f-code--moz-osx-font-smoothing);
     -webkit-font-smoothing: var(--f-code--webkit-font-smoothing);
@@ -11426,6 +11443,7 @@ video {
     font-weight: var(--f-code-font-weight);
     line-height: var(--f-code-line-height);
     letter-spacing: var(--f-code-letter-spacing);
+    text-transform: var(--f-code-text-transform);
     font-feature-settings: var(--f-code-font-feature-settings);
     -moz-osx-font-smoothing: var(--f-code--moz-osx-font-smoothing);
     -webkit-font-smoothing: var(--f-code--webkit-font-smoothing);

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@area17/a17-tailwind-plugins",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "author": "A17 <[email protected]> (https://area17.com/)",
   "description": "A collection of Tailwind plugins to help build responsive design systems in collaboration with A17 design and development build methodologies",
   "main": "index.js",

diff --git a/src/Typography/index.js b/src/Typography/index.js
@@ -15,6 +15,7 @@ module.exports = function ({ addBase, theme, prefix, e }) {
     'font-weight': 'initial',
     'line-height': 'initial',
     'letter-spacing': 'initial',
+    'text-transform': 'initial',
     'font-feature-settings': 'initial',
     '-moz-osx-font-smoothing': 'initial',
     '-webkit-font-smoothing': 'initial',