@bagelink/vue 0.0.346 → 0.0.350

package/src/styles/text.css

@@ -19,6 +19,87 @@
     font-size: 20px;
 }
 
+.txt24,
+.txt-24 {
+    font-size: 24px;
+}
+
+.txt28,
+.txt-28 {
+    font-size: 28px;
+}
+
+.txt30,
+.txt-30 {
+    font-size: 30px;
+}
+
+.txt32,
+.txt-32 {
+    font-size: 32px;
+}
+
+.txt36,
+.txt-36 {
+    font-size: 36px;
+}
+
+.txt40,
+.txt-40 {
+    font-size: 40px;
+}
+
+.txt44,
+.txt-44 {
+    font-size: 44px;
+}
+
+.txt48,
+.txt-48 {
+    font-size: 48px;
+}
+
+.txt50,
+.txt-50 {
+    font-size: 50px;
+}
+
+.txt52,
+.txt-52 {
+    font-size: 52px;
+}
+
+.txt56,
+.txt-56 {
+    font-size: 56px;
+}
+
+.txt60,
+.txt-60 {
+    font-size: 60px;
+}
+
+.txt64,
+.txt-64 {
+    font-size: 64px;
+}
+
+.txt68,
+.txt-68 {
+    font-size: 68px;
+}
+
+.txt70,
+.txt-70 {
+    font-size: 70px;
+}
+
+.txt72,
+.txt-72 {
+    font-size: 72px;
+}
+
+
 .txt18,
 .txt-18 {
     font-size: 18px;
@@ -78,11 +159,14 @@
     color: var(--bgl-white);
 }
 
-.font-light {
+.font-light,
+.txt-light {
     font-weight: 100;
 }
 
-.bold {
+.bold,
+.txt-bold,
+.font-bold {
     font-weight: 700;
 }
 
@@ -151,7 +235,17 @@
     white-space: nowrap;
 }
 
+.balance {
+    text-wrap: balance;
+}
+
+.pretty {
+    text-wrap: pretty;
+}
+
+
 @media screen and (max-width: 910px) {
+
     .txt20,
     .txt-20 {
         font-size: 18px;
@@ -188,6 +282,87 @@
         font-size: 20px;
     }
 
+    .m_txt24,
+    .m_txt-24 {
+        font-size: 24px;
+    }
+
+    .m_txt28,
+    .m_txt-28 {
+        font-size: 28px;
+    }
+
+    .m_txt30,
+    .m_txt-30 {
+        font-size: 30px;
+    }
+
+    .m_txt32,
+    .m_txt-32 {
+        font-size: 32px;
+    }
+
+    .m_txt36,
+    .m_txt-36 {
+        font-size: 36px;
+    }
+
+    .m_txt40,
+    .m_txt-40 {
+        font-size: 40px;
+    }
+
+    .m_txt44,
+    .m_txt-44 {
+        font-size: 44px;
+    }
+
+    .m_txt48,
+    .m_txt-48 {
+        font-size: 48px;
+    }
+
+    .m_txt50,
+    .m_txt-50 {
+        font-size: 50px;
+    }
+
+    .m_txt52,
+    .m_txt-52 {
+        font-size: 52px;
+    }
+
+    .m_txt56,
+    .m_txt-56 {
+        font-size: 56px;
+    }
+
+    .m_txt60,
+    .m_txt-60 {
+        font-size: 60px;
+    }
+
+    .m_txt64,
+    .m_txt-64 {
+        font-size: 64px;
+    }
+
+    .m_txt68,
+    .m_txt-68 {
+        font-size: 68px;
+    }
+
+    .m_txt70,
+    .m_txt-70 {
+        font-size: 70px;
+    }
+
+    .m_txt72,
+    .m_txt-72 {
+        font-size: 72px;
+    }
+
+
     .m_txt18,
     .m_txt-18 {
         font-size: 18px;
@@ -247,11 +422,14 @@
         color: var(--bgl-white);
     }
 
-    .m_font-light {
+    .m_font-light,
+    .m_txt-light {
         font-weight: 100;
     }
 
-    .m_bold {
+    .m_bold,
+    .m_txt-bold,
+    .m_font-bold {
         font-weight: 700;
     }
 
@@ -319,4 +497,13 @@
     .m_nowrap {
         white-space: nowrap;
     }
+
+    .m_balance {
+        text-wrap: balance;
+    }
+
+    .m_pretty {
+        text-wrap: pretty;
+    }
+
 }

package/src/types/materialIcons.ts

@@ -963,6 +963,7 @@ export type MaterialIcons =
   | 'electrical_services'
   | 'elevation'
   | 'elevator'
+  | 'email'
   | 'emergency'
   | 'emergency_heat'
   | 'emergency_heat_2'
@@ -2126,6 +2127,7 @@ export type MaterialIcons =
   | 'pet_supplies'
   | 'pets'
   | 'phishing'
+  | 'phone'
   | 'phone_android'
   | 'phone_bluetooth_speaker'
   | 'phone_callback'