Remove text-transform from Polaris React (#8255)

Shopify · Feb 3, 2023 · a766dec · a766dec
1 parent 37cacc5
commit a766dec
Show file tree

Hide file tree

Showing 10 changed files with 0 additions and 35 deletions.
diff --git a/polaris-react/src/components/AppProvider/AppProvider.scss b/polaris-react/src/components/AppProvider/AppProvider.scss
@@ -10,9 +10,6 @@ body {
   font-size: var(--p-font-size-100);
   line-height: var(--p-font-line-height-2);
   font-weight: var(--p-font-weight-regular);
-
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  text-transform: initial;
   letter-spacing: initial;
 
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY

diff --git a/polaris-react/src/components/Banner/Banner.scss b/polaris-react/src/components/Banner/Banner.scss
@@ -265,8 +265,6 @@
   font-size: var(--p-font-size-100);
   font-weight: var(--p-font-weight-medium);
   line-height: var(--p-font-line-height-1);
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  text-transform: initial;
   letter-spacing: initial;
   color: var(--p-text);
 

diff --git a/polaris-react/src/components/Button/Button.scss b/polaris-react/src/components/Button/Button.scss
@@ -54,8 +54,6 @@
   font-size: var(--p-font-size-100);
   font-weight: var(--p-font-weight-medium);
   line-height: var(--p-font-line-height-1);
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  text-transform: initial;
   letter-spacing: initial;
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
   position: relative;
@@ -464,8 +462,6 @@
     font-size: var(--p-font-size-200);
     font-weight: var(--p-font-weight-medium);
     line-height: var(--p-font-line-height-2);
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    text-transform: initial;
     letter-spacing: initial;
   }
 }

diff --git a/polaris-react/src/components/CheckableButton/CheckableButton.scss b/polaris-react/src/components/CheckableButton/CheckableButton.scss
@@ -8,8 +8,6 @@
   font-size: var(--p-font-size-75);
   font-weight: var(--p-font-weight-medium);
   line-height: var(--p-font-line-height-1);
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  text-transform: initial;
   letter-spacing: initial;
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
   display: flex;

diff --git a/polaris-react/src/components/FooterHelp/FooterHelp.scss b/polaris-react/src/components/FooterHelp/FooterHelp.scss
@@ -21,7 +21,5 @@
   font-weight: var(--p-font-weight-regular);
   line-height: var(--p-font-line-height-2);
   border: none;
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  text-transform: initial;
   letter-spacing: initial;
 }
diff --git a/polaris-react/src/components/Frame/Frame.scss b/polaris-react/src/components/Frame/Frame.scss
@@ -333,8 +333,6 @@
     font-size: var(--p-font-size-100);
     font-weight: var(--p-font-weight-medium);
     line-height: var(--p-font-line-height-1);
-    // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-    text-transform: initial;
     letter-spacing: initial;
     color: var(--p-text);
 

diff --git a/polaris-react/src/components/Navigation/Navigation.scss b/polaris-react/src/components/Navigation/Navigation.scss
@@ -533,8 +533,6 @@ $disabled-fade: 0.6;
 }
 
 .SectionHeading {
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  text-transform: none; // Adding this intentionally to override the default subheading styling.
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
   display: flex;
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY

diff --git a/polaris-react/src/components/Select/Select.scss b/polaris-react/src/components/Select/Select.scss
@@ -94,8 +94,6 @@
   font-size: var(--p-font-size-200);
   font-weight: var(--p-font-weight-regular);
   line-height: var(--p-font-line-height-2);
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  text-transform: initial;
   letter-spacing: initial;
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
   position: absolute;

diff --git a/polaris-react/src/components/TextField/TextField.scss b/polaris-react/src/components/TextField/TextField.scss
@@ -88,8 +88,6 @@ $spinner-icon-size: 12px;
   font-size: var(--p-font-size-200);
   font-weight: var(--p-font-weight-regular);
   line-height: var(--p-font-line-height-2);
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  text-transform: initial;
   letter-spacing: initial;
   // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
   position: relative;

diff --git a/polaris-react/src/styles/shared/_typography.scss b/polaris-react/src/styles/shared/_typography.scss
@@ -26,8 +26,6 @@
   font-size: 13px;
   font-weight: var(--p-font-weight-semibold);
   line-height: var(--p-font-line-height-1);
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  text-transform: uppercase;
 
   @media #{$p-breakpoints-md-up} {
     font-size: var(--p-font-size-75);
@@ -39,9 +37,6 @@
   font-weight: var(--p-font-weight-regular);
   line-height: var(--p-font-line-height-3);
   border: none;
-
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  text-transform: initial;
   letter-spacing: initial;
 
   @media #{$p-breakpoints-md-up} {
@@ -54,9 +49,6 @@
   font-size: 15px;
   font-weight: var(--p-font-weight-regular);
   line-height: var(--p-font-line-height-2);
-
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  text-transform: initial;
   letter-spacing: initial;
 
   @media #{$p-breakpoints-md-up} {
@@ -69,9 +61,6 @@
   font-size: 15px;
   font-weight: var(--p-font-weight-medium);
   line-height: var(--p-font-line-height-1);
-
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  text-transform: initial;
   letter-spacing: initial;
 
   @media #{$p-breakpoints-md-up} {
@@ -84,9 +73,6 @@
   font-size: 17px;
   font-weight: var(--p-font-weight-medium);
   line-height: var(--p-font-line-height-2);
-
-  // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-  text-transform: initial;
   letter-spacing: initial;
 
   @media #{$p-breakpoints-md-up} {