diff --git a/gallery/fonts/google_fonts/Eczar-Regular.ttf b/gallery/fonts/google_fonts/Eczar-Regular.ttf
new file mode 100644
index 00000000000..ae8176a71a2
Binary files /dev/null and b/gallery/fonts/google_fonts/Eczar-Regular.ttf differ
diff --git a/gallery/fonts/google_fonts/Eczar-SemiBold.ttf b/gallery/fonts/google_fonts/Eczar-SemiBold.ttf
new file mode 100644
index 00000000000..6953023818b
Binary files /dev/null and b/gallery/fonts/google_fonts/Eczar-SemiBold.ttf differ
diff --git a/gallery/lib/l10n/gallery_localizations.dart b/gallery/lib/l10n/gallery_localizations.dart
index 800a5d4a0d7..c8b09499604 100644
--- a/gallery/lib/l10n/gallery_localizations.dart
+++ b/gallery/lib/l10n/gallery_localizations.dart
@@ -225,7 +225,7 @@ class GalleryLocalizations {
         'To see the source code for this app, please visit the ${value}.',
         locale: _localeName,
         name: 'aboutDialogDescription',
-        desc: 'A description about how to view the source code for this app.',
+        desc: r'A description about how to view the source code for this app.',
         args: <Object>[value]);
   }
 
@@ -233,7 +233,7 @@ class GalleryLocalizations {
     return Intl.message('Flutter samples Github repo',
         locale: _localeName,
         name: 'aboutFlutterSamplesRepo',
-        desc: 'Represents a link to the Flutter samples github repository.');
+        desc: r'Represents a link to the Flutter samples github repository.');
   }
 
   String get backToGallery {
@@ -241,7 +241,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'backToGallery',
         desc:
-            'Semantic label for back button to exit a study and return to the gallery home page.');
+            r'Semantic label for back button to exit a study and return to the gallery home page.');
   }
 
   String get bannerDemoLeadingText {
@@ -249,7 +249,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'bannerDemoLeadingText',
         desc:
-            'If user clicks this button the leading icon in the Banner will disappear');
+            r'If user clicks this button the leading icon in the Banner will disappear');
   }
 
   String get bannerDemoMultipleText {
@@ -257,14 +257,14 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'bannerDemoMultipleText',
         desc:
-            'When the user clicks this button the Banner will toggle multiple actions or a single action');
+            r'When the user clicks this button the Banner will toggle multiple actions or a single action');
   }
 
   String get bannerDemoResetText {
     return Intl.message('Reset the banner',
         locale: _localeName,
         name: 'bannerDemoResetText',
-        desc: 'Show the Banner to the user again.');
+        desc: r'Show the Banner to the user again.');
   }
 
   String get bannerDemoText {
@@ -273,7 +273,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'bannerDemoText',
         desc:
-            'Password was updated on a different device and the user is required to sign in again');
+            r'Password was updated on a different device and the user is required to sign in again');
   }
 
   String get bottomAppBarNotch {
@@ -281,7 +281,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'bottomAppBarNotch',
         desc:
-            'A toggle for whether to have a notch (or cutout) in the bottom app bar demo.');
+            r'A toggle for whether to have a notch (or cutout) in the bottom app bar demo.');
   }
 
   String get bottomAppBarPosition {
@@ -289,7 +289,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'bottomAppBarPosition',
         desc:
-            'A setting for the position of the floating action button in the bottom app bar demo.');
+            r'A setting for the position of the floating action button in the bottom app bar demo.');
   }
 
   String get bottomAppBarPositionDockedCenter {
@@ -297,7 +297,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'bottomAppBarPositionDockedCenter',
         desc:
-            'A setting for the position of the floating action button in the bottom app bar that docks the button in the bar and aligns it in the center.');
+            r'A setting for the position of the floating action button in the bottom app bar that docks the button in the bar and aligns it in the center.');
   }
 
   String get bottomAppBarPositionDockedEnd {
@@ -305,7 +305,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'bottomAppBarPositionDockedEnd',
         desc:
-            'A setting for the position of the floating action button in the bottom app bar that docks the button in the bar and aligns it at the end.');
+            r'A setting for the position of the floating action button in the bottom app bar that docks the button in the bar and aligns it at the end.');
   }
 
   String get bottomAppBarPositionFloatingCenter {
@@ -313,7 +313,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'bottomAppBarPositionFloatingCenter',
         desc:
-            'A setting for the position of the floating action button in the bottom app bar that places the button above the bar and aligns it in the center.');
+            r'A setting for the position of the floating action button in the bottom app bar that places the button above the bar and aligns it in the center.');
   }
 
   String get bottomAppBarPositionFloatingEnd {
@@ -321,42 +321,42 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'bottomAppBarPositionFloatingEnd',
         desc:
-            'A setting for the position of the floating action button in the bottom app bar that places the button above the bar and aligns it at the end.');
+            r'A setting for the position of the floating action button in the bottom app bar that places the button above the bar and aligns it at the end.');
   }
 
   String get bottomNavigationAccountTab {
     return Intl.message('Account',
         locale: _localeName,
         name: 'bottomNavigationAccountTab',
-        desc: 'Title for Account tab of bottom navigation.');
+        desc: r'Title for Account tab of bottom navigation.');
   }
 
   String get bottomNavigationAlarmTab {
     return Intl.message('Alarm',
         locale: _localeName,
         name: 'bottomNavigationAlarmTab',
-        desc: 'Title for Alarm tab of bottom navigation.');
+        desc: r'Title for Alarm tab of bottom navigation.');
   }
 
   String get bottomNavigationCalendarTab {
     return Intl.message('Calendar',
         locale: _localeName,
         name: 'bottomNavigationCalendarTab',
-        desc: 'Title for Calendar tab of bottom navigation.');
+        desc: r'Title for Calendar tab of bottom navigation.');
   }
 
   String get bottomNavigationCameraTab {
     return Intl.message('Camera',
         locale: _localeName,
         name: 'bottomNavigationCameraTab',
-        desc: 'Title for Camera tab of bottom navigation.');
+        desc: r'Title for Camera tab of bottom navigation.');
   }
 
   String get bottomNavigationCommentsTab {
     return Intl.message('Comments',
         locale: _localeName,
         name: 'bottomNavigationCommentsTab',
-        desc: 'Title for Comments tab of bottom navigation.');
+        desc: r'Title for Comments tab of bottom navigation.');
   }
 
   String bottomNavigationContentPlaceholder(Object title) {
@@ -364,7 +364,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'bottomNavigationContentPlaceholder',
         desc:
-            'Accessibility label for the content placeholder in the bottom navigation demo',
+            r'Accessibility label for the content placeholder in the bottom navigation demo',
         args: <Object>[title]);
   }
 
@@ -372,21 +372,21 @@ class GalleryLocalizations {
     return Intl.message('BUTTON',
         locale: _localeName,
         name: 'buttonText',
-        desc: 'Text for a generic button.');
+        desc: r'Text for a generic button.');
   }
 
   String get buttonTextCreate {
     return Intl.message('Create',
         locale: _localeName,
         name: 'buttonTextCreate',
-        desc: 'Tooltip text for a create button.');
+        desc: r'Tooltip text for a create button.');
   }
 
   String get cardsDemoExplore {
     return Intl.message('Explore',
         locale: _localeName,
         name: 'cardsDemoExplore',
-        desc: 'Click to see more about the content in the cards demo.');
+        desc: r'Click to see more about the content in the cards demo.');
   }
 
   String cardsDemoExploreSemantics(Object destinationName) {
@@ -394,7 +394,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'cardsDemoExploreSemantics',
         desc:
-            'Semantics label for Explore. Label tells user to explore the destinationName to the user. Example Explore Tamil',
+            r'Semantics label for Explore. Label tells user to explore the destinationName to the user. Example Explore Tamil',
         args: <Object>[destinationName]);
   }
 
@@ -403,7 +403,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'cardsDemoSelectable',
         desc:
-            'If the user taps and hold this card. The card will toggled between on and off.');
+            r'If the user taps and hold this card. The card will toggled between on and off.');
   }
 
   String cardsDemoShareSemantics(Object destinationName) {
@@ -411,7 +411,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'cardsDemoShareSemantics',
         desc:
-            'Semantics label for Share. Label tells user to share the destinationName to the user. Example Share Tamil',
+            r'Semantics label for Share. Label tells user to share the destinationName to the user. Example Share Tamil',
         args: <Object>[destinationName]);
   }
 
@@ -419,417 +419,417 @@ class GalleryLocalizations {
     return Intl.message('Tappable',
         locale: _localeName,
         name: 'cardsDemoTappable',
-        desc: 'The user can tap this button');
+        desc: r'The user can tap this button');
   }
 
   String get cardsDemoTravelDestinationCity1 {
     return Intl.message('Thanjavur',
         locale: _localeName,
         name: 'cardsDemoTravelDestinationCity1',
-        desc: 'Thanjavur the city');
+        desc: r'Thanjavur the city');
   }
 
   String get cardsDemoTravelDestinationCity2 {
     return Intl.message('Chettinad',
         locale: _localeName,
         name: 'cardsDemoTravelDestinationCity2',
-        desc: 'Chettinad the city');
+        desc: r'Chettinad the city');
   }
 
   String get cardsDemoTravelDestinationDescription1 {
     return Intl.message('Number 10',
         locale: _localeName,
         name: 'cardsDemoTravelDestinationDescription1',
-        desc: 'Number 10');
+        desc: r'Number 10');
   }
 
   String get cardsDemoTravelDestinationDescription2 {
     return Intl.message('Silk Spinners',
         locale: _localeName,
         name: 'cardsDemoTravelDestinationDescription2',
-        desc: 'Silk Spinners');
+        desc: r'Silk Spinners');
   }
 
   String get cardsDemoTravelDestinationDescription3 {
     return Intl.message('Temples',
         locale: _localeName,
         name: 'cardsDemoTravelDestinationDescription3',
-        desc: 'Temples');
+        desc: r'Temples');
   }
 
   String get cardsDemoTravelDestinationLocation1 {
     return Intl.message('Thanjavur, Tamil Nadu',
         locale: _localeName,
         name: 'cardsDemoTravelDestinationLocation1',
-        desc: 'Thanjavur, Tamil Nadu is a location');
+        desc: r'Thanjavur, Tamil Nadu is a location');
   }
 
   String get cardsDemoTravelDestinationLocation2 {
     return Intl.message('Sivaganga, Tamil Nadu',
         locale: _localeName,
         name: 'cardsDemoTravelDestinationLocation2',
-        desc: 'Sivaganga, Tamil Nadu is a location');
+        desc: r'Sivaganga, Tamil Nadu is a location');
   }
 
   String get cardsDemoTravelDestinationTitle1 {
     return Intl.message('Top 10 Cities to Visit in Tamil Nadu',
         locale: _localeName,
         name: 'cardsDemoTravelDestinationTitle1',
-        desc: 'The top 10 cities that you can visit in Tamil Nadu');
+        desc: r'The top 10 cities that you can visit in Tamil Nadu');
   }
 
   String get cardsDemoTravelDestinationTitle2 {
     return Intl.message('Artisans of Southern India',
         locale: _localeName,
         name: 'cardsDemoTravelDestinationTitle2',
-        desc: 'Artist that are from Southern India');
+        desc: r'Artist that are from Southern India');
   }
 
   String get cardsDemoTravelDestinationTitle3 {
     return Intl.message('Brihadisvara Temple',
         locale: _localeName,
         name: 'cardsDemoTravelDestinationTitle3',
-        desc: 'Brihadisvara Temple');
+        desc: r'Brihadisvara Temple');
   }
 
   String get chipBiking {
     return Intl.message('Biking',
         locale: _localeName,
         name: 'chipBiking',
-        desc: 'A chip component to that indicates a biking selection.');
+        desc: r'A chip component to that indicates a biking selection.');
   }
 
   String get chipElevator {
     return Intl.message('Elevator',
         locale: _localeName,
         name: 'chipElevator',
-        desc: 'A chip component to filter selection by elevators.');
+        desc: r'A chip component to filter selection by elevators.');
   }
 
   String get chipFireplace {
     return Intl.message('Fireplace',
         locale: _localeName,
         name: 'chipFireplace',
-        desc: 'A chip component to filter selection by fireplaces.');
+        desc: r'A chip component to filter selection by fireplaces.');
   }
 
   String get chipLarge {
     return Intl.message('Large',
         locale: _localeName,
         name: 'chipLarge',
-        desc: 'A chip component to select a large size.');
+        desc: r'A chip component to select a large size.');
   }
 
   String get chipMedium {
     return Intl.message('Medium',
         locale: _localeName,
         name: 'chipMedium',
-        desc: 'A chip component to select a medium size.');
+        desc: r'A chip component to select a medium size.');
   }
 
   String get chipSmall {
     return Intl.message('Small',
         locale: _localeName,
         name: 'chipSmall',
-        desc: 'A chip component to select a small size.');
+        desc: r'A chip component to select a small size.');
   }
 
   String get chipTurnOnLights {
     return Intl.message('Turn on lights',
         locale: _localeName,
         name: 'chipTurnOnLights',
-        desc: 'A chip component to turn on the lights.');
+        desc: r'A chip component to turn on the lights.');
   }
 
   String get chipWasher {
     return Intl.message('Washer',
         locale: _localeName,
         name: 'chipWasher',
-        desc: 'A chip component to filter selection by washers.');
+        desc: r'A chip component to filter selection by washers.');
   }
 
   String get colorsAmber {
     return Intl.message('AMBER',
         locale: _localeName,
         name: 'colorsAmber',
-        desc: 'Tab title for the color amber.');
+        desc: r'Tab title for the color amber.');
   }
 
   String get colorsBlue {
     return Intl.message('BLUE',
         locale: _localeName,
         name: 'colorsBlue',
-        desc: 'Tab title for the color blue.');
+        desc: r'Tab title for the color blue.');
   }
 
   String get colorsBlueGrey {
     return Intl.message('BLUE GREY',
         locale: _localeName,
         name: 'colorsBlueGrey',
-        desc: 'Tab title for the color blue grey.');
+        desc: r'Tab title for the color blue grey.');
   }
 
   String get colorsBrown {
     return Intl.message('BROWN',
         locale: _localeName,
         name: 'colorsBrown',
-        desc: 'Tab title for the color brown.');
+        desc: r'Tab title for the color brown.');
   }
 
   String get colorsCyan {
     return Intl.message('CYAN',
         locale: _localeName,
         name: 'colorsCyan',
-        desc: 'Tab title for the color cyan.');
+        desc: r'Tab title for the color cyan.');
   }
 
   String get colorsDeepOrange {
     return Intl.message('DEEP ORANGE',
         locale: _localeName,
         name: 'colorsDeepOrange',
-        desc: 'Tab title for the color deep orange.');
+        desc: r'Tab title for the color deep orange.');
   }
 
   String get colorsDeepPurple {
     return Intl.message('DEEP PURPLE',
         locale: _localeName,
         name: 'colorsDeepPurple',
-        desc: 'Tab title for the color deep purple.');
+        desc: r'Tab title for the color deep purple.');
   }
 
   String get colorsGreen {
     return Intl.message('GREEN',
         locale: _localeName,
         name: 'colorsGreen',
-        desc: 'Tab title for the color green.');
+        desc: r'Tab title for the color green.');
   }
 
   String get colorsGrey {
     return Intl.message('GREY',
         locale: _localeName,
         name: 'colorsGrey',
-        desc: 'Tab title for the color grey.');
+        desc: r'Tab title for the color grey.');
   }
 
   String get colorsIndigo {
     return Intl.message('INDIGO',
         locale: _localeName,
         name: 'colorsIndigo',
-        desc: 'Tab title for the color indigo.');
+        desc: r'Tab title for the color indigo.');
   }
 
   String get colorsLightBlue {
     return Intl.message('LIGHT BLUE',
         locale: _localeName,
         name: 'colorsLightBlue',
-        desc: 'Tab title for the color light blue.');
+        desc: r'Tab title for the color light blue.');
   }
 
   String get colorsLightGreen {
     return Intl.message('LIGHT GREEN',
         locale: _localeName,
         name: 'colorsLightGreen',
-        desc: 'Tab title for the color light green.');
+        desc: r'Tab title for the color light green.');
   }
 
   String get colorsLime {
     return Intl.message('LIME',
         locale: _localeName,
         name: 'colorsLime',
-        desc: 'Tab title for the color lime.');
+        desc: r'Tab title for the color lime.');
   }
 
   String get colorsOrange {
     return Intl.message('ORANGE',
         locale: _localeName,
         name: 'colorsOrange',
-        desc: 'Tab title for the color orange.');
+        desc: r'Tab title for the color orange.');
   }
 
   String get colorsPink {
     return Intl.message('PINK',
         locale: _localeName,
         name: 'colorsPink',
-        desc: 'Tab title for the color pink.');
+        desc: r'Tab title for the color pink.');
   }
 
   String get colorsPurple {
     return Intl.message('PURPLE',
         locale: _localeName,
         name: 'colorsPurple',
-        desc: 'Tab title for the color purple.');
+        desc: r'Tab title for the color purple.');
   }
 
   String get colorsRed {
     return Intl.message('RED',
         locale: _localeName,
         name: 'colorsRed',
-        desc: 'Tab title for the color red.');
+        desc: r'Tab title for the color red.');
   }
 
   String get colorsTeal {
     return Intl.message('TEAL',
         locale: _localeName,
         name: 'colorsTeal',
-        desc: 'Tab title for the color teal.');
+        desc: r'Tab title for the color teal.');
   }
 
   String get colorsYellow {
     return Intl.message('YELLOW',
         locale: _localeName,
         name: 'colorsYellow',
-        desc: 'Tab title for the color yellow.');
+        desc: r'Tab title for the color yellow.');
   }
 
   String get craneDescription {
     return Intl.message('A personalized travel app',
         locale: _localeName,
         name: 'craneDescription',
-        desc: 'Study description for Crane.');
+        desc: r'Study description for Crane.');
   }
 
   String get craneEat {
     return Intl.message('EAT',
-        locale: _localeName, name: 'craneEat', desc: 'Title for EAT tab.');
+        locale: _localeName, name: 'craneEat', desc: r'Title for EAT tab.');
   }
 
   String get craneEat0 {
     return Intl.message('Naples, Italy',
-        locale: _localeName, name: 'craneEat0', desc: 'Label for city.');
+        locale: _localeName, name: 'craneEat0', desc: r'Label for city.');
   }
 
   String get craneEat0SemanticLabel {
     return Intl.message('Pizza in a wood-fired oven',
         locale: _localeName,
         name: 'craneEat0SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneEat1 {
     return Intl.message('Dallas, United States',
-        locale: _localeName, name: 'craneEat1', desc: 'Label for city.');
+        locale: _localeName, name: 'craneEat1', desc: r'Label for city.');
   }
 
   String get craneEat10 {
     return Intl.message('Lisbon, Portugal',
-        locale: _localeName, name: 'craneEat10', desc: 'Label for city.');
+        locale: _localeName, name: 'craneEat10', desc: r'Label for city.');
   }
 
   String get craneEat10SemanticLabel {
     return Intl.message('Woman holding huge pastrami sandwich',
         locale: _localeName,
         name: 'craneEat10SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneEat1SemanticLabel {
     return Intl.message('Empty bar with diner-style stools',
         locale: _localeName,
         name: 'craneEat1SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneEat2 {
     return Intl.message('Córdoba, Argentina',
-        locale: _localeName, name: 'craneEat2', desc: 'Label for city.');
+        locale: _localeName, name: 'craneEat2', desc: r'Label for city.');
   }
 
   String get craneEat2SemanticLabel {
     return Intl.message('Burger',
         locale: _localeName,
         name: 'craneEat2SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneEat3 {
     return Intl.message('Portland, United States',
-        locale: _localeName, name: 'craneEat3', desc: 'Label for city.');
+        locale: _localeName, name: 'craneEat3', desc: r'Label for city.');
   }
 
   String get craneEat3SemanticLabel {
     return Intl.message('Korean taco',
         locale: _localeName,
         name: 'craneEat3SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneEat4 {
     return Intl.message('Paris, France',
-        locale: _localeName, name: 'craneEat4', desc: 'Label for city.');
+        locale: _localeName, name: 'craneEat4', desc: r'Label for city.');
   }
 
   String get craneEat4SemanticLabel {
     return Intl.message('Chocolate dessert',
         locale: _localeName,
         name: 'craneEat4SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneEat5 {
     return Intl.message('Seoul, South Korea',
-        locale: _localeName, name: 'craneEat5', desc: 'Label for city.');
+        locale: _localeName, name: 'craneEat5', desc: r'Label for city.');
   }
 
   String get craneEat5SemanticLabel {
     return Intl.message('Artsy restaurant seating area',
         locale: _localeName,
         name: 'craneEat5SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneEat6 {
     return Intl.message('Seattle, United States',
-        locale: _localeName, name: 'craneEat6', desc: 'Label for city.');
+        locale: _localeName, name: 'craneEat6', desc: r'Label for city.');
   }
 
   String get craneEat6SemanticLabel {
     return Intl.message('Shrimp dish',
         locale: _localeName,
         name: 'craneEat6SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneEat7 {
     return Intl.message('Nashville, United States',
-        locale: _localeName, name: 'craneEat7', desc: 'Label for city.');
+        locale: _localeName, name: 'craneEat7', desc: r'Label for city.');
   }
 
   String get craneEat7SemanticLabel {
     return Intl.message('Bakery entrance',
         locale: _localeName,
         name: 'craneEat7SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneEat8 {
     return Intl.message('Atlanta, United States',
-        locale: _localeName, name: 'craneEat8', desc: 'Label for city.');
+        locale: _localeName, name: 'craneEat8', desc: r'Label for city.');
   }
 
   String get craneEat8SemanticLabel {
     return Intl.message('Plate of crawfish',
         locale: _localeName,
         name: 'craneEat8SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneEat9 {
     return Intl.message('Madrid, Spain',
-        locale: _localeName, name: 'craneEat9', desc: 'Label for city.');
+        locale: _localeName, name: 'craneEat9', desc: r'Label for city.');
   }
 
   String get craneEat9SemanticLabel {
     return Intl.message('Cafe counter with pastries',
         locale: _localeName,
         name: 'craneEat9SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String craneEatRestaurants(int totalRestaurants) {
     return Intl.plural(totalRestaurants,
         locale: _localeName,
         name: 'craneEatRestaurants',
-        desc: 'Text indicating the number of restaurants. Always plural.',
+        desc: r'Text indicating the number of restaurants. Always plural.',
         args: <Object>[totalRestaurants],
         zero: 'No Restaurants',
         one: '1 Restaurant',
@@ -840,7 +840,7 @@ class GalleryLocalizations {
     return Intl.message('Explore Restaurants by Destination',
         locale: _localeName,
         name: 'craneEatSubhead',
-        desc: 'Subhead for EAT tab.');
+        desc: r'Subhead for EAT tab.');
   }
 
   String craneFlightDuration(Object hoursShortForm, Object minutesShortForm) {
@@ -848,181 +848,181 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'craneFlightDuration',
         desc:
-            'A pattern to define the layout of a flight duration string. For example in English one might say 1h 15m. Translation should only rearrange the inputs. {hoursShortForm} would for example be replaced by 1h, already translated to the given locale. {minutesShortForm} would for example be replaced by 15m, already translated to the given locale.',
+            r'A pattern to define the layout of a flight duration string. For example in English one might say 1h 15m. Translation should only rearrange the inputs. {hoursShortForm} would for example be replaced by 1h, already translated to the given locale. {minutesShortForm} would for example be replaced by 15m, already translated to the given locale.',
         args: <Object>[hoursShortForm, minutesShortForm]);
   }
 
   String get craneFly {
     return Intl.message('FLY',
-        locale: _localeName, name: 'craneFly', desc: 'Title for FLY tab.');
+        locale: _localeName, name: 'craneFly', desc: r'Title for FLY tab.');
   }
 
   String get craneFly0 {
     return Intl.message('Aspen, United States',
-        locale: _localeName, name: 'craneFly0', desc: 'Label for city.');
+        locale: _localeName, name: 'craneFly0', desc: r'Label for city.');
   }
 
   String get craneFly0SemanticLabel {
     return Intl.message('Chalet in a snowy landscape with evergreen trees',
         locale: _localeName,
         name: 'craneFly0SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneFly1 {
     return Intl.message('Big Sur, United States',
-        locale: _localeName, name: 'craneFly1', desc: 'Label for city.');
+        locale: _localeName, name: 'craneFly1', desc: r'Label for city.');
   }
 
   String get craneFly10 {
     return Intl.message('Cairo, Egypt',
-        locale: _localeName, name: 'craneFly10', desc: 'Label for city.');
+        locale: _localeName, name: 'craneFly10', desc: r'Label for city.');
   }
 
   String get craneFly10SemanticLabel {
     return Intl.message('Al-Azhar Mosque towers during sunset',
         locale: _localeName,
         name: 'craneFly10SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneFly11 {
     return Intl.message('Lisbon, Portugal',
-        locale: _localeName, name: 'craneFly11', desc: 'Label for city.');
+        locale: _localeName, name: 'craneFly11', desc: r'Label for city.');
   }
 
   String get craneFly11SemanticLabel {
     return Intl.message('Brick lighthouse at sea',
         locale: _localeName,
         name: 'craneFly11SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneFly12 {
     return Intl.message('Napa, United States',
-        locale: _localeName, name: 'craneFly12', desc: 'Label for city.');
+        locale: _localeName, name: 'craneFly12', desc: r'Label for city.');
   }
 
   String get craneFly12SemanticLabel {
     return Intl.message('Pool with palm trees',
         locale: _localeName,
         name: 'craneFly12SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneFly13 {
     return Intl.message('Bali, Indonesia',
-        locale: _localeName, name: 'craneFly13', desc: 'Label for city.');
+        locale: _localeName, name: 'craneFly13', desc: r'Label for city.');
   }
 
   String get craneFly13SemanticLabel {
     return Intl.message('Sea-side pool with palm trees',
         locale: _localeName,
         name: 'craneFly13SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneFly1SemanticLabel {
     return Intl.message('Tent in a field',
         locale: _localeName,
         name: 'craneFly1SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneFly2 {
     return Intl.message('Khumbu Valley, Nepal',
-        locale: _localeName, name: 'craneFly2', desc: 'Label for city.');
+        locale: _localeName, name: 'craneFly2', desc: r'Label for city.');
   }
 
   String get craneFly2SemanticLabel {
     return Intl.message('Prayer flags in front of snowy mountain',
         locale: _localeName,
         name: 'craneFly2SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneFly3 {
     return Intl.message('Machu Picchu, Peru',
-        locale: _localeName, name: 'craneFly3', desc: 'Label for city.');
+        locale: _localeName, name: 'craneFly3', desc: r'Label for city.');
   }
 
   String get craneFly3SemanticLabel {
     return Intl.message('Machu Picchu citadel',
         locale: _localeName,
         name: 'craneFly3SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneFly4 {
     return Intl.message('Malé, Maldives',
-        locale: _localeName, name: 'craneFly4', desc: 'Label for city.');
+        locale: _localeName, name: 'craneFly4', desc: r'Label for city.');
   }
 
   String get craneFly4SemanticLabel {
     return Intl.message('Overwater bungalows',
         locale: _localeName,
         name: 'craneFly4SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneFly5 {
     return Intl.message('Vitznau, Switzerland',
-        locale: _localeName, name: 'craneFly5', desc: 'Label for city.');
+        locale: _localeName, name: 'craneFly5', desc: r'Label for city.');
   }
 
   String get craneFly5SemanticLabel {
     return Intl.message('Lake-side hotel in front of mountains',
         locale: _localeName,
         name: 'craneFly5SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneFly6 {
     return Intl.message('Mexico City, Mexico',
-        locale: _localeName, name: 'craneFly6', desc: 'Label for city.');
+        locale: _localeName, name: 'craneFly6', desc: r'Label for city.');
   }
 
   String get craneFly6SemanticLabel {
     return Intl.message('Aerial view of Palacio de Bellas Artes',
         locale: _localeName,
         name: 'craneFly6SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneFly7 {
     return Intl.message('Mount Rushmore, United States',
-        locale: _localeName, name: 'craneFly7', desc: 'Label for city.');
+        locale: _localeName, name: 'craneFly7', desc: r'Label for city.');
   }
 
   String get craneFly7SemanticLabel {
     return Intl.message('Mount Rushmore',
         locale: _localeName,
         name: 'craneFly7SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneFly8 {
     return Intl.message('Singapore',
-        locale: _localeName, name: 'craneFly8', desc: 'Label for city.');
+        locale: _localeName, name: 'craneFly8', desc: r'Label for city.');
   }
 
   String get craneFly8SemanticLabel {
     return Intl.message('Supertree Grove',
         locale: _localeName,
         name: 'craneFly8SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneFly9 {
     return Intl.message('Havana, Cuba',
-        locale: _localeName, name: 'craneFly9', desc: 'Label for city.');
+        locale: _localeName, name: 'craneFly9', desc: r'Label for city.');
   }
 
   String get craneFly9SemanticLabel {
     return Intl.message('Man leaning on an antique blue car',
         locale: _localeName,
         name: 'craneFly9SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String craneFlyStops(int numberOfStops) {
@@ -1030,7 +1030,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'craneFlyStops',
         desc:
-            'Label indicating if a flight is nonstop or how many layovers it includes.',
+            r'Label indicating if a flight is nonstop or how many layovers it includes.',
         args: <Object>[numberOfStops],
         zero: 'Nonstop',
         one: '1 stop',
@@ -1041,63 +1041,63 @@ class GalleryLocalizations {
     return Intl.message('Explore Flights by Destination',
         locale: _localeName,
         name: 'craneFlySubhead',
-        desc: 'Subhead for FLY tab.');
+        desc: r'Subhead for FLY tab.');
   }
 
   String get craneFormDate {
     return Intl.message('Select Date',
         locale: _localeName,
         name: 'craneFormDate',
-        desc: 'Form field label to select a date.');
+        desc: r'Form field label to select a date.');
   }
 
   String get craneFormDates {
     return Intl.message('Select Dates',
         locale: _localeName,
         name: 'craneFormDates',
-        desc: 'Form field label to select multiple dates.');
+        desc: r'Form field label to select multiple dates.');
   }
 
   String get craneFormDestination {
     return Intl.message('Choose Destination',
         locale: _localeName,
         name: 'craneFormDestination',
-        desc: 'Form field label to choose a travel destination.');
+        desc: r'Form field label to choose a travel destination.');
   }
 
   String get craneFormDiners {
     return Intl.message('Diners',
         locale: _localeName,
         name: 'craneFormDiners',
-        desc: 'Form field label to enter the number of diners.');
+        desc: r'Form field label to enter the number of diners.');
   }
 
   String get craneFormLocation {
     return Intl.message('Select Location',
         locale: _localeName,
         name: 'craneFormLocation',
-        desc: 'Form field label to select a location.');
+        desc: r'Form field label to select a location.');
   }
 
   String get craneFormOrigin {
     return Intl.message('Choose Origin',
         locale: _localeName,
         name: 'craneFormOrigin',
-        desc: 'Form field label to choose a travel origin.');
+        desc: r'Form field label to choose a travel origin.');
   }
 
   String get craneFormTime {
     return Intl.message('Select Time',
         locale: _localeName,
         name: 'craneFormTime',
-        desc: 'Form field label to select a time.');
+        desc: r'Form field label to select a time.');
   }
 
   String get craneFormTravelers {
     return Intl.message('Travelers',
         locale: _localeName,
         name: 'craneFormTravelers',
-        desc: 'Form field label to select the number of travellers.');
+        desc: r'Form field label to select the number of travellers.');
   }
 
   String craneHours(int hours) {
@@ -1105,7 +1105,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'craneHours',
         desc:
-            'Generic text for an amount of hours, abbreviated to the shortest form. For example 1h. {hours} should remain untranslated.',
+            r'Generic text for an amount of hours, abbreviated to the shortest form. For example 1h. {hours} should remain untranslated.',
         args: <Object>[hours],
         one: '1h',
         other: '${hours}h');
@@ -1116,7 +1116,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'craneMinutes',
         desc:
-            'Generic text for an amount of minutes, abbreviated to the shortest form. For example 15m. {minutes} should remain untranslated.',
+            r'Generic text for an amount of minutes, abbreviated to the shortest form. For example 15m. {minutes} should remain untranslated.',
         args: <Object>[minutes],
         one: '1m',
         other: '${minutes}m');
@@ -1124,151 +1124,151 @@ class GalleryLocalizations {
 
   String get craneSleep {
     return Intl.message('SLEEP',
-        locale: _localeName, name: 'craneSleep', desc: 'Title for SLEEP tab.');
+        locale: _localeName, name: 'craneSleep', desc: r'Title for SLEEP tab.');
   }
 
   String get craneSleep0 {
     return Intl.message('Malé, Maldives',
-        locale: _localeName, name: 'craneSleep0', desc: 'Label for city.');
+        locale: _localeName, name: 'craneSleep0', desc: r'Label for city.');
   }
 
   String get craneSleep0SemanticLabel {
     return Intl.message('Overwater bungalows',
         locale: _localeName,
         name: 'craneSleep0SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneSleep1 {
     return Intl.message('Aspen, United States',
-        locale: _localeName, name: 'craneSleep1', desc: 'Label for city.');
+        locale: _localeName, name: 'craneSleep1', desc: r'Label for city.');
   }
 
   String get craneSleep10 {
     return Intl.message('Cairo, Egypt',
-        locale: _localeName, name: 'craneSleep10', desc: 'Label for city.');
+        locale: _localeName, name: 'craneSleep10', desc: r'Label for city.');
   }
 
   String get craneSleep10SemanticLabel {
     return Intl.message('Al-Azhar Mosque towers during sunset',
         locale: _localeName,
         name: 'craneSleep10SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneSleep11 {
     return Intl.message('Taipei, Taiwan',
-        locale: _localeName, name: 'craneSleep11', desc: 'Label for city.');
+        locale: _localeName, name: 'craneSleep11', desc: r'Label for city.');
   }
 
   String get craneSleep11SemanticLabel {
     return Intl.message('Taipei 101 skyscraper',
         locale: _localeName,
         name: 'craneSleep11SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneSleep1SemanticLabel {
     return Intl.message('Chalet in a snowy landscape with evergreen trees',
         locale: _localeName,
         name: 'craneSleep1SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneSleep2 {
     return Intl.message('Machu Picchu, Peru',
-        locale: _localeName, name: 'craneSleep2', desc: 'Label for city.');
+        locale: _localeName, name: 'craneSleep2', desc: r'Label for city.');
   }
 
   String get craneSleep2SemanticLabel {
     return Intl.message('Machu Picchu citadel',
         locale: _localeName,
         name: 'craneSleep2SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneSleep3 {
     return Intl.message('Havana, Cuba',
-        locale: _localeName, name: 'craneSleep3', desc: 'Label for city.');
+        locale: _localeName, name: 'craneSleep3', desc: r'Label for city.');
   }
 
   String get craneSleep3SemanticLabel {
     return Intl.message('Man leaning on an antique blue car',
         locale: _localeName,
         name: 'craneSleep3SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneSleep4 {
     return Intl.message('Vitznau, Switzerland',
-        locale: _localeName, name: 'craneSleep4', desc: 'Label for city.');
+        locale: _localeName, name: 'craneSleep4', desc: r'Label for city.');
   }
 
   String get craneSleep4SemanticLabel {
     return Intl.message('Lake-side hotel in front of mountains',
         locale: _localeName,
         name: 'craneSleep4SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneSleep5 {
     return Intl.message('Big Sur, United States',
-        locale: _localeName, name: 'craneSleep5', desc: 'Label for city.');
+        locale: _localeName, name: 'craneSleep5', desc: r'Label for city.');
   }
 
   String get craneSleep5SemanticLabel {
     return Intl.message('Tent in a field',
         locale: _localeName,
         name: 'craneSleep5SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneSleep6 {
     return Intl.message('Napa, United States',
-        locale: _localeName, name: 'craneSleep6', desc: 'Label for city.');
+        locale: _localeName, name: 'craneSleep6', desc: r'Label for city.');
   }
 
   String get craneSleep6SemanticLabel {
     return Intl.message('Pool with palm trees',
         locale: _localeName,
         name: 'craneSleep6SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneSleep7 {
     return Intl.message('Porto, Portugal',
-        locale: _localeName, name: 'craneSleep7', desc: 'Label for city.');
+        locale: _localeName, name: 'craneSleep7', desc: r'Label for city.');
   }
 
   String get craneSleep7SemanticLabel {
     return Intl.message('Colorful apartments at Riberia Square',
         locale: _localeName,
         name: 'craneSleep7SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneSleep8 {
     return Intl.message('Tulum, Mexico',
-        locale: _localeName, name: 'craneSleep8', desc: 'Label for city.');
+        locale: _localeName, name: 'craneSleep8', desc: r'Label for city.');
   }
 
   String get craneSleep8SemanticLabel {
     return Intl.message('Mayan ruins on a cliff above a beach',
         locale: _localeName,
         name: 'craneSleep8SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String get craneSleep9 {
     return Intl.message('Lisbon, Portugal',
-        locale: _localeName, name: 'craneSleep9', desc: 'Label for city.');
+        locale: _localeName, name: 'craneSleep9', desc: r'Label for city.');
   }
 
   String get craneSleep9SemanticLabel {
     return Intl.message('Brick lighthouse at sea',
         locale: _localeName,
         name: 'craneSleep9SemanticLabel',
-        desc: 'Semantic label for an image.');
+        desc: r'Semantic label for an image.');
   }
 
   String craneSleepProperties(int totalProperties) {
@@ -1276,7 +1276,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'craneSleepProperties',
         desc:
-            'Text indicating the number of available properties (temporary rentals). Always plural.',
+            r'Text indicating the number of available properties (temporary rentals). Always plural.',
         args: <Object>[totalProperties],
         zero: 'No Available Properties',
         one: '1 Available Properties',
@@ -1287,42 +1287,42 @@ class GalleryLocalizations {
     return Intl.message('Explore Properties by Destination',
         locale: _localeName,
         name: 'craneSleepSubhead',
-        desc: 'Subhead for SLEEP tab.');
+        desc: r'Subhead for SLEEP tab.');
   }
 
   String get cupertinoAlertAllow {
     return Intl.message('Allow',
         locale: _localeName,
         name: 'cupertinoAlertAllow',
-        desc: 'iOS-style alert allow option.');
+        desc: r'iOS-style alert allow option.');
   }
 
   String get cupertinoAlertApplePie {
     return Intl.message('Apple Pie',
         locale: _localeName,
         name: 'cupertinoAlertApplePie',
-        desc: 'iOS-style alert apple pie option.');
+        desc: r'iOS-style alert apple pie option.');
   }
 
   String get cupertinoAlertCancel {
     return Intl.message('Cancel',
         locale: _localeName,
         name: 'cupertinoAlertCancel',
-        desc: 'iOS-style alert cancel option.');
+        desc: r'iOS-style alert cancel option.');
   }
 
   String get cupertinoAlertCheesecake {
     return Intl.message('Cheesecake',
         locale: _localeName,
         name: 'cupertinoAlertCheesecake',
-        desc: 'iOS-style alert cheesecake option.');
+        desc: r'iOS-style alert cheesecake option.');
   }
 
   String get cupertinoAlertChocolateBrownie {
     return Intl.message('Chocolate Brownie',
         locale: _localeName,
         name: 'cupertinoAlertChocolateBrownie',
-        desc: 'iOS-style alert chocolate brownie option.');
+        desc: r'iOS-style alert chocolate brownie option.');
   }
 
   String get cupertinoAlertDessertDescription {
@@ -1330,28 +1330,28 @@ class GalleryLocalizations {
         'Please select your favorite type of dessert from the list below. Your selection will be used to customize the suggested list of eateries in your area.',
         locale: _localeName,
         name: 'cupertinoAlertDessertDescription',
-        desc: 'iOS-style alert description for selecting favorite dessert.');
+        desc: r'iOS-style alert description for selecting favorite dessert.');
   }
 
   String get cupertinoAlertDiscard {
     return Intl.message('Discard',
         locale: _localeName,
         name: 'cupertinoAlertDiscard',
-        desc: 'iOS-style alert discard option.');
+        desc: r'iOS-style alert discard option.');
   }
 
   String get cupertinoAlertDontAllow {
-    return Intl.message("Don't Allow",
+    return Intl.message('Don' "'" r't Allow',
         locale: _localeName,
         name: 'cupertinoAlertDontAllow',
-        desc: "iOS-style alert don't allow option.");
+        desc: r'iOS-style alert don' "'" r't allow option.');
   }
 
   String get cupertinoAlertFavoriteDessert {
     return Intl.message('Select Favorite Dessert',
         locale: _localeName,
         name: 'cupertinoAlertFavoriteDessert',
-        desc: 'iOS-style alert title for selecting favorite dessert.');
+        desc: r'iOS-style alert title for selecting favorite dessert.');
   }
 
   String get cupertinoAlertLocationDescription {
@@ -1359,7 +1359,7 @@ class GalleryLocalizations {
         'Your current location will be displayed on the map and used for directions, nearby search results, and estimated travel times.',
         locale: _localeName,
         name: 'cupertinoAlertLocationDescription',
-        desc: 'iOS-style alert description for location permission.');
+        desc: r'iOS-style alert description for location permission.');
   }
 
   String get cupertinoAlertLocationTitle {
@@ -1367,189 +1367,189 @@ class GalleryLocalizations {
         'Allow "Maps" to access your location while you are using the app?',
         locale: _localeName,
         name: 'cupertinoAlertLocationTitle',
-        desc: 'iOS-style alert title for location permission.');
+        desc: r'iOS-style alert title for location permission.');
   }
 
   String get cupertinoAlertTiramisu {
     return Intl.message('Tiramisu',
         locale: _localeName,
         name: 'cupertinoAlertTiramisu',
-        desc: 'iOS-style alert tiramisu option.');
+        desc: r'iOS-style alert tiramisu option.');
   }
 
   String get cupertinoButton {
     return Intl.message('Button',
         locale: _localeName,
         name: 'cupertinoButton',
-        desc: 'Button text for a generic iOS-style button.');
+        desc: r'Button text for a generic iOS-style button.');
   }
 
   String get cupertinoButtonWithBackground {
     return Intl.message('With Background',
         locale: _localeName,
         name: 'cupertinoButtonWithBackground',
-        desc: 'Button text for a iOS-style button with a filled background.');
+        desc: r'Button text for a iOS-style button with a filled background.');
   }
 
   String get cupertinoShowAlert {
     return Intl.message('Show Alert',
         locale: _localeName,
         name: 'cupertinoShowAlert',
-        desc: 'Button text to show iOS-style alert.');
+        desc: r'Button text to show iOS-style alert.');
   }
 
   String get cupertinoTabBarChatTab {
     return Intl.message('Chat',
         locale: _localeName,
         name: 'cupertinoTabBarChatTab',
-        desc: 'Title for the chat tab in the bottom tab bar demo.');
+        desc: r'Title for the chat tab in the bottom tab bar demo.');
   }
 
   String get cupertinoTabBarHomeTab {
     return Intl.message('Home',
         locale: _localeName,
         name: 'cupertinoTabBarHomeTab',
-        desc: 'Title for the home tab in the bottom tab bar demo.');
+        desc: r'Title for the home tab in the bottom tab bar demo.');
   }
 
   String get cupertinoTabBarProfileTab {
     return Intl.message('Profile',
         locale: _localeName,
         name: 'cupertinoTabBarProfileTab',
-        desc: 'Title for the profile tab in the bottom tab bar demo.');
+        desc: r'Title for the profile tab in the bottom tab bar demo.');
   }
 
   String get dataTableColumnCalcium {
     return Intl.message('Calcium (%)',
         locale: _localeName,
         name: 'dataTableColumnCalcium',
-        desc: 'Column header for daily percentage of calcium.');
+        desc: r'Column header for daily percentage of calcium.');
   }
 
   String get dataTableColumnCalories {
     return Intl.message('Calories',
         locale: _localeName,
         name: 'dataTableColumnCalories',
-        desc: 'Column header for number of calories.');
+        desc: r'Column header for number of calories.');
   }
 
   String get dataTableColumnCarbs {
     return Intl.message('Carbs (g)',
         locale: _localeName,
         name: 'dataTableColumnCarbs',
-        desc: 'Column header for number of grams of carbs.');
+        desc: r'Column header for number of grams of carbs.');
   }
 
   String get dataTableColumnDessert {
     return Intl.message('Dessert (1 serving)',
         locale: _localeName,
         name: 'dataTableColumnDessert',
-        desc: 'Column header for desserts.');
+        desc: r'Column header for desserts.');
   }
 
   String get dataTableColumnFat {
     return Intl.message('Fat (g)',
         locale: _localeName,
         name: 'dataTableColumnFat',
-        desc: 'Column header for number of grams of fat.');
+        desc: r'Column header for number of grams of fat.');
   }
 
   String get dataTableColumnIron {
     return Intl.message('Iron (%)',
         locale: _localeName,
         name: 'dataTableColumnIron',
-        desc: 'Column header for daily percentage of iron.');
+        desc: r'Column header for daily percentage of iron.');
   }
 
   String get dataTableColumnProtein {
     return Intl.message('Protein (g)',
         locale: _localeName,
         name: 'dataTableColumnProtein',
-        desc: 'Column header for number of grams of protein.');
+        desc: r'Column header for number of grams of protein.');
   }
 
   String get dataTableColumnSodium {
     return Intl.message('Sodium (mg)',
         locale: _localeName,
         name: 'dataTableColumnSodium',
-        desc: 'Column header for number of milligrams of sodium.');
+        desc: r'Column header for number of milligrams of sodium.');
   }
 
   String get dataTableHeader {
     return Intl.message('Nutrition',
         locale: _localeName,
         name: 'dataTableHeader',
-        desc: 'Header for the data table component demo about nutrition.');
+        desc: r'Header for the data table component demo about nutrition.');
   }
 
   String get dataTableRowApplePie {
     return Intl.message('Apple pie',
         locale: _localeName,
         name: 'dataTableRowApplePie',
-        desc: 'Column row for Apple pie.');
+        desc: r'Column row for Apple pie.');
   }
 
   String get dataTableRowCupcake {
     return Intl.message('Cupcake',
         locale: _localeName,
         name: 'dataTableRowCupcake',
-        desc: 'Column row for Cupcake.');
+        desc: r'Column row for Cupcake.');
   }
 
   String get dataTableRowDonut {
     return Intl.message('Donut',
         locale: _localeName,
         name: 'dataTableRowDonut',
-        desc: 'Column row for Donut.');
+        desc: r'Column row for Donut.');
   }
 
   String get dataTableRowEclair {
     return Intl.message('Eclair',
         locale: _localeName,
         name: 'dataTableRowEclair',
-        desc: 'Column row for Eclair.');
+        desc: r'Column row for Eclair.');
   }
 
   String get dataTableRowFrozenYogurt {
     return Intl.message('Frozen yogurt',
         locale: _localeName,
         name: 'dataTableRowFrozenYogurt',
-        desc: 'Column row for frozen yogurt.');
+        desc: r'Column row for frozen yogurt.');
   }
 
   String get dataTableRowGingerbread {
     return Intl.message('Gingerbread',
         locale: _localeName,
         name: 'dataTableRowGingerbread',
-        desc: 'Column row for Gingerbread.');
+        desc: r'Column row for Gingerbread.');
   }
 
   String get dataTableRowHoneycomb {
     return Intl.message('Honeycomb',
         locale: _localeName,
         name: 'dataTableRowHoneycomb',
-        desc: 'Column row for Honeycomb.');
+        desc: r'Column row for Honeycomb.');
   }
 
   String get dataTableRowIceCreamSandwich {
     return Intl.message('Ice cream sandwich',
         locale: _localeName,
         name: 'dataTableRowIceCreamSandwich',
-        desc: 'Column row for Ice cream sandwich.');
+        desc: r'Column row for Ice cream sandwich.');
   }
 
   String get dataTableRowJellyBean {
     return Intl.message('Jelly bean',
         locale: _localeName,
         name: 'dataTableRowJellyBean',
-        desc: 'Column row for Jelly bean.');
+        desc: r'Column row for Jelly bean.');
   }
 
   String get dataTableRowLollipop {
     return Intl.message('Lollipop',
         locale: _localeName,
         name: 'dataTableRowLollipop',
-        desc: 'Column row for Lollipop.');
+        desc: r'Column row for Lollipop.');
   }
 
   String dataTableRowWithHoney(Object value) {
@@ -1557,7 +1557,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'dataTableRowWithHoney',
         desc:
-            'A dessert with honey on it. The parameter is some type of dessert.',
+            r'A dessert with honey on it. The parameter is some type of dessert.',
         args: <Object>[value]);
   }
 
@@ -1566,7 +1566,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'dataTableRowWithSugar',
         desc:
-            'A dessert with sugar on it. The parameter is some type of dessert.',
+            r'A dessert with sugar on it. The parameter is some type of dessert.',
         args: <Object>[value]);
   }
 
@@ -1575,14 +1575,14 @@ class GalleryLocalizations {
         'Tap to edit tiles, and use gestures to move around the scene. Drag to pan, pinch to zoom, rotate with two fingers. Press the reset button to return to the starting orientation.',
         locale: _localeName,
         name: 'demo2dTransformationsDescription',
-        desc: 'Description for the 2D transformations demo.');
+        desc: r'Description for the 2D transformations demo.');
   }
 
   String get demo2dTransformationsEditTooltip {
     return Intl.message('Edit tile',
         locale: _localeName,
         name: 'demo2dTransformationsEditTooltip',
-        desc: 'Tooltip for a button to edit a tile.');
+        desc: r'Tooltip for a button to edit a tile.');
   }
 
   String get demo2dTransformationsResetTooltip {
@@ -1590,21 +1590,21 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demo2dTransformationsResetTooltip',
         desc:
-            'Tooltip for a button to reset the transformations (scale, translation) for the 2D transformations demo.');
+            r'Tooltip for a button to reset the transformations (scale, translation) for the 2D transformations demo.');
   }
 
   String get demo2dTransformationsSubtitle {
     return Intl.message('Pan, zoom, rotate',
         locale: _localeName,
         name: 'demo2dTransformationsSubtitle',
-        desc: 'Subtitle for the 2D transformations demo.');
+        desc: r'Subtitle for the 2D transformations demo.');
   }
 
   String get demo2dTransformationsTitle {
     return Intl.message('2D transformations',
         locale: _localeName,
         name: 'demo2dTransformationsTitle',
-        desc: 'Title for the 2D transformations demo.');
+        desc: r'Title for the 2D transformations demo.');
   }
 
   String get demoActionChipDescription {
@@ -1612,14 +1612,14 @@ class GalleryLocalizations {
         'Action chips are a set of options which trigger an action related to primary content. Action chips should appear dynamically and contextually in a UI.',
         locale: _localeName,
         name: 'demoActionChipDescription',
-        desc: 'Description for the action chip component demo.');
+        desc: r'Description for the action chip component demo.');
   }
 
   String get demoActionChipTitle {
     return Intl.message('Action Chip',
         locale: _localeName,
         name: 'demoActionChipTitle',
-        desc: 'Title for the action chip component demo.');
+        desc: r'Title for the action chip component demo.');
   }
 
   String get demoAlertDialogDescription {
@@ -1627,21 +1627,21 @@ class GalleryLocalizations {
         'An alert dialog informs the user about situations that require acknowledgement. An alert dialog has an optional title and an optional list of actions.',
         locale: _localeName,
         name: 'demoAlertDialogDescription',
-        desc: 'Description for the alert dialog component demo.');
+        desc: r'Description for the alert dialog component demo.');
   }
 
   String get demoAlertDialogTitle {
     return Intl.message('Alert',
         locale: _localeName,
         name: 'demoAlertDialogTitle',
-        desc: 'Title for the alert dialog component demo.');
+        desc: r'Title for the alert dialog component demo.');
   }
 
   String get demoAlertTitleDialogTitle {
     return Intl.message('Alert With Title',
         locale: _localeName,
         name: 'demoAlertTitleDialogTitle',
-        desc: 'Title for the alert dialog with title component demo.');
+        desc: r'Title for the alert dialog with title component demo.');
   }
 
   String get demoBannerDescription {
@@ -1649,21 +1649,21 @@ class GalleryLocalizations {
         'A banner displays an important, succinct message, and provides actions for users to address (or dismiss the banner). A user action is required for it to be dismissed.',
         locale: _localeName,
         name: 'demoBannerDescription',
-        desc: 'Description for the material banner component demo.');
+        desc: r'Description for the material banner component demo.');
   }
 
   String get demoBannerSubtitle {
     return Intl.message('Displaying a banner within a list',
         locale: _localeName,
         name: 'demoBannerSubtitle',
-        desc: 'Subtitle for the material banner component demo.');
+        desc: r'Subtitle for the material banner component demo.');
   }
 
   String get demoBannerTitle {
     return Intl.message('Banner',
         locale: _localeName,
         name: 'demoBannerTitle',
-        desc: 'Title for the material banner component demo.');
+        desc: r'Title for the material banner component demo.');
   }
 
   String get demoBottomAppBarDescription {
@@ -1671,21 +1671,21 @@ class GalleryLocalizations {
         'Bottom app bars provide access to a bottom navigation drawer and up to four actions, including the floating action button.',
         locale: _localeName,
         name: 'demoBottomAppBarDescription',
-        desc: 'Description for the material bottom app bar component demo.');
+        desc: r'Description for the material bottom app bar component demo.');
   }
 
   String get demoBottomAppBarSubtitle {
     return Intl.message('Displays navigation and actions at the bottom',
         locale: _localeName,
         name: 'demoBottomAppBarSubtitle',
-        desc: 'Subtitle for the material bottom app bar component demo.');
+        desc: r'Subtitle for the material bottom app bar component demo.');
   }
 
   String get demoBottomAppBarTitle {
     return Intl.message('Bottom app bar',
         locale: _localeName,
         name: 'demoBottomAppBarTitle',
-        desc: 'Title for the material bottom app bar component demo.');
+        desc: r'Title for the material bottom app bar component demo.');
   }
 
   String get demoBottomNavigationDescription {
@@ -1693,63 +1693,65 @@ class GalleryLocalizations {
         'Bottom navigation bars display three to five destinations at the bottom of a screen. Each destination is represented by an icon and an optional text label. When a bottom navigation icon is tapped, the user is taken to the top-level navigation destination associated with that icon.',
         locale: _localeName,
         name: 'demoBottomNavigationDescription',
-        desc: 'Description for the material bottom navigation component demo.');
+        desc:
+            r'Description for the material bottom navigation component demo.');
   }
 
   String get demoBottomNavigationPersistentLabels {
     return Intl.message('Persistent labels',
         locale: _localeName,
         name: 'demoBottomNavigationPersistentLabels',
-        desc: 'Option title for bottom navigation with persistent labels.');
+        desc: r'Option title for bottom navigation with persistent labels.');
   }
 
   String get demoBottomNavigationSelectedLabel {
     return Intl.message('Selected label',
         locale: _localeName,
         name: 'demoBottomNavigationSelectedLabel',
-        desc: 'Option title for bottom navigation with only a selected label.');
+        desc:
+            r'Option title for bottom navigation with only a selected label.');
   }
 
   String get demoBottomNavigationSubtitle {
     return Intl.message('Bottom navigation with cross-fading views',
         locale: _localeName,
         name: 'demoBottomNavigationSubtitle',
-        desc: 'Subtitle for the material bottom navigation component demo.');
+        desc: r'Subtitle for the material bottom navigation component demo.');
   }
 
   String get demoBottomNavigationTitle {
     return Intl.message('Bottom navigation',
         locale: _localeName,
         name: 'demoBottomNavigationTitle',
-        desc: 'Title for the material bottom navigation component demo.');
+        desc: r'Title for the material bottom navigation component demo.');
   }
 
   String get demoBottomSheetAddLabel {
     return Intl.message('Add',
         locale: _localeName,
         name: 'demoBottomSheetAddLabel',
-        desc: 'Semantic label for add icon.');
+        desc: r'Semantic label for add icon.');
   }
 
   String get demoBottomSheetButtonText {
     return Intl.message('SHOW BOTTOM SHEET',
         locale: _localeName,
         name: 'demoBottomSheetButtonText',
-        desc: 'Button text to show bottom sheet.');
+        desc: r'Button text to show bottom sheet.');
   }
 
   String get demoBottomSheetHeader {
     return Intl.message('Header',
         locale: _localeName,
         name: 'demoBottomSheetHeader',
-        desc: 'Generic header placeholder.');
+        desc: r'Generic header placeholder.');
   }
 
   String demoBottomSheetItem(Object value) {
     return Intl.message('Item ${value}',
         locale: _localeName,
         name: 'demoBottomSheetItem',
-        desc: 'Generic item placeholder.',
+        desc: r'Generic item placeholder.',
         args: <Object>[value]);
   }
 
@@ -1758,14 +1760,14 @@ class GalleryLocalizations {
         'A modal bottom sheet is an alternative to a menu or a dialog and prevents the user from interacting with the rest of the app.',
         locale: _localeName,
         name: 'demoBottomSheetModalDescription',
-        desc: 'Description for modal bottom sheet demo.');
+        desc: r'Description for modal bottom sheet demo.');
   }
 
   String get demoBottomSheetModalTitle {
     return Intl.message('Modal bottom sheet',
         locale: _localeName,
         name: 'demoBottomSheetModalTitle',
-        desc: 'Title for modal bottom sheet demo.');
+        desc: r'Title for modal bottom sheet demo.');
   }
 
   String get demoBottomSheetPersistentDescription {
@@ -1773,49 +1775,49 @@ class GalleryLocalizations {
         'A persistent bottom sheet shows information that supplements the primary content of the app. A persistent bottom sheet remains visible even when the user interacts with other parts of the app.',
         locale: _localeName,
         name: 'demoBottomSheetPersistentDescription',
-        desc: 'Description for persistent bottom sheet demo.');
+        desc: r'Description for persistent bottom sheet demo.');
   }
 
   String get demoBottomSheetPersistentTitle {
     return Intl.message('Persistent bottom sheet',
         locale: _localeName,
         name: 'demoBottomSheetPersistentTitle',
-        desc: 'Title for persistent bottom sheet demo.');
+        desc: r'Title for persistent bottom sheet demo.');
   }
 
   String get demoBottomSheetSubtitle {
     return Intl.message('Persistent and modal bottom sheets',
         locale: _localeName,
         name: 'demoBottomSheetSubtitle',
-        desc: 'Description for bottom sheet demo.');
+        desc: r'Description for bottom sheet demo.');
   }
 
   String get demoBottomSheetTitle {
     return Intl.message('Bottom sheet',
         locale: _localeName,
         name: 'demoBottomSheetTitle',
-        desc: 'Title for bottom sheet demo.');
+        desc: r'Title for bottom sheet demo.');
   }
 
   String get demoBottomTextFieldsTitle {
     return Intl.message('Text fields',
         locale: _localeName,
         name: 'demoBottomTextFieldsTitle',
-        desc: 'Title for text fields demo.');
+        desc: r'Title for text fields demo.');
   }
 
   String get demoButtonSubtitle {
     return Intl.message('Flat, raised, outline, and more',
         locale: _localeName,
         name: 'demoButtonSubtitle',
-        desc: 'Subtitle for the material buttons component demo.');
+        desc: r'Subtitle for the material buttons component demo.');
   }
 
   String get demoButtonTitle {
     return Intl.message('Buttons',
         locale: _localeName,
         name: 'demoButtonTitle',
-        desc: 'Title for the material buttons component demo.');
+        desc: r'Title for the material buttons component demo.');
   }
 
   String get demoCardDescription {
@@ -1823,28 +1825,28 @@ class GalleryLocalizations {
         'A card is a sheet of Material used to represent some related information, for example an album, a geographical location, a meal, contact details, etc.',
         locale: _localeName,
         name: 'demoCardDescription',
-        desc: 'Description for the material cards component demo.');
+        desc: r'Description for the material cards component demo.');
   }
 
   String get demoCardSubtitle {
     return Intl.message('Baseline cards with rounded corners',
         locale: _localeName,
         name: 'demoCardSubtitle',
-        desc: 'Subtitle for the material cards component demo.');
+        desc: r'Subtitle for the material cards component demo.');
   }
 
   String get demoCardTitle {
     return Intl.message('Cards',
         locale: _localeName,
         name: 'demoCardTitle',
-        desc: 'Title for the material cards component demo.');
+        desc: r'Title for the material cards component demo.');
   }
 
   String get demoChecklistMenuTitle {
     return Intl.message('Checklist menu',
         locale: _localeName,
         name: 'demoChecklistMenuTitle',
-        desc: 'Title for the checklist menu component demo.');
+        desc: r'Title for the checklist menu component demo.');
   }
 
   String get demoChipSubtitle {
@@ -1852,14 +1854,14 @@ class GalleryLocalizations {
         'Compact elements that represent an input, attribute, or action',
         locale: _localeName,
         name: 'demoChipSubtitle',
-        desc: 'Subtitle for the material chips component demo.');
+        desc: r'Subtitle for the material chips component demo.');
   }
 
   String get demoChipTitle {
     return Intl.message('Chips',
         locale: _localeName,
         name: 'demoChipTitle',
-        desc: 'Title for the material chips component demo.');
+        desc: r'Title for the material chips component demo.');
   }
 
   String get demoChoiceChipDescription {
@@ -1867,14 +1869,14 @@ class GalleryLocalizations {
         'Choice chips represent a single choice from a set. Choice chips contain related descriptive text or categories.',
         locale: _localeName,
         name: 'demoChoiceChipDescription',
-        desc: 'Description for the choice chip component demo.');
+        desc: r'Description for the choice chip component demo.');
   }
 
   String get demoChoiceChipTitle {
     return Intl.message('Choice Chip',
         locale: _localeName,
         name: 'demoChoiceChipTitle',
-        desc: 'Title for the choice chip component demo.');
+        desc: r'Title for the choice chip component demo.');
   }
 
   String get demoCircularProgressIndicatorDescription {
@@ -1882,21 +1884,21 @@ class GalleryLocalizations {
         'A Material Design circular progress indicator, which spins to indicate that the application is busy.',
         locale: _localeName,
         name: 'demoCircularProgressIndicatorDescription',
-        desc: 'Description for circular progress indicator demo.');
+        desc: r'Description for circular progress indicator demo.');
   }
 
   String get demoCircularProgressIndicatorTitle {
     return Intl.message('Circular Progress Indicator',
         locale: _localeName,
         name: 'demoCircularProgressIndicatorTitle',
-        desc: 'Title for circular progress indicator demo.');
+        desc: r'Title for circular progress indicator demo.');
   }
 
   String get demoCodeTooltip {
     return Intl.message('Demo Code',
         locale: _localeName,
         name: 'demoCodeTooltip',
-        desc: 'Tooltip for demo code button in a demo.');
+        desc: r'Tooltip for demo code button in a demo.');
   }
 
   String get demoCodeViewerCopiedToClipboardMessage {
@@ -1904,14 +1906,14 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demoCodeViewerCopiedToClipboardMessage',
         desc:
-            'A message displayed to the user after clicking the COPY ALL button, if the text is successfully copied to the clipboard.');
+            r'A message displayed to the user after clicking the COPY ALL button, if the text is successfully copied to the clipboard.');
   }
 
   String get demoCodeViewerCopyAll {
     return Intl.message('COPY ALL',
         locale: _localeName,
         name: 'demoCodeViewerCopyAll',
-        desc: 'Caption for a button to copy all text.');
+        desc: r'Caption for a button to copy all text.');
   }
 
   String demoCodeViewerFailedToCopyToClipboardMessage(Object error) {
@@ -1919,38 +1921,40 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demoCodeViewerFailedToCopyToClipboardMessage',
         desc:
-            'A message displayed to the user after clicking the COPY ALL button, if the text CANNOT be copied to the clipboard.',
+            r'A message displayed to the user after clicking the COPY ALL button, if the text CANNOT be copied to the clipboard.',
         args: <Object>[error]);
   }
 
   String get demoColorsDescription {
     return Intl.message(
-        "Color and color swatch constants which represent Material Design's color palette.",
+        'Color and color swatch constants which represent Material Design'
+        "'"
+        r's color palette.',
         locale: _localeName,
         name: 'demoColorsDescription',
         desc:
-            'Description for the colors demo. Material Design should remain capitalized.');
+            r'Description for the colors demo. Material Design should remain capitalized.');
   }
 
   String get demoColorsSubtitle {
     return Intl.message('All of the predefined colors',
         locale: _localeName,
         name: 'demoColorsSubtitle',
-        desc: 'Subtitle for the colors demo.');
+        desc: r'Subtitle for the colors demo.');
   }
 
   String get demoColorsTitle {
     return Intl.message('Colors',
         locale: _localeName,
         name: 'demoColorsTitle',
-        desc: 'Title for the colors demo.');
+        desc: r'Title for the colors demo.');
   }
 
   String get demoContextMenuTitle {
     return Intl.message('Context menu',
         locale: _localeName,
         name: 'demoContextMenuTitle',
-        desc: 'Title for the context menu component demo.');
+        desc: r'Title for the context menu component demo.');
   }
 
   String get demoCupertinoActionSheetDescription {
@@ -1958,14 +1962,14 @@ class GalleryLocalizations {
         'An action sheet is a specific style of alert that presents the user with a set of two or more choices related to the current context. An action sheet can have a title, an additional message, and a list of actions.',
         locale: _localeName,
         name: 'demoCupertinoActionSheetDescription',
-        desc: 'Description for the cupertino action sheet component demo.');
+        desc: r'Description for the cupertino action sheet component demo.');
   }
 
   String get demoCupertinoActionSheetTitle {
     return Intl.message('Action Sheet',
         locale: _localeName,
         name: 'demoCupertinoActionSheetTitle',
-        desc: 'Title for the cupertino action sheet component demo.');
+        desc: r'Title for the cupertino action sheet component demo.');
   }
 
   String get demoCupertinoActivityIndicatorDescription {
@@ -1973,35 +1977,35 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demoCupertinoActivityIndicatorDescription',
         desc:
-            'Description for the cupertino activity indicator component demo.');
+            r'Description for the cupertino activity indicator component demo.');
   }
 
   String get demoCupertinoActivityIndicatorSubtitle {
     return Intl.message('iOS-style activity indicators',
         locale: _localeName,
         name: 'demoCupertinoActivityIndicatorSubtitle',
-        desc: 'Subtitle for the cupertino activity indicator component demo.');
+        desc: r'Subtitle for the cupertino activity indicator component demo.');
   }
 
   String get demoCupertinoActivityIndicatorTitle {
     return Intl.message('Activity indicator',
         locale: _localeName,
         name: 'demoCupertinoActivityIndicatorTitle',
-        desc: 'Title for the cupertino activity indicator component demo.');
+        desc: r'Title for the cupertino activity indicator component demo.');
   }
 
   String get demoCupertinoAlertButtonsOnlyTitle {
     return Intl.message('Alert Buttons Only',
         locale: _localeName,
         name: 'demoCupertinoAlertButtonsOnlyTitle',
-        desc: 'Title for the cupertino alert buttons only component demo.');
+        desc: r'Title for the cupertino alert buttons only component demo.');
   }
 
   String get demoCupertinoAlertButtonsTitle {
     return Intl.message('Alert With Buttons',
         locale: _localeName,
         name: 'demoCupertinoAlertButtonsTitle',
-        desc: 'Title for the cupertino alert with buttons component demo.');
+        desc: r'Title for the cupertino alert with buttons component demo.');
   }
 
   String get demoCupertinoAlertDescription {
@@ -2009,35 +2013,35 @@ class GalleryLocalizations {
         'An alert dialog informs the user about situations that require acknowledgement. An alert dialog has an optional title, optional content, and an optional list of actions. The title is displayed above the content and the actions are displayed below the content.',
         locale: _localeName,
         name: 'demoCupertinoAlertDescription',
-        desc: 'Description for the cupertino alert component demo.');
+        desc: r'Description for the cupertino alert component demo.');
   }
 
   String get demoCupertinoAlertTitle {
     return Intl.message('Alert',
         locale: _localeName,
         name: 'demoCupertinoAlertTitle',
-        desc: 'Title for the cupertino alert component demo.');
+        desc: r'Title for the cupertino alert component demo.');
   }
 
   String get demoCupertinoAlertWithTitleTitle {
     return Intl.message('Alert With Title',
         locale: _localeName,
         name: 'demoCupertinoAlertWithTitleTitle',
-        desc: 'Title for the cupertino alert with title component demo.');
+        desc: r'Title for the cupertino alert with title component demo.');
   }
 
   String get demoCupertinoAlertsSubtitle {
     return Intl.message('iOS-style alert dialogs',
         locale: _localeName,
         name: 'demoCupertinoAlertsSubtitle',
-        desc: 'Subtitle for the cupertino alerts component demo.');
+        desc: r'Subtitle for the cupertino alerts component demo.');
   }
 
   String get demoCupertinoAlertsTitle {
     return Intl.message('Alerts',
         locale: _localeName,
         name: 'demoCupertinoAlertsTitle',
-        desc: 'Title for the cupertino alerts component demo.');
+        desc: r'Title for the cupertino alerts component demo.');
   }
 
   String get demoCupertinoButtonsDescription {
@@ -2045,21 +2049,21 @@ class GalleryLocalizations {
         'An iOS-style button. It takes in text and/or an icon that fades out and in on touch. May optionally have a background.',
         locale: _localeName,
         name: 'demoCupertinoButtonsDescription',
-        desc: 'Description for the cupertino buttons component demo.');
+        desc: r'Description for the cupertino buttons component demo.');
   }
 
   String get demoCupertinoButtonsSubtitle {
     return Intl.message('iOS-style buttons',
         locale: _localeName,
         name: 'demoCupertinoButtonsSubtitle',
-        desc: 'Subtitle for the cupertino buttons component demo.');
+        desc: r'Subtitle for the cupertino buttons component demo.');
   }
 
   String get demoCupertinoButtonsTitle {
     return Intl.message('Buttons',
         locale: _localeName,
         name: 'demoCupertinoButtonsTitle',
-        desc: 'Title for the cupertino buttons component demo.');
+        desc: r'Title for the cupertino buttons component demo.');
   }
 
   String get demoCupertinoNavigationBarDescription {
@@ -2067,35 +2071,35 @@ class GalleryLocalizations {
         'An iOS-styled navigation bar. The navigation bar is a toolbar that minimally consists of a page title, in the middle of the toolbar.',
         locale: _localeName,
         name: 'demoCupertinoNavigationBarDescription',
-        desc: 'Description for the cupertino navigation bar component demo.');
+        desc: r'Description for the cupertino navigation bar component demo.');
   }
 
   String get demoCupertinoNavigationBarSubtitle {
     return Intl.message('iOS-style navigation bar',
         locale: _localeName,
         name: 'demoCupertinoNavigationBarSubtitle',
-        desc: 'Subtitle for the cupertino navigation bar component demo.');
+        desc: r'Subtitle for the cupertino navigation bar component demo.');
   }
 
   String get demoCupertinoNavigationBarTitle {
     return Intl.message('Navigation bar',
         locale: _localeName,
         name: 'demoCupertinoNavigationBarTitle',
-        desc: 'Title for the cupertino navigation bar component demo.');
+        desc: r'Title for the cupertino navigation bar component demo.');
   }
 
   String get demoCupertinoPickerDate {
     return Intl.message('Date',
         locale: _localeName,
         name: 'demoCupertinoPickerDate',
-        desc: 'Label to open a date picker.');
+        desc: r'Label to open a date picker.');
   }
 
   String get demoCupertinoPickerDateTime {
     return Intl.message('Date and Time',
         locale: _localeName,
         name: 'demoCupertinoPickerDateTime',
-        desc: 'Label to open a date and time picker.');
+        desc: r'Label to open a date and time picker.');
   }
 
   String get demoCupertinoPickerDescription {
@@ -2103,35 +2107,35 @@ class GalleryLocalizations {
         'An iOS-style picker widget that can be used to select dates, times, or both date and time.',
         locale: _localeName,
         name: 'demoCupertinoPickerDescription',
-        desc: 'Description for the cupertino pickers component demo.');
+        desc: r'Description for the cupertino pickers component demo.');
   }
 
   String get demoCupertinoPickerSubtitle {
     return Intl.message('iOS-style date and time pickers',
         locale: _localeName,
         name: 'demoCupertinoPickerSubtitle',
-        desc: 'Subtitle for the cupertino pickers component demo.');
+        desc: r'Subtitle for the cupertino pickers component demo.');
   }
 
   String get demoCupertinoPickerTime {
     return Intl.message('Time',
         locale: _localeName,
         name: 'demoCupertinoPickerTime',
-        desc: 'Label to open a time picker.');
+        desc: r'Label to open a time picker.');
   }
 
   String get demoCupertinoPickerTimer {
     return Intl.message('Timer',
         locale: _localeName,
         name: 'demoCupertinoPickerTimer',
-        desc: 'Label to open a countdown timer picker.');
+        desc: r'Label to open a countdown timer picker.');
   }
 
   String get demoCupertinoPickerTitle {
     return Intl.message('Pickers',
         locale: _localeName,
         name: 'demoCupertinoPickerTitle',
-        desc: 'Title for the cupertino date and time pickers component demo.');
+        desc: r'Title for the cupertino date and time pickers component demo.');
   }
 
   String get demoCupertinoPullToRefreshDescription {
@@ -2139,21 +2143,21 @@ class GalleryLocalizations {
         'A widget implementing the iOS-style pull to refresh content control.',
         locale: _localeName,
         name: 'demoCupertinoPullToRefreshDescription',
-        desc: 'Description for the cupertino pull-to-refresh component demo.');
+        desc: r'Description for the cupertino pull-to-refresh component demo.');
   }
 
   String get demoCupertinoPullToRefreshSubtitle {
     return Intl.message('iOS-style pull to refresh control',
         locale: _localeName,
         name: 'demoCupertinoPullToRefreshSubtitle',
-        desc: 'Subtitle for the cupertino pull-to-refresh component demo.');
+        desc: r'Subtitle for the cupertino pull-to-refresh component demo.');
   }
 
   String get demoCupertinoPullToRefreshTitle {
     return Intl.message('Pull to refresh',
         locale: _localeName,
         name: 'demoCupertinoPullToRefreshTitle',
-        desc: 'Title for the cupertino pull-to-refresh component demo.');
+        desc: r'Title for the cupertino pull-to-refresh component demo.');
   }
 
   String get demoCupertinoSegmentedControlDescription {
@@ -2162,21 +2166,21 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demoCupertinoSegmentedControlDescription',
         desc:
-            'Description for the cupertino segmented control component demo.');
+            r'Description for the cupertino segmented control component demo.');
   }
 
   String get demoCupertinoSegmentedControlSubtitle {
     return Intl.message('iOS-style segmented control',
         locale: _localeName,
         name: 'demoCupertinoSegmentedControlSubtitle',
-        desc: 'Subtitle for the cupertino segmented control component demo.');
+        desc: r'Subtitle for the cupertino segmented control component demo.');
   }
 
   String get demoCupertinoSegmentedControlTitle {
     return Intl.message('Segmented control',
         locale: _localeName,
         name: 'demoCupertinoSegmentedControlTitle',
-        desc: 'Title for the cupertino segmented control component demo.');
+        desc: r'Title for the cupertino segmented control component demo.');
   }
 
   String demoCupertinoSliderContinuous(Object value) {
@@ -2184,7 +2188,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demoCupertinoSliderContinuous',
         desc:
-            'A label for a continuous slider that indicates what value it is set to.',
+            r'A label for a continuous slider that indicates what value it is set to.',
         args: <Object>[value]);
   }
 
@@ -2193,7 +2197,7 @@ class GalleryLocalizations {
         'A slider can be used to select from either a continuous or a discrete set of values.',
         locale: _localeName,
         name: 'demoCupertinoSliderDescription',
-        desc: 'Description for the cupertino slider component demo.');
+        desc: r'Description for the cupertino slider component demo.');
   }
 
   String demoCupertinoSliderDiscrete(Object value) {
@@ -2201,7 +2205,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demoCupertinoSliderDiscrete',
         desc:
-            'A label for a discrete slider that indicates what value it is set to.',
+            r'A label for a discrete slider that indicates what value it is set to.',
         args: <Object>[value]);
   }
 
@@ -2209,14 +2213,14 @@ class GalleryLocalizations {
     return Intl.message('iOS-style slider',
         locale: _localeName,
         name: 'demoCupertinoSliderSubtitle',
-        desc: 'Subtitle for the cupertino slider component demo.');
+        desc: r'Subtitle for the cupertino slider component demo.');
   }
 
   String get demoCupertinoSliderTitle {
     return Intl.message('Slider',
         locale: _localeName,
         name: 'demoCupertinoSliderTitle',
-        desc: 'Title for the cupertino slider component demo.');
+        desc: r'Title for the cupertino slider component demo.');
   }
 
   String get demoCupertinoSwitchDescription {
@@ -2224,14 +2228,14 @@ class GalleryLocalizations {
         'A switch is used to toggle the on/off state of a single setting.',
         locale: _localeName,
         name: 'demoCupertinoSwitchDescription',
-        desc: 'Description for the cupertino switch component demo.');
+        desc: r'Description for the cupertino switch component demo.');
   }
 
   String get demoCupertinoSwitchSubtitle {
     return Intl.message('iOS-style switch',
         locale: _localeName,
         name: 'demoCupertinoSwitchSubtitle',
-        desc: 'Subtitle for the cupertino switch component demo.');
+        desc: r'Subtitle for the cupertino switch component demo.');
   }
 
   String get demoCupertinoTabBarDescription {
@@ -2239,21 +2243,21 @@ class GalleryLocalizations {
         'An iOS-style bottom navigation tab bar. Displays multiple tabs with one tab being active, the first tab by default.',
         locale: _localeName,
         name: 'demoCupertinoTabBarDescription',
-        desc: 'Description for the cupertino bottom tab bar demo.');
+        desc: r'Description for the cupertino bottom tab bar demo.');
   }
 
   String get demoCupertinoTabBarSubtitle {
     return Intl.message('iOS-style bottom tab bar',
         locale: _localeName,
         name: 'demoCupertinoTabBarSubtitle',
-        desc: 'Subtitle for the cupertino bottom tab bar demo.');
+        desc: r'Subtitle for the cupertino bottom tab bar demo.');
   }
 
   String get demoCupertinoTabBarTitle {
     return Intl.message('Tab bar',
         locale: _localeName,
         name: 'demoCupertinoTabBarTitle',
-        desc: 'Title for the cupertino bottom tab bar demo.');
+        desc: r'Title for the cupertino bottom tab bar demo.');
   }
 
   String get demoCupertinoTextFieldDescription {
@@ -2261,7 +2265,7 @@ class GalleryLocalizations {
         'A text field lets the user enter text, either with a hardware keyboard or with an onscreen keyboard.',
         locale: _localeName,
         name: 'demoCupertinoTextFieldDescription',
-        desc: 'Description for the cupertino text field demo.');
+        desc: r'Description for the cupertino text field demo.');
   }
 
   String get demoCupertinoTextFieldPIN {
@@ -2269,21 +2273,21 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demoCupertinoTextFieldPIN',
         desc:
-            'The placeholder for a text field where a user would enter their PIN number.');
+            r'The placeholder for a text field where a user would enter their PIN number.');
   }
 
   String get demoCupertinoTextFieldSubtitle {
     return Intl.message('iOS-style text fields',
         locale: _localeName,
         name: 'demoCupertinoTextFieldSubtitle',
-        desc: 'Subtitle for the cupertino text field demo.');
+        desc: r'Subtitle for the cupertino text field demo.');
   }
 
   String get demoCupertinoTextFieldTitle {
     return Intl.message('Text fields',
         locale: _localeName,
         name: 'demoCupertinoTextFieldTitle',
-        desc: 'Title for the cupertino text field demo.');
+        desc: r'Title for the cupertino text field demo.');
   }
 
   String get demoCustomSlidersDescription {
@@ -2291,14 +2295,14 @@ class GalleryLocalizations {
         'Sliders reflect a range of values along a bar, from which users may select a single value or range of values. The sliders can be themed and customized.',
         locale: _localeName,
         name: 'demoCustomSlidersDescription',
-        desc: 'Description for the custom sliders demo.');
+        desc: r'Description for the custom sliders demo.');
   }
 
   String get demoCustomSlidersTitle {
     return Intl.message('Custom Sliders',
         locale: _localeName,
         name: 'demoCustomSlidersTitle',
-        desc: 'Title for the custom sliders component demo.');
+        desc: r'Title for the custom sliders component demo.');
   }
 
   String get demoDataTableDescription {
@@ -2306,21 +2310,21 @@ class GalleryLocalizations {
         'Data tables display information in a grid-like format of rows and columns. They organize information in a way that’s easy to scan, so that users can look for patterns and insights.',
         locale: _localeName,
         name: 'demoDataTableDescription',
-        desc: 'Description for the material data table component demo.');
+        desc: r'Description for the material data table component demo.');
   }
 
   String get demoDataTableSubtitle {
     return Intl.message('Rows and columns of information',
         locale: _localeName,
         name: 'demoDataTableSubtitle',
-        desc: 'Subtitle for the material data table component demo.');
+        desc: r'Subtitle for the material data table component demo.');
   }
 
   String get demoDataTableTitle {
     return Intl.message('Data Tables',
         locale: _localeName,
         name: 'demoDataTableTitle',
-        desc: 'Title for the material data table component demo.');
+        desc: r'Title for the material data table component demo.');
   }
 
   String get demoDatePickerDescription {
@@ -2328,35 +2332,35 @@ class GalleryLocalizations {
         'Shows a dialog containing a Material Design date picker.',
         locale: _localeName,
         name: 'demoDatePickerDescription',
-        desc: 'Description for date picker demo.');
+        desc: r'Description for date picker demo.');
   }
 
   String get demoDatePickerTitle {
     return Intl.message('Date Picker',
         locale: _localeName,
         name: 'demoDatePickerTitle',
-        desc: 'Title for date picker demo.');
+        desc: r'Title for date picker demo.');
   }
 
   String get demoDialogSubtitle {
     return Intl.message('Simple, alert, and fullscreen',
         locale: _localeName,
         name: 'demoDialogSubtitle',
-        desc: 'Subtitle for the material dialog component demo.');
+        desc: r'Subtitle for the material dialog component demo.');
   }
 
   String get demoDialogTitle {
     return Intl.message('Dialogs',
         locale: _localeName,
         name: 'demoDialogTitle',
-        desc: 'Title for the material dialog component demo.');
+        desc: r'Title for the material dialog component demo.');
   }
 
   String get demoDocumentationTooltip {
     return Intl.message('API Documentation',
         locale: _localeName,
         name: 'demoDocumentationTooltip',
-        desc: 'Tooltip for API documentation button in a demo.');
+        desc: r'Tooltip for API documentation button in a demo.');
   }
 
   String get demoFilterChipDescription {
@@ -2364,14 +2368,14 @@ class GalleryLocalizations {
         'Filter chips use tags or descriptive words as a way to filter content.',
         locale: _localeName,
         name: 'demoFilterChipDescription',
-        desc: 'Description for the filter chip component demo.');
+        desc: r'Description for the filter chip component demo.');
   }
 
   String get demoFilterChipTitle {
     return Intl.message('Filter Chip',
         locale: _localeName,
         name: 'demoFilterChipTitle',
-        desc: 'Title for the filter chip component demo.');
+        desc: r'Title for the filter chip component demo.');
   }
 
   String get demoFlatButtonDescription {
@@ -2379,14 +2383,14 @@ class GalleryLocalizations {
         'A flat button displays an ink splash on press but does not lift. Use flat buttons on toolbars, in dialogs and inline with padding',
         locale: _localeName,
         name: 'demoFlatButtonDescription',
-        desc: 'Description for the flat button component demo.');
+        desc: r'Description for the flat button component demo.');
   }
 
   String get demoFlatButtonTitle {
     return Intl.message('Flat Button',
         locale: _localeName,
         name: 'demoFlatButtonTitle',
-        desc: 'Title for the flat button component demo.');
+        desc: r'Title for the flat button component demo.');
   }
 
   String get demoFloatingButtonDescription {
@@ -2394,14 +2398,14 @@ class GalleryLocalizations {
         'A floating action button is a circular icon button that hovers over content to promote a primary action in the application.',
         locale: _localeName,
         name: 'demoFloatingButtonDescription',
-        desc: 'Description for the floating action button component demo.');
+        desc: r'Description for the floating action button component demo.');
   }
 
   String get demoFloatingButtonTitle {
     return Intl.message('Floating Action Button',
         locale: _localeName,
         name: 'demoFloatingButtonTitle',
-        desc: 'Title for the floating action button component demo.');
+        desc: r'Title for the floating action button component demo.');
   }
 
   String get demoFullscreenDialogDescription {
@@ -2409,21 +2413,21 @@ class GalleryLocalizations {
         'The fullscreenDialog property specifies whether the incoming page is a fullscreen modal dialog',
         locale: _localeName,
         name: 'demoFullscreenDialogDescription',
-        desc: 'Description for the fullscreen dialog component demo.');
+        desc: r'Description for the fullscreen dialog component demo.');
   }
 
   String get demoFullscreenDialogTitle {
     return Intl.message('Fullscreen',
         locale: _localeName,
         name: 'demoFullscreenDialogTitle',
-        desc: 'Title for the fullscreen dialog component demo.');
+        desc: r'Title for the fullscreen dialog component demo.');
   }
 
   String get demoFullscreenTooltip {
     return Intl.message('Full Screen',
         locale: _localeName,
         name: 'demoFullscreenTooltip',
-        desc: 'Tooltip for Full Screen button in a demo.');
+        desc: r'Tooltip for Full Screen button in a demo.');
   }
 
   String get demoGridListsDescription {
@@ -2431,7 +2435,7 @@ class GalleryLocalizations {
         'Grid Lists are best suited for presenting homogeneous data, typically images. Each item in a grid list is called a tile.',
         locale: _localeName,
         name: 'demoGridListsDescription',
-        desc: 'Description for the grid lists component demo.');
+        desc: r'Description for the grid lists component demo.');
   }
 
   String get demoGridListsFooterTitle {
@@ -2439,7 +2443,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demoGridListsFooterTitle',
         desc:
-            'Title for the grid lists component demo with footers on each tile.');
+            r'Title for the grid lists component demo with footers on each tile.');
   }
 
   String get demoGridListsHeaderTitle {
@@ -2447,35 +2451,35 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demoGridListsHeaderTitle',
         desc:
-            'Title for the grid lists component demo with headers on each tile.');
+            r'Title for the grid lists component demo with headers on each tile.');
   }
 
   String get demoGridListsImageOnlyTitle {
     return Intl.message('Image only',
         locale: _localeName,
         name: 'demoGridListsImageOnlyTitle',
-        desc: 'Title for the grid lists image-only component demo.');
+        desc: r'Title for the grid lists image-only component demo.');
   }
 
   String get demoGridListsSubtitle {
     return Intl.message('Row and column layout',
         locale: _localeName,
         name: 'demoGridListsSubtitle',
-        desc: 'Subtitle for the grid lists component demo.');
+        desc: r'Subtitle for the grid lists component demo.');
   }
 
   String get demoGridListsTitle {
     return Intl.message('Grid Lists',
         locale: _localeName,
         name: 'demoGridListsTitle',
-        desc: 'Title for the grid lists component demo.');
+        desc: r'Title for the grid lists component demo.');
   }
 
   String get demoInfoTooltip {
     return Intl.message('Info',
         locale: _localeName,
         name: 'demoInfoTooltip',
-        desc: 'Tooltip for info button in a demo.');
+        desc: r'Tooltip for info button in a demo.');
   }
 
   String get demoInputChipDescription {
@@ -2483,21 +2487,21 @@ class GalleryLocalizations {
         'Input chips represent a complex piece of information, such as an entity (person, place, or thing) or conversational text, in a compact form.',
         locale: _localeName,
         name: 'demoInputChipDescription',
-        desc: 'Description for the input chip component demo.');
+        desc: r'Description for the input chip component demo.');
   }
 
   String get demoInputChipTitle {
     return Intl.message('Input Chip',
         locale: _localeName,
         name: 'demoInputChipTitle',
-        desc: 'Title for the input chip component demo.');
+        desc: r'Title for the input chip component demo.');
   }
 
   String get demoInvalidURL {
-    return Intl.message("Couldn't display URL:",
+    return Intl.message('Couldn' "'" r't display URL:',
         locale: _localeName,
         name: 'demoInvalidURL',
-        desc: 'Error message when opening the URL for a demo.');
+        desc: r'Error message when opening the URL for a demo.');
   }
 
   String get demoLinearProgressIndicatorDescription {
@@ -2505,14 +2509,14 @@ class GalleryLocalizations {
         'A Material Design linear progress indicator, also known as a progress bar.',
         locale: _localeName,
         name: 'demoLinearProgressIndicatorDescription',
-        desc: 'Description for linear progress indicator demo.');
+        desc: r'Description for linear progress indicator demo.');
   }
 
   String get demoLinearProgressIndicatorTitle {
     return Intl.message('Linear Progress Indicator',
         locale: _localeName,
         name: 'demoLinearProgressIndicatorTitle',
-        desc: 'Title for linear progress indicator demo.');
+        desc: r'Title for linear progress indicator demo.');
   }
 
   String get demoListsDescription {
@@ -2521,28 +2525,28 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demoListsDescription',
         desc:
-            'Description for lists demo. This describes what a single row in a list consists of.');
+            r'Description for lists demo. This describes what a single row in a list consists of.');
   }
 
   String get demoListsSecondary {
     return Intl.message('Secondary text',
         locale: _localeName,
         name: 'demoListsSecondary',
-        desc: 'Text that appears in the second line of a list item.');
+        desc: r'Text that appears in the second line of a list item.');
   }
 
   String get demoListsSubtitle {
     return Intl.message('Scrolling list layouts',
         locale: _localeName,
         name: 'demoListsSubtitle',
-        desc: 'Subtitle for lists demo.');
+        desc: r'Subtitle for lists demo.');
   }
 
   String get demoListsTitle {
     return Intl.message('Lists',
         locale: _localeName,
         name: 'demoListsTitle',
-        desc: 'Title for lists demo.');
+        desc: r'Title for lists demo.');
   }
 
   String get demoMenuADisabledMenuItem {
@@ -2550,7 +2554,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demoMenuADisabledMenuItem',
         desc:
-            'Text label for a disabled menu item. A menu displays a list of choices on a temporary surface. Used as an example in a demo.');
+            r'Text label for a disabled menu item. A menu displays a list of choices on a temporary surface. Used as an example in a demo.');
   }
 
   String get demoMenuAnItemWithAChecklistMenu {
@@ -2558,7 +2562,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demoMenuAnItemWithAChecklistMenu',
         desc:
-            'Label next to a button that opens a checklist menu. A menu displays a list of choices on a temporary surface. Used as an example in a demo.');
+            r'Label next to a button that opens a checklist menu. A menu displays a list of choices on a temporary surface. Used as an example in a demo.');
   }
 
   String get demoMenuAnItemWithAContextMenuButton {
@@ -2566,7 +2570,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demoMenuAnItemWithAContextMenuButton',
         desc:
-            'Label next to a button that opens a menu. A menu displays a list of choices on a temporary surface. Used as an example in a demo.');
+            r'Label next to a button that opens a menu. A menu displays a list of choices on a temporary surface. Used as an example in a demo.');
   }
 
   String get demoMenuAnItemWithASectionedMenu {
@@ -2574,7 +2578,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demoMenuAnItemWithASectionedMenu',
         desc:
-            'Label next to a button that opens a sectioned menu . A menu displays a list of choices on a temporary surface. Used as an example in a demo.');
+            r'Label next to a button that opens a sectioned menu . A menu displays a list of choices on a temporary surface. Used as an example in a demo.');
   }
 
   String get demoMenuAnItemWithASimpleMenu {
@@ -2582,14 +2586,14 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demoMenuAnItemWithASimpleMenu',
         desc:
-            'Label next to a button that opens a simple menu. A menu displays a list of choices on a temporary surface. Used as an example in a demo.');
+            r'Label next to a button that opens a simple menu. A menu displays a list of choices on a temporary surface. Used as an example in a demo.');
   }
 
   String demoMenuChecked(Object value) {
     return Intl.message('Checked: ${value}',
         locale: _localeName,
         name: 'demoMenuChecked',
-        desc: 'A text to show what value was checked.',
+        desc: r'A text to show what value was checked.',
         args: <Object>[value]);
   }
 
@@ -2598,7 +2602,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demoMenuContextMenuItemOne',
         desc:
-            'Text label for a context menu item. A menu displays a list of choices on a temporary surface. Used as an example in a demo.');
+            r'Text label for a context menu item. A menu displays a list of choices on a temporary surface. Used as an example in a demo.');
   }
 
   String get demoMenuContextMenuItemThree {
@@ -2606,7 +2610,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demoMenuContextMenuItemThree',
         desc:
-            'Text label for a context menu item three. A menu displays a list of choices on a temporary surface. Used as an example in a demo.');
+            r'Text label for a context menu item three. A menu displays a list of choices on a temporary surface. Used as an example in a demo.');
   }
 
   String get demoMenuDescription {
@@ -2614,66 +2618,66 @@ class GalleryLocalizations {
         'A menu displays a list of choices on a temporary surface. They appear when users interact with a button, action, or other control.',
         locale: _localeName,
         name: 'demoMenuDescription',
-        desc: 'Description for the menu demo.');
+        desc: r'Description for the menu demo.');
   }
 
   String get demoMenuFour {
     return Intl.message('Four',
-        locale: _localeName, name: 'demoMenuFour', desc: 'The number four.');
+        locale: _localeName, name: 'demoMenuFour', desc: r'The number four.');
   }
 
   String get demoMenuGetLink {
     return Intl.message('Get link',
         locale: _localeName,
         name: 'demoMenuGetLink',
-        desc: 'Button to get link for content.');
+        desc: r'Button to get link for content.');
   }
 
   String get demoMenuItemValueOne {
     return Intl.message('Menu item one',
         locale: _localeName,
         name: 'demoMenuItemValueOne',
-        desc: 'The first item in a menu.');
+        desc: r'The first item in a menu.');
   }
 
   String get demoMenuItemValueThree {
     return Intl.message('Menu item three',
         locale: _localeName,
         name: 'demoMenuItemValueThree',
-        desc: 'The third item in a menu.');
+        desc: r'The third item in a menu.');
   }
 
   String get demoMenuItemValueTwo {
     return Intl.message('Menu item two',
         locale: _localeName,
         name: 'demoMenuItemValueTwo',
-        desc: 'The second item in a menu.');
+        desc: r'The second item in a menu.');
   }
 
   String get demoMenuOne {
     return Intl.message('One',
-        locale: _localeName, name: 'demoMenuOne', desc: 'The number one.');
+        locale: _localeName, name: 'demoMenuOne', desc: r'The number one.');
   }
 
   String get demoMenuPreview {
     return Intl.message('Preview',
         locale: _localeName,
         name: 'demoMenuPreview',
-        desc: 'Button to preview content.');
+        desc: r'Button to preview content.');
   }
 
   String get demoMenuRemove {
     return Intl.message('Remove',
         locale: _localeName,
         name: 'demoMenuRemove',
-        desc: 'Button to remove content.');
+        desc: r'Button to remove content.');
   }
 
   String demoMenuSelected(Object value) {
     return Intl.message('Selected: ${value}',
         locale: _localeName,
         name: 'demoMenuSelected',
-        desc: 'A text to show what value was selected.',
+        desc: r'A text to show what value was selected.',
         args: <Object>[value]);
   }
 
@@ -2681,38 +2685,38 @@ class GalleryLocalizations {
     return Intl.message('Share',
         locale: _localeName,
         name: 'demoMenuShare',
-        desc: 'Button to share content.');
+        desc: r'Button to share content.');
   }
 
   String get demoMenuSubtitle {
     return Intl.message('Menu buttons and simple menus',
         locale: _localeName,
         name: 'demoMenuSubtitle',
-        desc: 'Short description for the menu component demo.');
+        desc: r'Short description for the menu component demo.');
   }
 
   String get demoMenuThree {
     return Intl.message('Three',
-        locale: _localeName, name: 'demoMenuThree', desc: 'The number three.');
+        locale: _localeName, name: 'demoMenuThree', desc: r'The number three.');
   }
 
   String get demoMenuTitle {
     return Intl.message('Menu',
         locale: _localeName,
         name: 'demoMenuTitle',
-        desc: 'Title for the menu component demo.');
+        desc: r'Title for the menu component demo.');
   }
 
   String get demoMenuTwo {
     return Intl.message('Two',
-        locale: _localeName, name: 'demoMenuTwo', desc: 'The number two.');
+        locale: _localeName, name: 'demoMenuTwo', desc: r'The number two.');
   }
 
   String get demoOneLineListsTitle {
     return Intl.message('One Line',
         locale: _localeName,
         name: 'demoOneLineListsTitle',
-        desc: 'Title for lists demo with only one line of text per row.');
+        desc: r'Title for lists demo with only one line of text per row.');
   }
 
   String get demoOptionsFeatureDescription {
@@ -2720,21 +2724,22 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demoOptionsFeatureDescription',
         desc:
-            'Description for an alert that explains what the options button does.');
+            r'Description for an alert that explains what the options button does.');
   }
 
   String get demoOptionsFeatureTitle {
     return Intl.message('View options',
         locale: _localeName,
         name: 'demoOptionsFeatureTitle',
-        desc: 'Title for an alert that explains what the options button does.');
+        desc:
+            r'Title for an alert that explains what the options button does.');
   }
 
   String get demoOptionsTooltip {
     return Intl.message('Options',
         locale: _localeName,
         name: 'demoOptionsTooltip',
-        desc: 'Tooltip for options button in a demo.');
+        desc: r'Tooltip for options button in a demo.');
   }
 
   String get demoOutlineButtonDescription {
@@ -2742,49 +2747,49 @@ class GalleryLocalizations {
         'Outline buttons become opaque and elevate when pressed. They are often paired with raised buttons to indicate an alternative, secondary action.',
         locale: _localeName,
         name: 'demoOutlineButtonDescription',
-        desc: 'Description for the outline button component demo.');
+        desc: r'Description for the outline button component demo.');
   }
 
   String get demoOutlineButtonTitle {
     return Intl.message('Outline Button',
         locale: _localeName,
         name: 'demoOutlineButtonTitle',
-        desc: 'Title for the outline button component demo.');
+        desc: r'Title for the outline button component demo.');
   }
 
   String get demoPickersShowPicker {
     return Intl.message('SHOW PICKER',
         locale: _localeName,
         name: 'demoPickersShowPicker',
-        desc: 'Button text to show the date or time picker in the demo.');
+        desc: r'Button text to show the date or time picker in the demo.');
   }
 
   String get demoPickersSubtitle {
     return Intl.message('Date and time selection',
         locale: _localeName,
         name: 'demoPickersSubtitle',
-        desc: 'Subtitle for pickers demo.');
+        desc: r'Subtitle for pickers demo.');
   }
 
   String get demoPickersTitle {
     return Intl.message('Pickers',
         locale: _localeName,
         name: 'demoPickersTitle',
-        desc: 'Title for pickers demo.');
+        desc: r'Title for pickers demo.');
   }
 
   String get demoProgressIndicatorSubtitle {
     return Intl.message('Linear, circular, indeterminate',
         locale: _localeName,
         name: 'demoProgressIndicatorSubtitle',
-        desc: 'Subtitle for progress indicators demo.');
+        desc: r'Subtitle for progress indicators demo.');
   }
 
   String get demoProgressIndicatorTitle {
     return Intl.message('Progress indicators',
         locale: _localeName,
         name: 'demoProgressIndicatorTitle',
-        desc: 'Title for progress indicators demo.');
+        desc: r'Title for progress indicators demo.');
   }
 
   String get demoRaisedButtonDescription {
@@ -2792,14 +2797,14 @@ class GalleryLocalizations {
         'Raised buttons add dimension to mostly flat layouts. They emphasize functions on busy or wide spaces.',
         locale: _localeName,
         name: 'demoRaisedButtonDescription',
-        desc: 'Description for the raised button component demo.');
+        desc: r'Description for the raised button component demo.');
   }
 
   String get demoRaisedButtonTitle {
     return Intl.message('Raised Button',
         locale: _localeName,
         name: 'demoRaisedButtonTitle',
-        desc: 'Title for the raised button component demo.');
+        desc: r'Title for the raised button component demo.');
   }
 
   String get demoRangeSlidersDescription {
@@ -2807,36 +2812,40 @@ class GalleryLocalizations {
         'Sliders reflect a range of values along a bar. They can have icons on both ends of the bar that reflect a range of values. They are ideal for adjusting settings such as volume, brightness, or applying image filters.',
         locale: _localeName,
         name: 'demoRangeSlidersDescription',
-        desc: 'Description for the range sliders demo.');
+        desc: r'Description for the range sliders demo.');
   }
 
   String get demoRangeSlidersTitle {
     return Intl.message('Range Sliders',
         locale: _localeName,
         name: 'demoRangeSlidersTitle',
-        desc: 'Title for the range sliders component demo.');
+        desc: r'Title for the range sliders component demo.');
   }
 
   String get demoSectionedMenuTitle {
     return Intl.message('Sectioned menu',
         locale: _localeName,
         name: 'demoSectionedMenuTitle',
-        desc: 'Title for the sectioned menu component demo.');
+        desc: r'Title for the sectioned menu component demo.');
   }
 
   String get demoSelectionControlsCheckboxDescription {
     return Intl.message(
-        "Checkboxes allow the user to select multiple options from a set. A normal checkbox's value is true or false and a tristate checkbox's value can also be null.",
+        'Checkboxes allow the user to select multiple options from a set. A normal checkbox'
+        "'"
+        r's value is true or false and a tristate checkbox'
+        "'"
+        r's value can also be null.',
         locale: _localeName,
         name: 'demoSelectionControlsCheckboxDescription',
-        desc: 'Description for the checkbox (selection controls) demo.');
+        desc: r'Description for the checkbox (selection controls) demo.');
   }
 
   String get demoSelectionControlsCheckboxTitle {
     return Intl.message('Checkbox',
         locale: _localeName,
         name: 'demoSelectionControlsCheckboxTitle',
-        desc: 'Title for the checkbox (selection controls) demo.');
+        desc: r'Title for the checkbox (selection controls) demo.');
   }
 
   String get demoSelectionControlsRadioDescription {
@@ -2844,21 +2853,21 @@ class GalleryLocalizations {
         'Radio buttons allow the user to select one option from a set. Use radio buttons for exclusive selection if you think that the user needs to see all available options side-by-side.',
         locale: _localeName,
         name: 'demoSelectionControlsRadioDescription',
-        desc: 'Description for the radio button (selection controls) demo.');
+        desc: r'Description for the radio button (selection controls) demo.');
   }
 
   String get demoSelectionControlsRadioTitle {
     return Intl.message('Radio',
         locale: _localeName,
         name: 'demoSelectionControlsRadioTitle',
-        desc: 'Title for the radio button (selection controls) demo.');
+        desc: r'Title for the radio button (selection controls) demo.');
   }
 
   String get demoSelectionControlsSubtitle {
     return Intl.message('Checkboxes, radio buttons, and switches',
         locale: _localeName,
         name: 'demoSelectionControlsSubtitle',
-        desc: 'Subtitle for selection controls demo.');
+        desc: r'Subtitle for selection controls demo.');
   }
 
   String get demoSelectionControlsSwitchDescription {
@@ -2866,21 +2875,21 @@ class GalleryLocalizations {
         'On/off switches toggle the state of a single settings option. The option that the switch controls, as well as the state it’s in, should be made clear from the corresponding inline label.',
         locale: _localeName,
         name: 'demoSelectionControlsSwitchDescription',
-        desc: 'Description for the switches (selection controls) demo.');
+        desc: r'Description for the switches (selection controls) demo.');
   }
 
   String get demoSelectionControlsSwitchTitle {
     return Intl.message('Switch',
         locale: _localeName,
         name: 'demoSelectionControlsSwitchTitle',
-        desc: 'Title for the switches (selection controls) demo.');
+        desc: r'Title for the switches (selection controls) demo.');
   }
 
   String get demoSelectionControlsTitle {
     return Intl.message('Selection controls',
         locale: _localeName,
         name: 'demoSelectionControlsTitle',
-        desc: 'Title for selection controls demo.');
+        desc: r'Title for selection controls demo.');
   }
 
   String get demoSimpleDialogDescription {
@@ -2888,28 +2897,29 @@ class GalleryLocalizations {
         'A simple dialog offers the user a choice between several options. A simple dialog has an optional title that is displayed above the choices.',
         locale: _localeName,
         name: 'demoSimpleDialogDescription',
-        desc: 'Description for the simple dialog component demo.');
+        desc: r'Description for the simple dialog component demo.');
   }
 
   String get demoSimpleDialogTitle {
     return Intl.message('Simple',
         locale: _localeName,
         name: 'demoSimpleDialogTitle',
-        desc: 'Title for the simple dialog component demo.');
+        desc: r'Title for the simple dialog component demo.');
   }
 
   String get demoSimpleMenuTitle {
     return Intl.message('Simple menu',
         locale: _localeName,
         name: 'demoSimpleMenuTitle',
-        desc: 'Title for the simple menu component demo.');
+        desc: r'Title for the simple menu component demo.');
   }
 
   String get demoSlidersContinuous {
     return Intl.message('Continuous',
         locale: _localeName,
         name: 'demoSlidersContinuous',
-        desc: 'Text to describe that we have a slider with continuous values.');
+        desc:
+            r'Text to describe that we have a slider with continuous values.');
   }
 
   String get demoSlidersContinuousRangeSliderWithCustomTheme {
@@ -2917,7 +2927,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demoSlidersContinuousRangeSliderWithCustomTheme',
         desc:
-            'Text to describe that we have a range slider with continuous values and a custom theme. ');
+            r'Text to describe that we have a range slider with continuous values and a custom theme. ');
   }
 
   String get demoSlidersContinuousWithEditableNumericalValue {
@@ -2925,7 +2935,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demoSlidersContinuousWithEditableNumericalValue',
         desc:
-            'Text to describe a slider has a continuous value with an editable numerical value.');
+            r'Text to describe a slider has a continuous value with an editable numerical value.');
   }
 
   String get demoSlidersDescription {
@@ -2933,14 +2943,14 @@ class GalleryLocalizations {
         'Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters.',
         locale: _localeName,
         name: 'demoSlidersDescription',
-        desc: 'Description for the sliders demo.');
+        desc: r'Description for the sliders demo.');
   }
 
   String get demoSlidersDiscrete {
     return Intl.message('Discrete',
         locale: _localeName,
         name: 'demoSlidersDiscrete',
-        desc: 'Text to describe that we have a slider with discrete values.');
+        desc: r'Text to describe that we have a slider with discrete values.');
   }
 
   String get demoSlidersDiscreteSliderWithCustomTheme {
@@ -2948,49 +2958,49 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demoSlidersDiscreteSliderWithCustomTheme',
         desc:
-            'Text to describe that we have a slider with discrete values and a custom theme. ');
+            r'Text to describe that we have a slider with discrete values and a custom theme. ');
   }
 
   String get demoSlidersEditableNumericalValue {
     return Intl.message('Editable numerical value',
         locale: _localeName,
         name: 'demoSlidersEditableNumericalValue',
-        desc: 'Label for input field that has an editable numerical value.');
+        desc: r'Label for input field that has an editable numerical value.');
   }
 
   String get demoSlidersSubtitle {
     return Intl.message('Widgets for selecting a value by swiping',
         locale: _localeName,
         name: 'demoSlidersSubtitle',
-        desc: 'Short description for the sliders component demo.');
+        desc: r'Short description for the sliders component demo.');
   }
 
   String get demoSlidersTitle {
     return Intl.message('Sliders',
         locale: _localeName,
         name: 'demoSlidersTitle',
-        desc: 'Title for the sliders component demo.');
+        desc: r'Title for the sliders component demo.');
   }
 
   String get demoSnackbarsAction {
     return Intl.message('You pressed the snackbar action.',
         locale: _localeName,
         name: 'demoSnackbarsAction',
-        desc: 'Text that appears when you press on a snackbars’ action.');
+        desc: r'Text that appears when you press on a snackbars’ action.');
   }
 
   String get demoSnackbarsActionButtonLabel {
     return Intl.message('ACTION',
         locale: _localeName,
         name: 'demoSnackbarsActionButtonLabel',
-        desc: 'Label for action button text on the snackbar.');
+        desc: r'Label for action button text on the snackbar.');
   }
 
   String get demoSnackbarsButtonLabel {
     return Intl.message('SHOW A SNACKBAR',
         locale: _localeName,
         name: 'demoSnackbarsButtonLabel',
-        desc: 'Label for button to show a snackbar.');
+        desc: r'Label for button to show a snackbar.');
   }
 
   String get demoSnackbarsDescription {
@@ -2998,28 +3008,28 @@ class GalleryLocalizations {
         'Snackbars inform users of a process that an app has performed or will perform. They appear temporarily, towards the bottom of the screen. They shouldn’t interrupt the user experience, and they don’t require user input to disappear.',
         locale: _localeName,
         name: 'demoSnackbarsDescription',
-        desc: 'Description for snackbars demo.');
+        desc: r'Description for snackbars demo.');
   }
 
   String get demoSnackbarsSubtitle {
     return Intl.message('Snackbars show messages at the bottom of the screen',
         locale: _localeName,
         name: 'demoSnackbarsSubtitle',
-        desc: 'Subtitle for snackbars demo.');
+        desc: r'Subtitle for snackbars demo.');
   }
 
   String get demoSnackbarsText {
     return Intl.message('This is a snackbar.',
         locale: _localeName,
         name: 'demoSnackbarsText',
-        desc: 'Text to show on a snackbar.');
+        desc: r'Text to show on a snackbar.');
   }
 
   String get demoSnackbarsTitle {
     return Intl.message('Snackbars',
         locale: _localeName,
         name: 'demoSnackbarsTitle',
-        desc: 'Title for snackbars demo.');
+        desc: r'Title for snackbars demo.');
   }
 
   String get demoTabsDescription {
@@ -3027,35 +3037,36 @@ class GalleryLocalizations {
         'Tabs organize content across different screens, data sets, and other interactions.',
         locale: _localeName,
         name: 'demoTabsDescription',
-        desc: 'Description for tabs demo.');
+        desc: r'Description for tabs demo.');
   }
 
   String get demoTabsNonScrollingTitle {
     return Intl.message('Non-scrolling',
         locale: _localeName,
         name: 'demoTabsNonScrollingTitle',
-        desc: "Title for tabs demo with a tab bar that doesn't scroll.");
+        desc:
+            r'Title for tabs demo with a tab bar that doesn' "'" r't scroll.');
   }
 
   String get demoTabsScrollingTitle {
     return Intl.message('Scrolling',
         locale: _localeName,
         name: 'demoTabsScrollingTitle',
-        desc: 'Title for tabs demo with a tab bar that scrolls.');
+        desc: r'Title for tabs demo with a tab bar that scrolls.');
   }
 
   String get demoTabsSubtitle {
     return Intl.message('Tabs with independently scrollable views',
         locale: _localeName,
         name: 'demoTabsSubtitle',
-        desc: 'Subtitle for tabs demo.');
+        desc: r'Subtitle for tabs demo.');
   }
 
   String get demoTabsTitle {
     return Intl.message('Tabs',
         locale: _localeName,
         name: 'demoTabsTitle',
-        desc: 'Title for tabs demo.');
+        desc: r'Title for tabs demo.');
   }
 
   String get demoTextFieldDescription {
@@ -3063,56 +3074,57 @@ class GalleryLocalizations {
         'Text fields allow users to enter text into a UI. They typically appear in forms and dialogs.',
         locale: _localeName,
         name: 'demoTextFieldDescription',
-        desc: 'Description for text fields demo.');
+        desc: r'Description for text fields demo.');
   }
 
   String get demoTextFieldEmail {
     return Intl.message('Email',
         locale: _localeName,
         name: 'demoTextFieldEmail',
-        desc: 'The label for an email address input field');
+        desc: r'The label for an email address input field');
   }
 
   String get demoTextFieldEnterPassword {
     return Intl.message('Please enter a password.',
         locale: _localeName,
         name: 'demoTextFieldEnterPassword',
-        desc: 'Error that shows up if password is not given.');
+        desc: r'Error that shows up if password is not given.');
   }
 
   String get demoTextFieldEnterUSPhoneNumber {
     return Intl.message('(###) ###-#### - Enter a US phone number.',
         locale: _localeName,
         name: 'demoTextFieldEnterUSPhoneNumber',
-        desc: 'Error that shows up if non-valid non-US phone number is given.');
+        desc:
+            r'Error that shows up if non-valid non-US phone number is given.');
   }
 
   String get demoTextFieldFormErrors {
     return Intl.message('Please fix the errors in red before submitting.',
         locale: _localeName,
         name: 'demoTextFieldFormErrors',
-        desc: 'Text that shows up on form errors.');
+        desc: r'Text that shows up on form errors.');
   }
 
   String get demoTextFieldHidePasswordLabel {
     return Intl.message('Hide password',
         locale: _localeName,
         name: 'demoTextFieldHidePasswordLabel',
-        desc: 'Label for hide password icon.');
+        desc: r'Label for hide password icon.');
   }
 
   String get demoTextFieldKeepItShort {
     return Intl.message('Keep it short, this is just a demo.',
         locale: _localeName,
         name: 'demoTextFieldKeepItShort',
-        desc: 'Helper text for biography/life story input field.');
+        desc: r'Helper text for biography/life story input field.');
   }
 
   String get demoTextFieldLifeStory {
     return Intl.message('Life story',
         locale: _localeName,
         name: 'demoTextFieldLifeStory',
-        desc: 'The label for for biography/life story input field.');
+        desc: r'The label for for biography/life story input field.');
   }
 
   String get demoTextFieldNameField {
@@ -3120,7 +3132,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demoTextFieldNameField',
         desc:
-            'The label for a name input field that is required (hence the star).');
+            r'The label for a name input field that is required (hence the star).');
   }
 
   String demoTextFieldNameHasPhoneNumber(Object name, Object phoneNumber) {
@@ -3128,7 +3140,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demoTextFieldNameHasPhoneNumber',
         desc:
-            'Text that shows up when valid phone number and name is submitted in form.',
+            r'Text that shows up when valid phone number and name is submitted in form.',
         args: <Object>[name, phoneNumber]);
   }
 
@@ -3136,21 +3148,22 @@ class GalleryLocalizations {
     return Intl.message('Name is required.',
         locale: _localeName,
         name: 'demoTextFieldNameRequired',
-        desc: 'Shows up as submission error if name is not given in the form.');
+        desc:
+            r'Shows up as submission error if name is not given in the form.');
   }
 
   String get demoTextFieldNoMoreThan {
     return Intl.message('No more than 8 characters.',
         locale: _localeName,
         name: 'demoTextFieldNoMoreThan',
-        desc: 'Helper text for password input field.');
+        desc: r'Helper text for password input field.');
   }
 
   String get demoTextFieldOnlyAlphabeticalChars {
     return Intl.message('Please enter only alphabetical characters.',
         locale: _localeName,
         name: 'demoTextFieldOnlyAlphabeticalChars',
-        desc: 'Error that shows if non-alphabetical characters are given.');
+        desc: r'Error that shows if non-alphabetical characters are given.');
   }
 
   String get demoTextFieldPassword {
@@ -3158,15 +3171,15 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demoTextFieldPassword',
         desc:
-            'Label for password input field, that is required (hence the star).');
+            r'Label for password input field, that is required (hence the star).');
   }
 
   String get demoTextFieldPasswordsDoNotMatch {
-    return Intl.message("The passwords don't match",
+    return Intl.message('The passwords don' "'" r't match',
         locale: _localeName,
         name: 'demoTextFieldPasswordsDoNotMatch',
         desc:
-            'Error that shows up, if the re-typed password does not match the already given password.');
+            r'Error that shows up, if the re-typed password does not match the already given password.');
   }
 
   String get demoTextFieldPhoneNumber {
@@ -3174,7 +3187,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demoTextFieldPhoneNumber',
         desc:
-            'The label for a phone number input field that is required (hence the star).');
+            r'The label for a phone number input field that is required (hence the star).');
   }
 
   String get demoTextFieldRequiredField {
@@ -3182,42 +3195,42 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demoTextFieldRequiredField',
         desc:
-            'Helper text to indicate that * means that it is a required field.');
+            r'Helper text to indicate that * means that it is a required field.');
   }
 
   String get demoTextFieldRetypePassword {
     return Intl.message('Re-type password*',
         locale: _localeName,
         name: 'demoTextFieldRetypePassword',
-        desc: 'Label for repeat password input field.');
+        desc: r'Label for repeat password input field.');
   }
 
   String get demoTextFieldSalary {
     return Intl.message('Salary',
         locale: _localeName,
         name: 'demoTextFieldSalary',
-        desc: 'The label for salary input field.');
+        desc: r'The label for salary input field.');
   }
 
   String get demoTextFieldShowPasswordLabel {
     return Intl.message('Show password',
         locale: _localeName,
         name: 'demoTextFieldShowPasswordLabel',
-        desc: 'Label for show password icon.');
+        desc: r'Label for show password icon.');
   }
 
   String get demoTextFieldSubmit {
     return Intl.message('SUBMIT',
         locale: _localeName,
         name: 'demoTextFieldSubmit',
-        desc: 'The submit button text for form.');
+        desc: r'The submit button text for form.');
   }
 
   String get demoTextFieldSubtitle {
     return Intl.message('Single line of editable text and numbers',
         locale: _localeName,
         name: 'demoTextFieldSubtitle',
-        desc: 'Description for text fields demo.');
+        desc: r'Description for text fields demo.');
   }
 
   String get demoTextFieldTellUsAboutYourself {
@@ -3225,42 +3238,42 @@ class GalleryLocalizations {
         'Tell us about yourself (e.g., write down what you do or what hobbies you have)',
         locale: _localeName,
         name: 'demoTextFieldTellUsAboutYourself',
-        desc: 'The placeholder text for biography/life story input field.');
+        desc: r'The placeholder text for biography/life story input field.');
   }
 
   String get demoTextFieldTitle {
     return Intl.message('Text fields',
         locale: _localeName,
         name: 'demoTextFieldTitle',
-        desc: 'Title for text fields demo.');
+        desc: r'Title for text fields demo.');
   }
 
   String get demoTextFieldUSD {
     return Intl.message('USD',
         locale: _localeName,
         name: 'demoTextFieldUSD',
-        desc: 'US currency, used as suffix in input field for salary.');
+        desc: r'US currency, used as suffix in input field for salary.');
   }
 
   String get demoTextFieldWhatDoPeopleCallYou {
     return Intl.message('What do people call you?',
         locale: _localeName,
         name: 'demoTextFieldWhatDoPeopleCallYou',
-        desc: 'Placeholder for name field in form.');
+        desc: r'Placeholder for name field in form.');
   }
 
   String get demoTextFieldWhereCanWeReachYou {
     return Intl.message('Where can we reach you?',
         locale: _localeName,
         name: 'demoTextFieldWhereCanWeReachYou',
-        desc: 'Placeholder for when entering a phone number in a form.');
+        desc: r'Placeholder for when entering a phone number in a form.');
   }
 
   String get demoTextFieldYourEmailAddress {
     return Intl.message('Your email address',
         locale: _localeName,
         name: 'demoTextFieldYourEmailAddress',
-        desc: 'The label for an email address input field.');
+        desc: r'The label for an email address input field.');
   }
 
   String get demoTimePickerDescription {
@@ -3268,14 +3281,14 @@ class GalleryLocalizations {
         'Shows a dialog containing a Material Design time picker.',
         locale: _localeName,
         name: 'demoTimePickerDescription',
-        desc: 'Description for time picker demo.');
+        desc: r'Description for time picker demo.');
   }
 
   String get demoTimePickerTitle {
     return Intl.message('Time Picker',
         locale: _localeName,
         name: 'demoTimePickerTitle',
-        desc: 'Title for time picker demo.');
+        desc: r'Title for time picker demo.');
   }
 
   String get demoToggleButtonDescription {
@@ -3283,14 +3296,14 @@ class GalleryLocalizations {
         'Toggle buttons can be used to group related options. To emphasize groups of related toggle buttons, a group should share a common container',
         locale: _localeName,
         name: 'demoToggleButtonDescription',
-        desc: 'Description for the toggle buttons component demo.');
+        desc: r'Description for the toggle buttons component demo.');
   }
 
   String get demoToggleButtonTitle {
     return Intl.message('Toggle Buttons',
         locale: _localeName,
         name: 'demoToggleButtonTitle',
-        desc: 'Title for the toggle buttons component demo.');
+        desc: r'Title for the toggle buttons component demo.');
   }
 
   String get demoTooltipDescription {
@@ -3298,35 +3311,36 @@ class GalleryLocalizations {
         'Tooltips provide text labels that help explain the function of a button or other user interface action. Tooltips display informative text when users hover over, focus on, or long press an element.',
         locale: _localeName,
         name: 'demoTooltipDescription',
-        desc: 'Description for tooltip demo.');
+        desc: r'Description for tooltip demo.');
   }
 
   String get demoTooltipInstructions {
     return Intl.message('Long press or hover to display the tooltip.',
         locale: _localeName,
         name: 'demoTooltipInstructions',
-        desc: 'Instructions for how to trigger a tooltip in the tooltip demo.');
+        desc:
+            r'Instructions for how to trigger a tooltip in the tooltip demo.');
   }
 
   String get demoTooltipSubtitle {
     return Intl.message('Short message displayed on long press or hover',
         locale: _localeName,
         name: 'demoTooltipSubtitle',
-        desc: 'Subtitle for tooltip demo.');
+        desc: r'Subtitle for tooltip demo.');
   }
 
   String get demoTooltipTitle {
     return Intl.message('Tooltips',
         locale: _localeName,
         name: 'demoTooltipTitle',
-        desc: 'Title for tooltip demo.');
+        desc: r'Title for tooltip demo.');
   }
 
   String get demoTwoLineListsTitle {
     return Intl.message('Two Lines',
         locale: _localeName,
         name: 'demoTwoLineListsTitle',
-        desc: 'Title for lists demo with two lines of text per row.');
+        desc: r'Title for lists demo with two lines of text per row.');
   }
 
   String get demoTypographyDescription {
@@ -3335,84 +3349,84 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'demoTypographyDescription',
         desc:
-            'Description for the typography demo. Material Design should remain capitalized.');
+            r'Description for the typography demo. Material Design should remain capitalized.');
   }
 
   String get demoTypographySubtitle {
     return Intl.message('All of the predefined text styles',
         locale: _localeName,
         name: 'demoTypographySubtitle',
-        desc: 'Subtitle for the typography demo.');
+        desc: r'Subtitle for the typography demo.');
   }
 
   String get demoTypographyTitle {
     return Intl.message('Typography',
         locale: _localeName,
         name: 'demoTypographyTitle',
-        desc: 'Title for the typography demo.');
+        desc: r'Title for the typography demo.');
   }
 
   String get dialogAddAccount {
     return Intl.message('Add account',
         locale: _localeName,
         name: 'dialogAddAccount',
-        desc: 'Alert dialog option for adding an account.');
+        desc: r'Alert dialog option for adding an account.');
   }
 
   String get dialogAgree {
     return Intl.message('AGREE',
         locale: _localeName,
         name: 'dialogAgree',
-        desc: 'Alert dialog agree option.');
+        desc: r'Alert dialog agree option.');
   }
 
   String get dialogCancel {
     return Intl.message('CANCEL',
         locale: _localeName,
         name: 'dialogCancel',
-        desc: 'Alert dialog cancel option.');
+        desc: r'Alert dialog cancel option.');
   }
 
   String get dialogDisagree {
     return Intl.message('DISAGREE',
         locale: _localeName,
         name: 'dialogDisagree',
-        desc: 'Alert dialog disagree option.');
+        desc: r'Alert dialog disagree option.');
   }
 
   String get dialogDiscard {
     return Intl.message('DISCARD',
         locale: _localeName,
         name: 'dialogDiscard',
-        desc: 'Alert dialog discard option.');
+        desc: r'Alert dialog discard option.');
   }
 
   String get dialogDiscardTitle {
     return Intl.message('Discard draft?',
         locale: _localeName,
         name: 'dialogDiscardTitle',
-        desc: 'Alert dialog message to discard draft.');
+        desc: r'Alert dialog message to discard draft.');
   }
 
   String get dialogFullscreenDescription {
     return Intl.message('A full screen dialog demo',
         locale: _localeName,
         name: 'dialogFullscreenDescription',
-        desc: 'Description for full screen dialog demo.');
+        desc: r'Description for full screen dialog demo.');
   }
 
   String get dialogFullscreenSave {
     return Intl.message('SAVE',
         locale: _localeName,
         name: 'dialogFullscreenSave',
-        desc: 'Save button for full screen dialog demo.');
+        desc: r'Save button for full screen dialog demo.');
   }
 
   String get dialogFullscreenTitle {
     return Intl.message('Full Screen Dialog',
         locale: _localeName,
         name: 'dialogFullscreenTitle',
-        desc: 'Title for full screen dialog demo.');
+        desc: r'Title for full screen dialog demo.');
   }
 
   String get dialogLocationDescription {
@@ -3420,21 +3434,21 @@ class GalleryLocalizations {
         'Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running.',
         locale: _localeName,
         name: 'dialogLocationDescription',
-        desc: 'Alert dialog description to use location services.');
+        desc: r'Alert dialog description to use location services.');
   }
 
   String get dialogLocationTitle {
-    return Intl.message("Use Google's location service?",
+    return Intl.message('Use Google' "'" r's location service?',
         locale: _localeName,
         name: 'dialogLocationTitle',
-        desc: 'Alert dialog title to use location services.');
+        desc: r'Alert dialog title to use location services.');
   }
 
   String dialogSelectedOption(Object value) {
     return Intl.message('You selected: "${value}"',
         locale: _localeName,
         name: 'dialogSelectedOption',
-        desc: 'Message displayed after an option is selected from a dialog',
+        desc: r'Message displayed after an option is selected from a dialog',
         args: <Object>[value]);
   }
 
@@ -3442,14 +3456,14 @@ class GalleryLocalizations {
     return Intl.message('Set backup account',
         locale: _localeName,
         name: 'dialogSetBackup',
-        desc: 'Alert dialog title for setting a backup account.');
+        desc: r'Alert dialog title for setting a backup account.');
   }
 
   String get dialogShow {
     return Intl.message('SHOW DIALOG',
         locale: _localeName,
         name: 'dialogShow',
-        desc: 'Button text to display a dialog.');
+        desc: r'Button text to display a dialog.');
   }
 
   String get dismiss {
@@ -3457,154 +3471,154 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'dismiss',
         desc:
-            'When text is pressed the banner widget will be removed from the screen.');
+            r'When text is pressed the banner widget will be removed from the screen.');
   }
 
   String get fortnightlyDescription {
     return Intl.message('A news app',
         locale: _localeName,
         name: 'fortnightlyDescription',
-        desc: 'Study description for Fortnightly.');
+        desc: r'Study description for Fortnightly.');
   }
 
   String get fortnightlyHeadlineArmy {
     return Intl.message('Reforming The Green Army From Within',
         locale: _localeName,
         name: 'fortnightlyHeadlineArmy',
-        desc: 'Headline for a news article about the green army.');
+        desc: r'Headline for a news article about the green army.');
   }
 
   String get fortnightlyHeadlineBees {
     return Intl.message('Farmland Bees In Short Supply',
         locale: _localeName,
         name: 'fortnightlyHeadlineBees',
-        desc: 'Headline for a news article about bees.');
+        desc: r'Headline for a news article about bees.');
   }
 
   String get fortnightlyHeadlineFabrics {
     return Intl.message('Designers Use Tech To Make Futuristic Fabrics',
         locale: _localeName,
         name: 'fortnightlyHeadlineFabrics',
-        desc: 'Headline for a news article about fabric.');
+        desc: r'Headline for a news article about fabric.');
   }
 
   String get fortnightlyHeadlineFeminists {
     return Intl.message('Feminists Take On Partisanship',
         locale: _localeName,
         name: 'fortnightlyHeadlineFeminists',
-        desc: 'Headline for a news article about feminists and partisanship.');
+        desc: r'Headline for a news article about feminists and partisanship.');
   }
 
   String get fortnightlyHeadlineGasoline {
     return Intl.message('The Future of Gasoline',
         locale: _localeName,
         name: 'fortnightlyHeadlineGasoline',
-        desc: 'Headline for a news article about gasoline.');
+        desc: r'Headline for a news article about gasoline.');
   }
 
   String get fortnightlyHeadlineHealthcare {
     return Intl.message('The Quiet, Yet Powerful Healthcare Revolution',
         locale: _localeName,
         name: 'fortnightlyHeadlineHealthcare',
-        desc: 'Headline for a news article about healthcare.');
+        desc: r'Headline for a news article about healthcare.');
   }
 
   String get fortnightlyHeadlineStocks {
     return Intl.message('As Stocks Stagnate, Many Look To Currency',
         locale: _localeName,
         name: 'fortnightlyHeadlineStocks',
-        desc: 'Headline for a news article about stocks.');
+        desc: r'Headline for a news article about stocks.');
   }
 
   String get fortnightlyHeadlineWar {
     return Intl.message('Divided American Lives During War',
         locale: _localeName,
         name: 'fortnightlyHeadlineWar',
-        desc: 'Headline for a news article about war.');
+        desc: r'Headline for a news article about war.');
   }
 
   String get fortnightlyLatestUpdates {
     return Intl.message('Latest Updates',
         locale: _localeName,
         name: 'fortnightlyLatestUpdates',
-        desc: 'Title for news section regarding the latest updates.');
+        desc: r'Title for news section regarding the latest updates.');
   }
 
   String get fortnightlyMenuBusiness {
     return Intl.message('Business',
         locale: _localeName,
         name: 'fortnightlyMenuBusiness',
-        desc: 'Menu item for the business news section of the news app.');
+        desc: r'Menu item for the business news section of the news app.');
   }
 
   String get fortnightlyMenuCulture {
     return Intl.message('Culture',
         locale: _localeName,
         name: 'fortnightlyMenuCulture',
-        desc: 'Menu item for the culture news section of the news app.');
+        desc: r'Menu item for the culture news section of the news app.');
   }
 
   String get fortnightlyMenuFrontPage {
     return Intl.message('Front Page',
         locale: _localeName,
         name: 'fortnightlyMenuFrontPage',
-        desc: 'Menu item for the front page of the news app.');
+        desc: r'Menu item for the front page of the news app.');
   }
 
   String get fortnightlyMenuPolitics {
     return Intl.message('Politics',
         locale: _localeName,
         name: 'fortnightlyMenuPolitics',
-        desc: 'Menu item for the political news section of the news app.');
+        desc: r'Menu item for the political news section of the news app.');
   }
 
   String get fortnightlyMenuScience {
     return Intl.message('Science',
         locale: _localeName,
         name: 'fortnightlyMenuScience',
-        desc: 'Menu item for the science news section of the news app.');
+        desc: r'Menu item for the science news section of the news app.');
   }
 
   String get fortnightlyMenuSports {
     return Intl.message('Sports',
         locale: _localeName,
         name: 'fortnightlyMenuSports',
-        desc: 'Menu item for the sports news section of the news app.');
+        desc: r'Menu item for the sports news section of the news app.');
   }
 
   String get fortnightlyMenuTech {
     return Intl.message('Tech',
         locale: _localeName,
         name: 'fortnightlyMenuTech',
-        desc: 'Menu item for the tech news section of the news app.');
+        desc: r'Menu item for the tech news section of the news app.');
   }
 
   String get fortnightlyMenuTravel {
     return Intl.message('Travel',
         locale: _localeName,
         name: 'fortnightlyMenuTravel',
-        desc: 'Menu item for the travel news section of the news app.');
+        desc: r'Menu item for the travel news section of the news app.');
   }
 
   String get fortnightlyMenuUS {
     return Intl.message('US',
         locale: _localeName,
         name: 'fortnightlyMenuUS',
-        desc: 'Menu item for the United States news section of the news app.');
+        desc: r'Menu item for the United States news section of the news app.');
   }
 
   String get fortnightlyMenuWorld {
     return Intl.message('World',
         locale: _localeName,
         name: 'fortnightlyMenuWorld',
-        desc: 'Menu item for the world news section of the news app.');
+        desc: r'Menu item for the world news section of the news app.');
   }
 
   String get fortnightlyTrendingGreenArmy {
     return Intl.message('GreenArmy',
         locale: _localeName,
         name: 'fortnightlyTrendingGreenArmy',
-        desc: 'Hashtag for the green army trending topic of the news app.');
+        desc: r'Hashtag for the green army trending topic of the news app.');
   }
 
   String get fortnightlyTrendingHealthcareRevolution {
@@ -3612,28 +3626,28 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'fortnightlyTrendingHealthcareRevolution',
         desc:
-            'Hashtag for the healthcare revolution trending topic of the news app.');
+            r'Hashtag for the healthcare revolution trending topic of the news app.');
   }
 
   String get fortnightlyTrendingReform {
     return Intl.message('Reform',
         locale: _localeName,
         name: 'fortnightlyTrendingReform',
-        desc: 'Hashtag for the reform trending topic of the news app.');
+        desc: r'Hashtag for the reform trending topic of the news app.');
   }
 
   String get fortnightlyTrendingStocks {
     return Intl.message('Stocks',
         locale: _localeName,
         name: 'fortnightlyTrendingStocks',
-        desc: 'Hashtag for the stocks trending topic of the news app.');
+        desc: r'Hashtag for the stocks trending topic of the news app.');
   }
 
   String get fortnightlyTrendingTechDesign {
     return Intl.message('TechDesign',
         locale: _localeName,
         name: 'fortnightlyTrendingTechDesign',
-        desc: 'Hashtag for the tech design trending topic of the news app.');
+        desc: r'Hashtag for the tech design trending topic of the news app.');
   }
 
   String get homeCategoryReference {
@@ -3641,119 +3655,119 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'homeCategoryReference',
         desc:
-            'Category title on home screen for styles & other demos (for context, the styles demos consist of a color demo and a typography demo).');
+            r'Category title on home screen for styles & other demos (for context, the styles demos consist of a color demo and a typography demo).');
   }
 
   String get homeHeaderCategories {
     return Intl.message('Categories',
         locale: _localeName,
         name: 'homeHeaderCategories',
-        desc: 'Header title on home screen for Categories section.');
+        desc: r'Header title on home screen for Categories section.');
   }
 
   String get homeHeaderGallery {
     return Intl.message('Gallery',
         locale: _localeName,
         name: 'homeHeaderGallery',
-        desc: 'Header title on home screen for Gallery section.');
+        desc: r'Header title on home screen for Gallery section.');
   }
 
   String get placeBeach {
     return Intl.message('Beach',
         locale: _localeName,
         name: 'placeBeach',
-        desc: 'Title for Beach location.');
+        desc: r'Title for Beach location.');
   }
 
   String get placeBronzeWorks {
     return Intl.message('Bronze Works',
         locale: _localeName,
         name: 'placeBronzeWorks',
-        desc: 'Title for Bronze Works location.');
+        desc: r'Title for Bronze Works location.');
   }
 
   String get placeChennai {
     return Intl.message('Chennai',
         locale: _localeName,
         name: 'placeChennai',
-        desc: 'Title for Chennai location.');
+        desc: r'Title for Chennai location.');
   }
 
   String get placeChettinad {
     return Intl.message('Chettinad',
         locale: _localeName,
         name: 'placeChettinad',
-        desc: 'Title for Chettinad location.');
+        desc: r'Title for Chettinad location.');
   }
 
   String get placeFisherman {
     return Intl.message('Fisherman',
         locale: _localeName,
         name: 'placeFisherman',
-        desc: 'Title for an image of a fisherman.');
+        desc: r'Title for an image of a fisherman.');
   }
 
   String get placeFlowerMarket {
     return Intl.message('Flower Market',
         locale: _localeName,
         name: 'placeFlowerMarket',
-        desc: 'Title for Flower Market location.');
+        desc: r'Title for Flower Market location.');
   }
 
   String get placeLunchPrep {
     return Intl.message('Lunch Prep',
         locale: _localeName,
         name: 'placeLunchPrep',
-        desc: 'Title for an image of preparing lunch.');
+        desc: r'Title for an image of preparing lunch.');
   }
 
   String get placeMarket {
     return Intl.message('Market',
         locale: _localeName,
         name: 'placeMarket',
-        desc: 'Title for Market location.');
+        desc: r'Title for Market location.');
   }
 
   String get placePondicherry {
     return Intl.message('Pondicherry',
         locale: _localeName,
         name: 'placePondicherry',
-        desc: 'Title for Pondicherry location.');
+        desc: r'Title for Pondicherry location.');
   }
 
   String get placeSaltFarm {
     return Intl.message('Salt Farm',
         locale: _localeName,
         name: 'placeSaltFarm',
-        desc: 'Title for Salt Farm location.');
+        desc: r'Title for Salt Farm location.');
   }
 
   String get placeScooters {
     return Intl.message('Scooters',
         locale: _localeName,
         name: 'placeScooters',
-        desc: 'Title for image of people riding on scooters.');
+        desc: r'Title for image of people riding on scooters.');
   }
 
   String get placeSilkMaker {
     return Intl.message('Silk Maker',
         locale: _localeName,
         name: 'placeSilkMaker',
-        desc: 'Title for an image of a silk maker.');
+        desc: r'Title for an image of a silk maker.');
   }
 
   String get placeTanjore {
     return Intl.message('Tanjore',
         locale: _localeName,
         name: 'placeTanjore',
-        desc: 'Title for Tanjore location.');
+        desc: r'Title for Tanjore location.');
   }
 
   String get placeThanjavurTemple {
     return Intl.message('Thanjavur Temple',
         locale: _localeName,
         name: 'placeThanjavurTemple',
-        desc: 'Title for Thanjavur Temple location.');
+        desc: r'Title for Thanjavur Temple location.');
   }
 
   String rallyAccountAmount(
@@ -3771,28 +3785,28 @@ class GalleryLocalizations {
     return Intl.message('Car Savings',
         locale: _localeName,
         name: 'rallyAccountDataCarSavings',
-        desc: 'Name for account made up by user.');
+        desc: r'Name for account made up by user.');
   }
 
   String get rallyAccountDataChecking {
     return Intl.message('Checking',
         locale: _localeName,
         name: 'rallyAccountDataChecking',
-        desc: 'Name for account made up by user.');
+        desc: r'Name for account made up by user.');
   }
 
   String get rallyAccountDataHomeSavings {
     return Intl.message('Home Savings',
         locale: _localeName,
         name: 'rallyAccountDataHomeSavings',
-        desc: 'Name for account made up by user.');
+        desc: r'Name for account made up by user.');
   }
 
   String get rallyAccountDataVacation {
     return Intl.message('Vacation',
         locale: _localeName,
         name: 'rallyAccountDataVacation',
-        desc: 'Name for account made up by user.');
+        desc: r'Name for account made up by user.');
   }
 
   String get rallyAccountDetailDataAccountOwner {
@@ -3800,7 +3814,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'rallyAccountDetailDataAccountOwner',
         desc:
-            'Title for an account detail. Below the name of the account owner will be displayed.');
+            r'Title for an account detail. Below the name of the account owner will be displayed.');
   }
 
   String get rallyAccountDetailDataAnnualPercentageYield {
@@ -3808,7 +3822,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'rallyAccountDetailDataAnnualPercentageYield',
         desc:
-            'Title for account statistics. Below a percentage such as 0.10% will be displayed.');
+            r'Title for account statistics. Below a percentage such as 0.10% will be displayed.');
   }
 
   String get rallyAccountDetailDataInterestPaidLastYear {
@@ -3840,29 +3854,32 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'rallyAccountDetailDataNextStatement',
         desc:
-            'Title for an account detail. Below a date for when the next account statement is released.');
+            r'Title for an account detail. Below a date for when the next account statement is released.');
   }
 
   String get rallyAccountTotal {
     return Intl.message('Total',
         locale: _localeName,
         name: 'rallyAccountTotal',
-        desc:
-            "Title for 'total account value' overview page, a dollar value is displayed next to it.");
+        desc: r'Title for '
+            "'"
+            r'total account value'
+            "'"
+            r' overview page, a dollar value is displayed next to it.');
   }
 
   String get rallyAccounts {
     return Intl.message('Accounts',
         locale: _localeName,
         name: 'rallyAccounts',
-        desc: 'Link text for accounts page.');
+        desc: r'Link text for accounts page.');
   }
 
   String get rallyAlerts {
     return Intl.message('Alerts',
         locale: _localeName,
         name: 'rallyAlerts',
-        desc: 'Title for alerts part of overview page.');
+        desc: r'Title for alerts part of overview page.');
   }
 
   String rallyAlertsMessageATMFees(Object amount) {
@@ -3879,7 +3896,7 @@ class GalleryLocalizations {
         'Good work! Your checking account is ${percent} higher than last month.',
         locale: _localeName,
         name: 'rallyAlertsMessageCheckingAccount',
-        desc: 'Alert message shown when for example, the checking account is 1% higher than last month.',
+        desc: r'Alert message shown when for example, the checking account is 1% higher than last month.',
         args: <Object>[percent]);
   }
 
@@ -3888,7 +3905,7 @@ class GalleryLocalizations {
         'Heads up, you’ve used up ${percent} of your Shopping budget for this month.',
         locale: _localeName,
         name: 'rallyAlertsMessageHeadsUpShopping',
-        desc: 'Alert message shown when for example, user has used more than 90% of their shopping budget.',
+        desc: r'Alert message shown when for example, user has used more than 90% of their shopping budget.',
         args: <Object>[percent]);
   }
 
@@ -3905,7 +3922,7 @@ class GalleryLocalizations {
     return Intl.plural(count,
         locale: _localeName,
         name: 'rallyAlertsMessageUnassignedTransactions',
-        desc: 'Alert message shown when you have unassigned transactions.',
+        desc: r'Alert message shown when you have unassigned transactions.',
         args: <Object>[count],
         one:
             'Increase your potential tax deduction! Assign categories to 1 unassigned transaction.',
@@ -3922,19 +3939,46 @@ class GalleryLocalizations {
         args: <Object>[billName, date, amount]);
   }
 
+  String get rallyBillDetailAmountDue {
+    return Intl.message('Amount Due',
+        locale: _localeName,
+        name: 'rallyBillDetailAmountDue',
+        desc:
+            r'Title for column where it displays the amount that the user has due.');
+  }
+
+  String get rallyBillDetailAmountPaid {
+    return Intl.message('Amount Paid',
+        locale: _localeName,
+        name: 'rallyBillDetailAmountPaid',
+        desc:
+            r'Title for column where it displays the amount that the user has paid.');
+  }
+
+  String get rallyBillDetailTotalAmount {
+    return Intl.message('Total Amount',
+        locale: _localeName,
+        name: 'rallyBillDetailTotalAmount',
+        desc:
+            r'Title for column where it displays the total dollar amount that the user has in bills.');
+  }
+
   String get rallyBills {
     return Intl.message('Bills',
         locale: _localeName,
         name: 'rallyBills',
-        desc: 'Link text for bills page.');
+        desc: r'Link text for bills page.');
   }
 
   String get rallyBillsDue {
     return Intl.message('Due',
         locale: _localeName,
         name: 'rallyBillsDue',
-        desc:
-            "Title for 'bills due' page, a dollar value is displayed next to it.");
+        desc: r'Title for '
+            "'"
+            r'bills due'
+            "'"
+            r' page, a dollar value is displayed next to it.');
   }
 
   String rallyBudgetAmount(Object budgetName, Object amountUsed,
@@ -3951,72 +3995,102 @@ class GalleryLocalizations {
     return Intl.message('Clothing',
         locale: _localeName,
         name: 'rallyBudgetCategoryClothing',
-        desc: 'Category for budget, to sort expenses / bills in.');
+        desc: r'Category for budget, to sort expenses / bills in.');
   }
 
   String get rallyBudgetCategoryCoffeeShops {
     return Intl.message('Coffee Shops',
         locale: _localeName,
         name: 'rallyBudgetCategoryCoffeeShops',
-        desc: 'Category for budget, to sort expenses / bills in.');
+        desc: r'Category for budget, to sort expenses / bills in.');
   }
 
   String get rallyBudgetCategoryGroceries {
     return Intl.message('Groceries',
         locale: _localeName,
         name: 'rallyBudgetCategoryGroceries',
-        desc: 'Category for budget, to sort expenses / bills in.');
+        desc: r'Category for budget, to sort expenses / bills in.');
   }
 
   String get rallyBudgetCategoryRestaurants {
     return Intl.message('Restaurants',
         locale: _localeName,
         name: 'rallyBudgetCategoryRestaurants',
-        desc: 'Category for budget, to sort expenses / bills in.');
+        desc: r'Category for budget, to sort expenses / bills in.');
+  }
+
+  String get rallyBudgetDetailAmountLeft {
+    return Intl.message('Amount Left',
+        locale: _localeName,
+        name: 'rallyBudgetDetailAmountLeft',
+        desc:
+            r'Title for column where it displays the dollar amount that the user has left in its budget.');
+  }
+
+  String get rallyBudgetDetailAmountUsed {
+    return Intl.message('Amount Used',
+        locale: _localeName,
+        name: 'rallyBudgetDetailAmountUsed',
+        desc:
+            r'Title for column where it displays the dollar amount that the user has used in its budget.');
+  }
+
+  String get rallyBudgetDetailTotalCap {
+    return Intl.message('Total Cap',
+        locale: _localeName,
+        name: 'rallyBudgetDetailTotalCap',
+        desc:
+            r'Title for column where it displays the total dollar cap that the user has for its budget.');
   }
 
   String get rallyBudgetLeft {
     return Intl.message('Left',
         locale: _localeName,
         name: 'rallyBudgetLeft',
-        desc:
-            "Title for 'budget left' page, a dollar value is displayed next to it.");
+        desc: r'Title for '
+            "'"
+            r'budget left'
+            "'"
+            r' page, a dollar value is displayed next to it.');
   }
 
   String get rallyBudgets {
     return Intl.message('Budgets',
         locale: _localeName,
         name: 'rallyBudgets',
-        desc: 'Link text for budgets page.');
+        desc: r'Link text for budgets page.');
   }
 
   String get rallyDescription {
     return Intl.message('A personal finance app',
         locale: _localeName,
         name: 'rallyDescription',
-        desc: 'Study description for Rally.');
+        desc: r'Study description for Rally.');
   }
 
   String get rallyFinanceLeft {
     return Intl.message(' LEFT',
         locale: _localeName,
         name: 'rallyFinanceLeft',
-        desc:
-            r"Displayed as 'dollar amount left', for example $46.70 LEFT, for a budget category.");
+        desc: r'Displayed as '
+            "'"
+            r'dollar amount left'
+            "'"
+            r', for example $46.70 LEFT, for a budget category.');
   }
 
   String get rallyLoginButtonLogin {
     return Intl.message('LOGIN',
         locale: _localeName,
         name: 'rallyLoginButtonLogin',
-        desc: 'Text for login button.');
+        desc: r'Text for login button.');
   }
 
   String get rallyLoginLabelLogin {
     return Intl.message('Login',
         locale: _localeName,
         name: 'rallyLoginLabelLogin',
-        desc: 'The label text to login.');
+        desc: r'The label text to login.');
   }
 
   String get rallyLoginLoginToRally {
@@ -4024,49 +4098,49 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'rallyLoginLoginToRally',
         desc:
-            'Title for login page for the Rally app (Rally does not need to be translated as it is a product name).');
+            r'Title for login page for the Rally app (Rally does not need to be translated as it is a product name).');
   }
 
   String get rallyLoginNoAccount {
-    return Intl.message("Don't have an account?",
+    return Intl.message('Don' "'" r't have an account?',
         locale: _localeName,
         name: 'rallyLoginNoAccount',
-        desc: 'Prompt for signing up for an account.');
+        desc: r'Prompt for signing up for an account.');
   }
 
   String get rallyLoginPassword {
     return Intl.message('Password',
         locale: _localeName,
         name: 'rallyLoginPassword',
-        desc: 'The password field in an login form.');
+        desc: r'The password field in an login form.');
   }
 
   String get rallyLoginRememberMe {
     return Intl.message('Remember Me',
         locale: _localeName,
         name: 'rallyLoginRememberMe',
-        desc: 'Text if the user wants to stay logged in.');
+        desc: r'Text if the user wants to stay logged in.');
   }
 
   String get rallyLoginSignUp {
     return Intl.message('SIGN UP',
         locale: _localeName,
         name: 'rallyLoginSignUp',
-        desc: 'Button text to sign up for an account.');
+        desc: r'Button text to sign up for an account.');
   }
 
   String get rallyLoginUsername {
     return Intl.message('Username',
         locale: _localeName,
         name: 'rallyLoginUsername',
-        desc: 'The username field in an login form.');
+        desc: r'The username field in an login form.');
   }
 
   String get rallySeeAll {
     return Intl.message('SEE ALL',
         locale: _localeName,
         name: 'rallySeeAll',
-        desc: 'Link text for button to see all data for category.');
+        desc: r'Link text for button to see all data for category.');
   }
 
   String get rallySeeAllAccounts {
@@ -4074,126 +4148,126 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'rallySeeAllAccounts',
         desc:
-            'Semantics label for button to see all accounts. Accounts refer to bank account here.');
+            r'Semantics label for button to see all accounts. Accounts refer to bank account here.');
   }
 
   String get rallySeeAllBills {
     return Intl.message('See all bills',
         locale: _localeName,
         name: 'rallySeeAllBills',
-        desc: 'Semantics label for button to see all bills.');
+        desc: r'Semantics label for button to see all bills.');
   }
 
   String get rallySeeAllBudgets {
     return Intl.message('See all budgets',
         locale: _localeName,
         name: 'rallySeeAllBudgets',
-        desc: 'Semantics label for button to see all budgets.');
+        desc: r'Semantics label for button to see all budgets.');
   }
 
   String get rallySettingsFindAtms {
     return Intl.message('Find ATMs',
         locale: _localeName,
         name: 'rallySettingsFindAtms',
-        desc: "Link to go to the page 'Find ATMs'.");
+        desc: r'Link to go to the page ' "'" r'Find ATMs' "'" r'.');
   }
 
   String get rallySettingsHelp {
     return Intl.message('Help',
         locale: _localeName,
         name: 'rallySettingsHelp',
-        desc: "Link to go to the page 'Help'.");
+        desc: r'Link to go to the page ' "'" r'Help' "'" r'.');
   }
 
   String get rallySettingsManageAccounts {
     return Intl.message('Manage Accounts',
         locale: _localeName,
         name: 'rallySettingsManageAccounts',
-        desc: "Link to go to the page 'Manage Accounts.");
+        desc: r'Link to go to the page ' "'" r'Manage Accounts.');
   }
 
   String get rallySettingsNotifications {
     return Intl.message('Notifications',
         locale: _localeName,
         name: 'rallySettingsNotifications',
-        desc: "Link to go to the page 'Notifications'.");
+        desc: r'Link to go to the page ' "'" r'Notifications' "'" r'.');
   }
 
   String get rallySettingsPaperlessSettings {
     return Intl.message('Paperless Settings',
         locale: _localeName,
         name: 'rallySettingsPaperlessSettings',
-        desc: "Link to go to the page 'Paperless Settings'.");
+        desc: r'Link to go to the page ' "'" r'Paperless Settings' "'" r'.');
   }
 
   String get rallySettingsPasscodeAndTouchId {
     return Intl.message('Passcode and Touch ID',
         locale: _localeName,
         name: 'rallySettingsPasscodeAndTouchId',
-        desc: "Link to go to the page 'Passcode and Touch ID'.");
+        desc: r'Link to go to the page ' "'" r'Passcode and Touch ID' "'" r'.');
   }
 
   String get rallySettingsPersonalInformation {
     return Intl.message('Personal Information',
         locale: _localeName,
         name: 'rallySettingsPersonalInformation',
-        desc: "Link to go to the page 'Personal Information'.");
+        desc: r'Link to go to the page ' "'" r'Personal Information' "'" r'.');
   }
 
   String get rallySettingsSignOut {
     return Intl.message('Sign out',
         locale: _localeName,
         name: 'rallySettingsSignOut',
-        desc: "Link to go to the page 'Sign out'.");
+        desc: r'Link to go to the page ' "'" r'Sign out' "'" r'.');
   }
 
   String get rallySettingsTaxDocuments {
     return Intl.message('Tax Documents',
         locale: _localeName,
         name: 'rallySettingsTaxDocuments',
-        desc: "Link to go to the page 'Tax Documents'.");
+        desc: r'Link to go to the page ' "'" r'Tax Documents' "'" r'.');
   }
 
   String get rallyTitleAccounts {
     return Intl.message('ACCOUNTS',
         locale: _localeName,
         name: 'rallyTitleAccounts',
-        desc: 'The navigation link to the accounts page.');
+        desc: r'The navigation link to the accounts page.');
   }
 
   String get rallyTitleBills {
     return Intl.message('BILLS',
         locale: _localeName,
         name: 'rallyTitleBills',
-        desc: 'The navigation link to the bills page.');
+        desc: r'The navigation link to the bills page.');
   }
 
   String get rallyTitleBudgets {
     return Intl.message('BUDGETS',
         locale: _localeName,
         name: 'rallyTitleBudgets',
-        desc: 'The navigation link to the budgets page.');
+        desc: r'The navigation link to the budgets page.');
   }
 
   String get rallyTitleOverview {
     return Intl.message('OVERVIEW',
         locale: _localeName,
         name: 'rallyTitleOverview',
-        desc: 'The navigation link to the overview page.');
+        desc: r'The navigation link to the overview page.');
   }
 
   String get rallyTitleSettings {
     return Intl.message('SETTINGS',
         locale: _localeName,
         name: 'rallyTitleSettings',
-        desc: 'The navigation link to the settings page.');
+        desc: r'The navigation link to the settings page.');
   }
 
   String get settingsAbout {
     return Intl.message('About Flutter Gallery',
         locale: _localeName,
         name: 'settingsAbout',
-        desc: 'Title for information button.');
+        desc: r'Title for information button.');
   }
 
   String get settingsAttribution {
@@ -4201,7 +4275,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'settingsAttribution',
         desc:
-            'Title for attribution (TOASTER is a proper name and should remain in English).');
+            r'Title for attribution (TOASTER is a proper name and should remain in English).');
   }
 
   String get settingsButtonCloseLabel {
@@ -4209,7 +4283,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'settingsButtonCloseLabel',
         desc:
-            'Accessibility label for the settings button when settings are showing.');
+            r'Accessibility label for the settings button when settings are showing.');
   }
 
   String get settingsButtonLabel {
@@ -4217,168 +4291,169 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'settingsButtonLabel',
         desc:
-            'Accessibility label for the settings button when settings are not showing.');
+            r'Accessibility label for the settings button when settings are not showing.');
   }
 
   String get settingsDarkTheme {
     return Intl.message('Dark',
         locale: _localeName,
         name: 'settingsDarkTheme',
-        desc: 'Title for the dark theme setting.');
+        desc: r'Title for the dark theme setting.');
   }
 
   String get settingsFeedback {
     return Intl.message('Send feedback',
         locale: _localeName,
         name: 'settingsFeedback',
-        desc: 'Title for feedback button.');
+        desc: r'Title for feedback button.');
   }
 
   String get settingsLightTheme {
     return Intl.message('Light',
         locale: _localeName,
         name: 'settingsLightTheme',
-        desc: 'Title for the light theme setting.');
+        desc: r'Title for the light theme setting.');
   }
 
   String get settingsLocale {
     return Intl.message('Locale',
         locale: _localeName,
         name: 'settingsLocale',
-        desc: 'Title for locale setting.');
+        desc: r'Title for locale setting.');
   }
 
   String get settingsPlatformAndroid {
     return Intl.message('Android',
         locale: _localeName,
         name: 'settingsPlatformAndroid',
-        desc: 'Title for Android platform setting.');
+        desc: r'Title for Android platform setting.');
   }
 
   String get settingsPlatformIOS {
     return Intl.message('iOS',
         locale: _localeName,
         name: 'settingsPlatformIOS',
-        desc: 'Title for iOS platform setting.');
+        desc: r'Title for iOS platform setting.');
   }
 
   String get settingsPlatformMechanics {
     return Intl.message('Platform mechanics',
         locale: _localeName,
         name: 'settingsPlatformMechanics',
-        desc: 'Title for platform mechanics (iOS/Android) setting.');
+        desc: r'Title for platform mechanics (iOS/Android) setting.');
   }
 
   String get settingsSlowMotion {
     return Intl.message('Slow motion',
         locale: _localeName,
         name: 'settingsSlowMotion',
-        desc: 'Title for slow motion setting.');
+        desc: r'Title for slow motion setting.');
   }
 
   String get settingsSystemDefault {
     return Intl.message('System',
         locale: _localeName,
         name: 'settingsSystemDefault',
-        desc: 'Option label to indicate the system default will be used.');
+        desc: r'Option label to indicate the system default will be used.');
   }
 
   String get settingsTextDirection {
     return Intl.message('Text direction',
         locale: _localeName,
         name: 'settingsTextDirection',
-        desc: 'Title for text direction setting.');
+        desc: r'Title for text direction setting.');
   }
 
   String get settingsTextDirectionLTR {
     return Intl.message('LTR',
         locale: _localeName,
         name: 'settingsTextDirectionLTR',
-        desc: 'Option label for left-to-right text direction setting.');
+        desc: r'Option label for left-to-right text direction setting.');
   }
 
   String get settingsTextDirectionLocaleBased {
     return Intl.message('Based on locale',
         locale: _localeName,
         name: 'settingsTextDirectionLocaleBased',
-        desc: 'Option label for locale-based text direction setting.');
+        desc: r'Option label for locale-based text direction setting.');
   }
 
   String get settingsTextDirectionRTL {
     return Intl.message('RTL',
         locale: _localeName,
         name: 'settingsTextDirectionRTL',
-        desc: 'Option label for right-to-left text direction setting.');
+        desc: r'Option label for right-to-left text direction setting.');
   }
 
   String get settingsTextScaling {
     return Intl.message('Text scaling',
         locale: _localeName,
         name: 'settingsTextScaling',
-        desc: 'Title for text scaling setting.');
+        desc: r'Title for text scaling setting.');
   }
 
   String get settingsTextScalingHuge {
     return Intl.message('Huge',
         locale: _localeName,
         name: 'settingsTextScalingHuge',
-        desc: 'Option label for huge text scale setting.');
+        desc: r'Option label for huge text scale setting.');
   }
 
   String get settingsTextScalingLarge {
     return Intl.message('Large',
         locale: _localeName,
         name: 'settingsTextScalingLarge',
-        desc: 'Option label for large text scale setting.');
+        desc: r'Option label for large text scale setting.');
   }
 
   String get settingsTextScalingNormal {
     return Intl.message('Normal',
         locale: _localeName,
         name: 'settingsTextScalingNormal',
-        desc: 'Option label for normal text scale setting.');
+        desc: r'Option label for normal text scale setting.');
   }
 
   String get settingsTextScalingSmall {
     return Intl.message('Small',
         locale: _localeName,
         name: 'settingsTextScalingSmall',
-        desc: 'Option label for small text scale setting.');
+        desc: r'Option label for small text scale setting.');
   }
 
   String get settingsTheme {
     return Intl.message('Theme',
         locale: _localeName,
         name: 'settingsTheme',
-        desc: 'Title for the theme setting.');
+        desc: r'Title for the theme setting.');
   }
 
   String get settingsTitle {
     return Intl.message('Settings',
         locale: _localeName,
         name: 'settingsTitle',
-        desc: 'Title for the settings screen.');
+        desc: r'Title for the settings screen.');
   }
 
   String get shrineCancelButtonCaption {
     return Intl.message('CANCEL',
         locale: _localeName,
         name: 'shrineCancelButtonCaption',
-        desc: 'On the login screen, the caption for a button to cancel login.');
+        desc:
+            r'On the login screen, the caption for a button to cancel login.');
   }
 
   String get shrineCartClearButtonCaption {
     return Intl.message('CLEAR CART',
         locale: _localeName,
         name: 'shrineCartClearButtonCaption',
-        desc: 'Caption for a button used to clear the cart.');
+        desc: r'Caption for a button used to clear the cart.');
   }
 
   String shrineCartItemCount(int quantity) {
     return Intl.plural(quantity,
         locale: _localeName,
         name: 'shrineCartItemCount',
-        desc: 'A text showing the total number of items in the cart.',
+        desc: r'A text showing the total number of items in the cart.',
         args: <Object>[quantity],
         zero: 'NO ITEMS',
         one: '1 ITEM',
@@ -4389,7 +4464,7 @@ class GalleryLocalizations {
     return Intl.message('CART',
         locale: _localeName,
         name: 'shrineCartPageCaption',
-        desc: 'Caption for a shopping cart page.');
+        desc: r'Caption for a shopping cart page.');
   }
 
   String get shrineCartShippingCaption {
@@ -4397,7 +4472,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'shrineCartShippingCaption',
         desc:
-            'Label for a text showing the shipping cost for the items in the cart.');
+            r'Label for a text showing the shipping cost for the items in the cart.');
   }
 
   String get shrineCartSubtotalCaption {
@@ -4405,21 +4480,22 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'shrineCartSubtotalCaption',
         desc:
-            'Label for a text showing the subtotal price of the items in the cart (excluding shipping and tax).');
+            r'Label for a text showing the subtotal price of the items in the cart (excluding shipping and tax).');
   }
 
   String get shrineCartTaxCaption {
     return Intl.message('Tax:',
         locale: _localeName,
         name: 'shrineCartTaxCaption',
-        desc: 'Label for a text showing the tax for the items in the cart.');
+        desc: r'Label for a text showing the tax for the items in the cart.');
   }
 
   String get shrineCartTotalCaption {
     return Intl.message('TOTAL',
         locale: _localeName,
         name: 'shrineCartTotalCaption',
-        desc: 'Label for a text showing total price of the items in the cart.');
+        desc:
+            r'Label for a text showing total price of the items in the cart.');
   }
 
   String get shrineCategoryNameAccessories {
@@ -4427,35 +4503,35 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'shrineCategoryNameAccessories',
         desc:
-            'A category of products consisting of accessories (clothing items).');
+            r'A category of products consisting of accessories (clothing items).');
   }
 
   String get shrineCategoryNameAll {
     return Intl.message('ALL',
         locale: _localeName,
         name: 'shrineCategoryNameAll',
-        desc: 'A tab showing products from all categories.');
+        desc: r'A tab showing products from all categories.');
   }
 
   String get shrineCategoryNameClothing {
     return Intl.message('CLOTHING',
         locale: _localeName,
         name: 'shrineCategoryNameClothing',
-        desc: 'A category of products consisting of clothing.');
+        desc: r'A category of products consisting of clothing.');
   }
 
   String get shrineCategoryNameHome {
     return Intl.message('HOME',
         locale: _localeName,
         name: 'shrineCategoryNameHome',
-        desc: 'A category of products consisting of items used at home.');
+        desc: r'A category of products consisting of items used at home.');
   }
 
   String get shrineDescription {
     return Intl.message('A fashionable retail app',
         locale: _localeName,
         name: 'shrineDescription',
-        desc: 'Study description for Shrine.');
+        desc: r'Study description for Shrine.');
   }
 
   String get shrineLoginPasswordLabel {
@@ -4463,7 +4539,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'shrineLoginPasswordLabel',
         desc:
-            'On the login screen, a label for a textfield for the user to input their password.');
+            r'On the login screen, a label for a textfield for the user to input their password.');
   }
 
   String get shrineLoginUsernameLabel {
@@ -4471,21 +4547,21 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'shrineLoginUsernameLabel',
         desc:
-            'On the login screen, a label for a textfield for the user to input their username.');
+            r'On the login screen, a label for a textfield for the user to input their username.');
   }
 
   String get shrineLogoutButtonCaption {
     return Intl.message('LOGOUT',
         locale: _localeName,
         name: 'shrineLogoutButtonCaption',
-        desc: 'Label for a logout button.');
+        desc: r'Label for a logout button.');
   }
 
   String get shrineMenuCaption {
     return Intl.message('MENU',
         locale: _localeName,
         name: 'shrineMenuCaption',
-        desc: 'Caption for a menu page.');
+        desc: r'Caption for a menu page.');
   }
 
   String get shrineNextButtonCaption {
@@ -4493,141 +4569,144 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'shrineNextButtonCaption',
         desc:
-            'On the login screen, the caption for a button to proceed login.');
+            r'On the login screen, the caption for a button to proceed login.');
   }
 
   String get shrineProductBlueStoneMug {
     return Intl.message('Blue stone mug',
         locale: _localeName,
         name: 'shrineProductBlueStoneMug',
-        desc: "Name of the product 'Blue stone mug'.");
+        desc: r'Name of the product ' "'" r'Blue stone mug' "'" r'.');
   }
 
   String get shrineProductCeriseScallopTee {
     return Intl.message('Cerise scallop tee',
         locale: _localeName,
         name: 'shrineProductCeriseScallopTee',
-        desc: "Name of the product 'Cerise scallop tee'.");
+        desc: r'Name of the product ' "'" r'Cerise scallop tee' "'" r'.');
   }
 
   String get shrineProductChambrayNapkins {
     return Intl.message('Chambray napkins',
         locale: _localeName,
         name: 'shrineProductChambrayNapkins',
-        desc: "Name of the product 'Chambray napkins'.");
+        desc: r'Name of the product ' "'" r'Chambray napkins' "'" r'.');
   }
 
   String get shrineProductChambrayShirt {
     return Intl.message('Chambray shirt',
         locale: _localeName,
         name: 'shrineProductChambrayShirt',
-        desc: "Name of the product 'Chambray shirt'.");
+        desc: r'Name of the product ' "'" r'Chambray shirt' "'" r'.');
   }
 
   String get shrineProductClassicWhiteCollar {
     return Intl.message('Classic white collar',
         locale: _localeName,
         name: 'shrineProductClassicWhiteCollar',
-        desc: "Name of the product 'Classic white collar'.");
+        desc: r'Name of the product ' "'" r'Classic white collar' "'" r'.');
   }
 
   String get shrineProductClaySweater {
     return Intl.message('Clay sweater',
         locale: _localeName,
         name: 'shrineProductClaySweater',
-        desc: "Name of the product 'Clay sweater'.");
+        desc: r'Name of the product ' "'" r'Clay sweater' "'" r'.');
   }
 
   String get shrineProductCopperWireRack {
     return Intl.message('Copper wire rack',
         locale: _localeName,
         name: 'shrineProductCopperWireRack',
-        desc: "Name of the product 'Copper wire rack'.");
+        desc: r'Name of the product ' "'" r'Copper wire rack' "'" r'.');
   }
 
   String get shrineProductFineLinesTee {
     return Intl.message('Fine lines tee',
         locale: _localeName,
         name: 'shrineProductFineLinesTee',
-        desc: "Name of the product 'Fine lines tee'.");
+        desc: r'Name of the product ' "'" r'Fine lines tee' "'" r'.');
   }
 
   String get shrineProductGardenStrand {
     return Intl.message('Garden strand',
         locale: _localeName,
         name: 'shrineProductGardenStrand',
-        desc: "Name of the product 'Garden strand'.");
+        desc: r'Name of the product ' "'" r'Garden strand' "'" r'.');
   }
 
   String get shrineProductGatsbyHat {
     return Intl.message('Gatsby hat',
         locale: _localeName,
         name: 'shrineProductGatsbyHat',
-        desc: "Name of the product 'Gatsby hat'.");
+        desc: r'Name of the product ' "'" r'Gatsby hat' "'" r'.');
   }
 
   String get shrineProductGentryJacket {
     return Intl.message('Gentry jacket',
         locale: _localeName,
         name: 'shrineProductGentryJacket',
-        desc: "Name of the product 'Gentry jacket'.");
+        desc: r'Name of the product ' "'" r'Gentry jacket' "'" r'.');
   }
 
   String get shrineProductGiltDeskTrio {
     return Intl.message('Gilt desk trio',
         locale: _localeName,
         name: 'shrineProductGiltDeskTrio',
-        desc: "Name of the product 'Gilt desk trio'.");
+        desc: r'Name of the product ' "'" r'Gilt desk trio' "'" r'.');
   }
 
   String get shrineProductGingerScarf {
     return Intl.message('Ginger scarf',
         locale: _localeName,
         name: 'shrineProductGingerScarf',
-        desc: "Name of the product 'Ginger scarf'.");
+        desc: r'Name of the product ' "'" r'Ginger scarf' "'" r'.');
   }
 
   String get shrineProductGreySlouchTank {
     return Intl.message('Grey slouch tank',
         locale: _localeName,
         name: 'shrineProductGreySlouchTank',
-        desc: "Name of the product 'Grey slouch tank'.");
+        desc: r'Name of the product ' "'" r'Grey slouch tank' "'" r'.');
   }
 
   String get shrineProductHurrahsTeaSet {
     return Intl.message('Hurrahs tea set',
         locale: _localeName,
         name: 'shrineProductHurrahsTeaSet',
-        desc: "Name of the product 'Hurrahs tea set'.");
+        desc: r'Name of the product ' "'" r'Hurrahs tea set' "'" r'.');
   }
 
   String get shrineProductKitchenQuattro {
     return Intl.message('Kitchen quattro',
         locale: _localeName,
         name: 'shrineProductKitchenQuattro',
-        desc: "Name of the product 'Kitchen quattro'.");
+        desc: r'Name of the product ' "'" r'Kitchen quattro' "'" r'.');
   }
 
   String get shrineProductNavyTrousers {
     return Intl.message('Navy trousers',
         locale: _localeName,
         name: 'shrineProductNavyTrousers',
-        desc: "Name of the product 'Navy trousers'.");
+        desc: r'Name of the product ' "'" r'Navy trousers' "'" r'.');
   }
 
   String get shrineProductPlasterTunic {
     return Intl.message('Plaster tunic',
         locale: _localeName,
         name: 'shrineProductPlasterTunic',
-        desc: "Name of the product 'Plaster tunic'.");
+        desc: r'Name of the product ' "'" r'Plaster tunic' "'" r'.');
   }
 
   String shrineProductPrice(Object price) {
     return Intl.message('x ${price}',
         locale: _localeName,
         name: 'shrineProductPrice',
-        desc:
-            r"A text showing the unit price of each product. Used as: 'Quantity: 3 x $129'. The currency will be handled by the formatter.",
+        desc: r'A text showing the unit price of each product. Used as: '
+            "'"
+            r'Quantity: 3 x $129'
+            "'"
+            r'. The currency will be handled by the formatter.',
         args: <Object>[price]);
   }
 
@@ -4635,7 +4714,7 @@ class GalleryLocalizations {
     return Intl.message('Quantity: ${quantity}',
         locale: _localeName,
         name: 'shrineProductQuantity',
-        desc: 'A text showing the number of items for a specific product.',
+        desc: r'A text showing the number of items for a specific product.',
         args: <Object>[quantity]);
   }
 
@@ -4643,133 +4722,133 @@ class GalleryLocalizations {
     return Intl.message('Quartet table',
         locale: _localeName,
         name: 'shrineProductQuartetTable',
-        desc: "Name of the product 'Quartet table'.");
+        desc: r'Name of the product ' "'" r'Quartet table' "'" r'.');
   }
 
   String get shrineProductRainwaterTray {
     return Intl.message('Rainwater tray',
         locale: _localeName,
         name: 'shrineProductRainwaterTray',
-        desc: "Name of the product 'Rainwater tray'.");
+        desc: r'Name of the product ' "'" r'Rainwater tray' "'" r'.');
   }
 
   String get shrineProductRamonaCrossover {
     return Intl.message('Ramona crossover',
         locale: _localeName,
         name: 'shrineProductRamonaCrossover',
-        desc: "Name of the product 'Ramona crossover'.");
+        desc: r'Name of the product ' "'" r'Ramona crossover' "'" r'.');
   }
 
   String get shrineProductSeaTunic {
     return Intl.message('Sea tunic',
         locale: _localeName,
         name: 'shrineProductSeaTunic',
-        desc: "Name of the product 'Sea tunic'.");
+        desc: r'Name of the product ' "'" r'Sea tunic' "'" r'.');
   }
 
   String get shrineProductSeabreezeSweater {
     return Intl.message('Seabreeze sweater',
         locale: _localeName,
         name: 'shrineProductSeabreezeSweater',
-        desc: "Name of the product 'Seabreeze sweater'.");
+        desc: r'Name of the product ' "'" r'Seabreeze sweater' "'" r'.');
   }
 
   String get shrineProductShoulderRollsTee {
     return Intl.message('Shoulder rolls tee',
         locale: _localeName,
         name: 'shrineProductShoulderRollsTee',
-        desc: "Name of the product 'Shoulder rolls tee'.");
+        desc: r'Name of the product ' "'" r'Shoulder rolls tee' "'" r'.');
   }
 
   String get shrineProductShrugBag {
     return Intl.message('Shrug bag',
         locale: _localeName,
         name: 'shrineProductShrugBag',
-        desc: "Name of the product 'Shrug bag'.");
+        desc: r'Name of the product ' "'" r'Shrug bag' "'" r'.');
   }
 
   String get shrineProductSootheCeramicSet {
     return Intl.message('Soothe ceramic set',
         locale: _localeName,
         name: 'shrineProductSootheCeramicSet',
-        desc: "Name of the product 'Soothe ceramic set'.");
+        desc: r'Name of the product ' "'" r'Soothe ceramic set' "'" r'.');
   }
 
   String get shrineProductStellaSunglasses {
     return Intl.message('Stella sunglasses',
         locale: _localeName,
         name: 'shrineProductStellaSunglasses',
-        desc: "Name of the product 'Stella sunglasses'.");
+        desc: r'Name of the product ' "'" r'Stella sunglasses' "'" r'.');
   }
 
   String get shrineProductStrutEarrings {
     return Intl.message('Strut earrings',
         locale: _localeName,
         name: 'shrineProductStrutEarrings',
-        desc: "Name of the product 'Strut earrings'.");
+        desc: r'Name of the product ' "'" r'Strut earrings' "'" r'.');
   }
 
   String get shrineProductSucculentPlanters {
     return Intl.message('Succulent planters',
         locale: _localeName,
         name: 'shrineProductSucculentPlanters',
-        desc: "Name of the product 'Succulent planters'.");
+        desc: r'Name of the product ' "'" r'Succulent planters' "'" r'.');
   }
 
   String get shrineProductSunshirtDress {
     return Intl.message('Sunshirt dress',
         locale: _localeName,
         name: 'shrineProductSunshirtDress',
-        desc: "Name of the product 'Sunshirt dress'.");
+        desc: r'Name of the product ' "'" r'Sunshirt dress' "'" r'.');
   }
 
   String get shrineProductSurfAndPerfShirt {
     return Intl.message('Surf and perf shirt',
         locale: _localeName,
         name: 'shrineProductSurfAndPerfShirt',
-        desc: "Name of the product 'Surf and perf shirt'.");
+        desc: r'Name of the product ' "'" r'Surf and perf shirt' "'" r'.');
   }
 
   String get shrineProductVagabondSack {
     return Intl.message('Vagabond sack',
         locale: _localeName,
         name: 'shrineProductVagabondSack',
-        desc: "Name of the product 'Vagabond sack'.");
+        desc: r'Name of the product ' "'" r'Vagabond sack' "'" r'.');
   }
 
   String get shrineProductVarsitySocks {
     return Intl.message('Varsity socks',
         locale: _localeName,
         name: 'shrineProductVarsitySocks',
-        desc: "Name of the product 'Varsity socks'.");
+        desc: r'Name of the product ' "'" r'Varsity socks' "'" r'.');
   }
 
   String get shrineProductWalterHenleyWhite {
     return Intl.message('Walter henley (white)',
         locale: _localeName,
         name: 'shrineProductWalterHenleyWhite',
-        desc: "Name of the product 'Walter henley (white)'.");
+        desc: r'Name of the product ' "'" r'Walter henley (white)' "'" r'.');
   }
 
   String get shrineProductWeaveKeyring {
     return Intl.message('Weave keyring',
         locale: _localeName,
         name: 'shrineProductWeaveKeyring',
-        desc: "Name of the product 'Weave keyring'.");
+        desc: r'Name of the product ' "'" r'Weave keyring' "'" r'.');
   }
 
   String get shrineProductWhitePinstripeShirt {
     return Intl.message('White pinstripe shirt',
         locale: _localeName,
         name: 'shrineProductWhitePinstripeShirt',
-        desc: "Name of the product 'White pinstripe shirt'.");
+        desc: r'Name of the product ' "'" r'White pinstripe shirt' "'" r'.');
   }
 
   String get shrineProductWhitneyBelt {
     return Intl.message('Whitney belt',
         locale: _localeName,
         name: 'shrineProductWhitneyBelt',
-        desc: "Name of the product 'Whitney belt'.");
+        desc: r'Name of the product ' "'" r'Whitney belt' "'" r'.');
   }
 
   String shrineScreenReaderCart(int quantity) {
@@ -4777,7 +4856,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'shrineScreenReaderCart',
         desc:
-            'The description of a shopping cart button containing some products. Used by screen readers, such as TalkBack and VoiceOver.',
+            r'The description of a shopping cart button containing some products. Used by screen readers, such as TalkBack and VoiceOver.',
         args: <Object>[quantity],
         zero: 'Shopping cart, no items',
         one: 'Shopping cart, 1 item',
@@ -4789,7 +4868,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'shrineScreenReaderProductAddToCart',
         desc:
-            'An announcement made by screen readers, such as TalkBack and VoiceOver to indicate the action of a button for adding a product to the cart.');
+            r'An announcement made by screen readers, such as TalkBack and VoiceOver to indicate the action of a button for adding a product to the cart.');
   }
 
   String shrineScreenReaderRemoveProductButton(Object product) {
@@ -4797,7 +4876,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'shrineScreenReaderRemoveProductButton',
         desc:
-            'A tooltip for a button to remove a product. This will be read by screen readers, such as TalkBack and VoiceOver when a product is added to the shopping cart.',
+            r'A tooltip for a button to remove a product. This will be read by screen readers, such as TalkBack and VoiceOver when a product is added to the shopping cart.',
         args: <Object>[product]);
   }
 
@@ -4806,7 +4885,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'shrineTooltipCloseCart',
         desc:
-            'The tooltip text for a button to close the shopping cart page. Also used as a semantic label, used by screen readers, such as TalkBack and VoiceOver.');
+            r'The tooltip text for a button to close the shopping cart page. Also used as a semantic label, used by screen readers, such as TalkBack and VoiceOver.');
   }
 
   String get shrineTooltipCloseMenu {
@@ -4814,7 +4893,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'shrineTooltipCloseMenu',
         desc:
-            'The tooltip text for a button to close a menu. Also used as a semantic label, used by screen readers, such as TalkBack and VoiceOver.');
+            r'The tooltip text for a button to close a menu. Also used as a semantic label, used by screen readers, such as TalkBack and VoiceOver.');
   }
 
   String get shrineTooltipOpenMenu {
@@ -4822,7 +4901,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'shrineTooltipOpenMenu',
         desc:
-            'The tooltip text for a menu button. Also used as a semantic label, used by screen readers, such as TalkBack and VoiceOver.');
+            r'The tooltip text for a menu button. Also used as a semantic label, used by screen readers, such as TalkBack and VoiceOver.');
   }
 
   String get shrineTooltipRemoveItem {
@@ -4830,7 +4909,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'shrineTooltipRemoveItem',
         desc:
-            'The tooltip text for a button to remove an item (a product) in a shopping cart. Also used as a semantic label, used by screen readers, such as TalkBack and VoiceOver.');
+            r'The tooltip text for a button to remove an item (a product) in a shopping cart. Also used as a semantic label, used by screen readers, such as TalkBack and VoiceOver.');
   }
 
   String get shrineTooltipSearch {
@@ -4838,7 +4917,7 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'shrineTooltipSearch',
         desc:
-            'The tooltip text for a search button. Also used as a semantic label, used by screen readers, such as TalkBack and VoiceOver.');
+            r'The tooltip text for a search button. Also used as a semantic label, used by screen readers, such as TalkBack and VoiceOver.');
   }
 
   String get shrineTooltipSettings {
@@ -4846,28 +4925,28 @@ class GalleryLocalizations {
         locale: _localeName,
         name: 'shrineTooltipSettings',
         desc:
-            'The tooltip text for a settings button. Also used as a semantic label, used by screen readers, such as TalkBack and VoiceOver.');
+            r'The tooltip text for a settings button. Also used as a semantic label, used by screen readers, such as TalkBack and VoiceOver.');
   }
 
   String get signIn {
     return Intl.message('SIGN IN',
         locale: _localeName,
         name: 'signIn',
-        desc: 'Sign in label to sign into website.');
+        desc: r'Sign in label to sign into website.');
   }
 
   String get starterAppDescription {
     return Intl.message('A responsive starter layout',
         locale: _localeName,
         name: 'starterAppDescription',
-        desc: 'The description for the starter app.');
+        desc: r'The description for the starter app.');
   }
 
   String starterAppDrawerItem(Object value) {
     return Intl.message('Item ${value}',
         locale: _localeName,
         name: 'starterAppDrawerItem',
-        desc: 'Generic placeholder drawer item.',
+        desc: r'Generic placeholder drawer item.',
         args: <Object>[value]);
   }
 
@@ -4875,70 +4954,70 @@ class GalleryLocalizations {
     return Intl.message('Body',
         locale: _localeName,
         name: 'starterAppGenericBody',
-        desc: 'Generic placeholder for body text in drawer.');
+        desc: r'Generic placeholder for body text in drawer.');
   }
 
   String get starterAppGenericButton {
     return Intl.message('BUTTON',
         locale: _localeName,
         name: 'starterAppGenericButton',
-        desc: 'Generic placeholder for button.');
+        desc: r'Generic placeholder for button.');
   }
 
   String get starterAppGenericHeadline {
     return Intl.message('Headline',
         locale: _localeName,
         name: 'starterAppGenericHeadline',
-        desc: 'Generic placeholder for headline in drawer.');
+        desc: r'Generic placeholder for headline in drawer.');
   }
 
   String get starterAppGenericSubtitle {
     return Intl.message('Subtitle',
         locale: _localeName,
         name: 'starterAppGenericSubtitle',
-        desc: 'Generic placeholder for subtitle in drawer.');
+        desc: r'Generic placeholder for subtitle in drawer.');
   }
 
   String get starterAppGenericTitle {
     return Intl.message('Title',
         locale: _localeName,
         name: 'starterAppGenericTitle',
-        desc: 'Generic placeholder for title in app bar.');
+        desc: r'Generic placeholder for title in app bar.');
   }
 
   String get starterAppTitle {
     return Intl.message('Starter app',
         locale: _localeName,
         name: 'starterAppTitle',
-        desc: 'The title and name for the starter app.');
+        desc: r'The title and name for the starter app.');
   }
 
   String get starterAppTooltipAdd {
     return Intl.message('Add',
         locale: _localeName,
         name: 'starterAppTooltipAdd',
-        desc: 'Tooltip on add icon.');
+        desc: r'Tooltip on add icon.');
   }
 
   String get starterAppTooltipFavorite {
     return Intl.message('Favorite',
         locale: _localeName,
         name: 'starterAppTooltipFavorite',
-        desc: 'Tooltip on favorite icon.');
+        desc: r'Tooltip on favorite icon.');
   }
 
   String get starterAppTooltipSearch {
     return Intl.message('Search',
         locale: _localeName,
         name: 'starterAppTooltipSearch',
-        desc: 'Tooltip on search icon.');
+        desc: r'Tooltip on search icon.');
   }
 
   String get starterAppTooltipShare {
     return Intl.message('Share',
         locale: _localeName,
         name: 'starterAppTooltipShare',
-        desc: 'Tooltip on share icon.');
+        desc: r'Tooltip on share icon.');
   }
 }
 
diff --git a/gallery/lib/l10n/intl_en_US.arb b/gallery/lib/l10n/intl_en_US.arb
index 4771084bda9..980614d1a48 100644
--- a/gallery/lib/l10n/intl_en_US.arb
+++ b/gallery/lib/l10n/intl_en_US.arb
@@ -171,6 +171,18 @@
   "@rallyAccountDetailDataAccountOwner": {
     "description": "Title for an account detail. Below the name of the account owner will be displayed."
   },
+  "rallyBillDetailTotalAmount": "Total Amount",
+  "@rallyBillDetailTotalAmount": {
+    "description": "Title for column where it displays the total dollar amount that the user has in bills."
+  },
+  "rallyBillDetailAmountPaid": "Amount Paid",
+  "@rallyBillDetailAmountPaid": {
+    "description": "Title for column where it displays the amount that the user has paid."
+  },
+  "rallyBillDetailAmountDue": "Amount Due",
+  "@rallyBillDetailAmountDue": {
+    "description": "Title for column where it displays the amount that the user has due."
+  },
   "rallyBudgetCategoryCoffeeShops": "Coffee Shops",
   "@rallyBudgetCategoryCoffeeShops": {
     "description": "Category for budget, to sort expenses / bills in."
@@ -187,6 +199,18 @@
   "@rallyBudgetCategoryClothing": {
     "description": "Category for budget, to sort expenses / bills in."
   },
+  "rallyBudgetDetailTotalCap": "Total Cap",
+  "@rallyBudgetDetailTotalCap": {
+    "description": "Title for column where it displays the total dollar cap that the user has for its budget."
+  },
+  "rallyBudgetDetailAmountUsed": "Amount Used",
+  "@rallyBudgetDetailAmountUsed": {
+    "description": "Title for column where it displays the dollar amount that the user has used in its budget."
+  },
+  "rallyBudgetDetailAmountLeft": "Amount Left",
+  "@rallyBudgetDetailAmountLeft": {
+    "description": "Title for column where it displays the dollar amount that the user has left in its budget."
+  },
   "rallySettingsManageAccounts": "Manage Accounts",
   "@rallySettingsManageAccounts": {
     "description": "Link to go to the page 'Manage Accounts."
diff --git a/gallery/lib/l10n/intl_en_US.xml b/gallery/lib/l10n/intl_en_US.xml
index 67519092703..745d01a596c 100644
--- a/gallery/lib/l10n/intl_en_US.xml
+++ b/gallery/lib/l10n/intl_en_US.xml
@@ -161,6 +161,18 @@
     name="rallyAccountDetailDataAccountOwner"
     description="Title for an account detail. Below the name of the account owner will be displayed."
     >Account Owner</string>
+  <string
+    name="rallyBillDetailTotalAmount"
+    description="Title for column where it displays the total dollar amount that the user has in bills."
+    >Total Amount</string>
+  <string
+    name="rallyBillDetailAmountPaid"
+    description="Title for column where it displays the amount that the user has paid."
+    >Amount Paid</string>
+  <string
+    name="rallyBillDetailAmountDue"
+    description="Title for column where it displays the amount that the user has due."
+    >Amount Due</string>
   <string
     name="rallyBudgetCategoryCoffeeShops"
     description="Category for budget, to sort expenses / bills in."
@@ -177,6 +189,18 @@
     name="rallyBudgetCategoryClothing"
     description="Category for budget, to sort expenses / bills in."
     >Clothing</string>
+  <string
+    name="rallyBudgetDetailTotalCap"
+    description="Title for column where it displays the total dollar cap that the user has for its budget."
+    >Total Cap</string>
+  <string
+    name="rallyBudgetDetailAmountUsed"
+    description="Title for column where it displays the dollar amount that the user has used in its budget."
+    >Amount Used</string>
+  <string
+    name="rallyBudgetDetailAmountLeft"
+    description="Title for column where it displays the dollar amount that the user has left in its budget."
+    >Amount Left</string>
   <string
     name="rallySettingsManageAccounts"
     description="Link to go to the page &apos;Manage Accounts."
diff --git a/gallery/lib/l10n/messages_en_US.dart b/gallery/lib/l10n/messages_en_US.dart
index 3e8c4960119..687a66b40ac 100644
--- a/gallery/lib/l10n/messages_en_US.dart
+++ b/gallery/lib/l10n/messages_en_US.dart
@@ -995,6 +995,12 @@ class MessageLookup extends MessageLookupByLibrary {
         "rallyAlertsMessageSpentOnRestaurants": m24,
         "rallyAlertsMessageUnassignedTransactions": m25,
         "rallyBillAmount": m26,
+        "rallyBillDetailAmountDue":
+            MessageLookupByLibrary.simpleMessage("Amount Due"),
+        "rallyBillDetailAmountPaid":
+            MessageLookupByLibrary.simpleMessage("Amount Paid"),
+        "rallyBillDetailTotalAmount":
+            MessageLookupByLibrary.simpleMessage("Total Amount"),
         "rallyBills": MessageLookupByLibrary.simpleMessage("Bills"),
         "rallyBillsDue": MessageLookupByLibrary.simpleMessage("Due"),
         "rallyBudgetAmount": m27,
@@ -1006,6 +1012,12 @@ class MessageLookup extends MessageLookupByLibrary {
             MessageLookupByLibrary.simpleMessage("Groceries"),
         "rallyBudgetCategoryRestaurants":
             MessageLookupByLibrary.simpleMessage("Restaurants"),
+        "rallyBudgetDetailAmountLeft":
+            MessageLookupByLibrary.simpleMessage("Amount Left"),
+        "rallyBudgetDetailAmountUsed":
+            MessageLookupByLibrary.simpleMessage("Amount Used"),
+        "rallyBudgetDetailTotalCap":
+            MessageLookupByLibrary.simpleMessage("Total Cap"),
         "rallyBudgetLeft": MessageLookupByLibrary.simpleMessage("Left"),
         "rallyBudgets": MessageLookupByLibrary.simpleMessage("Budgets"),
         "rallyDescription":
diff --git a/gallery/lib/studies/rally/charts/line_chart.dart b/gallery/lib/studies/rally/charts/line_chart.dart
index 04f767c9087..7333f2b8e4e 100644
--- a/gallery/lib/studies/rally/charts/line_chart.dart
+++ b/gallery/lib/studies/rally/charts/line_chart.dart
@@ -8,6 +8,7 @@ import 'package:flutter/semantics.dart';
 
 import 'package:gallery/data/gallery_options.dart';
 import 'package:gallery/layout/text_scale.dart';
+import 'package:gallery/layout/adaptive.dart';
 import 'package:gallery/studies/rally/colors.dart';
 import 'package:gallery/studies/rally/data.dart';
 import 'package:gallery/studies/rally/formatters.dart';
@@ -28,6 +29,9 @@ class RallyLineChart extends StatelessWidget {
         labelStyle: Theme.of(context).textTheme.body1,
         textDirection: GalleryOptions.of(context).textDirection(),
         textScaleFactor: reducedTextScale(context),
+        padding: isDisplayDesktop(context)
+            ? EdgeInsets.symmetric(vertical: 22)
+            : EdgeInsets.zero,
       ),
     );
   }
@@ -41,6 +45,7 @@ class RallyLineChartPainter extends CustomPainter {
     @required this.labelStyle,
     @required this.textDirection,
     @required this.textScaleFactor,
+    @required this.padding,
   });
 
   // The style for the labels.
@@ -52,6 +57,9 @@ class RallyLineChartPainter extends CustomPainter {
   // The text scale factor for the text.
   final double textScaleFactor;
 
+  // The padding around the text.
+  final EdgeInsets padding;
+
   // The format for the dates.
   final intl.DateFormat dateFormat;
 
@@ -253,7 +261,8 @@ class RallyLineChartPainter extends CustomPainter {
       textDirection: textDirection,
     );
     leftLabel.layout();
-    leftLabel.paint(canvas, Offset(rect.left + space / 2, rect.topCenter.dy));
+    leftLabel.paint(canvas,
+        Offset(rect.left + space / 2 + padding.vertical, rect.topCenter.dy));
 
     final centerLabel = TextPainter(
       text: TextSpan(
@@ -281,7 +290,8 @@ class RallyLineChartPainter extends CustomPainter {
     rightLabel.layout();
     rightLabel.paint(
       canvas,
-      Offset(rect.right - centerLabel.width - space / 2, rect.topCenter.dy),
+      Offset(rect.right - centerLabel.width - space / 2 - padding.vertical,
+          rect.topCenter.dy),
     );
   }
 }
diff --git a/gallery/lib/studies/rally/colors.dart b/gallery/lib/studies/rally/colors.dart
index 010c58ff1c4..06dd4b8903c 100644
--- a/gallery/lib/studies/rally/colors.dart
+++ b/gallery/lib/studies/rally/colors.dart
@@ -38,6 +38,7 @@ class RallyColors {
   static const Color cardBackground = Color(0x03FEFEFE);
   static const Color buttonColor = Color(0xFF09AF79);
   static const Color focusColor = Color(0xCCFFFFFF);
+  static const Color dividerColor = Color(0xAA282828);
 
   /// Convenience method to get a single account color with position i.
   static Color accountColor(int i) {
diff --git a/gallery/lib/studies/rally/data.dart b/gallery/lib/studies/rally/data.dart
index ed36d1a4123..59033207dfc 100644
--- a/gallery/lib/studies/rally/data.dart
+++ b/gallery/lib/studies/rally/data.dart
@@ -15,6 +15,12 @@ double sumAccountDataPrimaryAmount(List<AccountData> items) =>
 double sumBillDataPrimaryAmount(List<BillData> items) =>
     sumOf<BillData>(items, (item) => item.primaryAmount);
 
+/// Calculates the sum of the primary amounts of a list of [BillData].
+double sumBillDataPaidAmount(List<BillData> items) => sumOf<BillData>(
+      items.where((item) => item.isPaid).toList(),
+      (item) => item.primaryAmount,
+    );
+
 /// Calculates the sum of the primary amounts of a list of [BudgetData].
 double sumBudgetDataPrimaryAmount(List<BudgetData> items) =>
     sumOf<BudgetData>(items, (item) => item.primaryAmount);
@@ -52,7 +58,12 @@ class AccountData {
 ///
 /// The [primaryAmount] is the amount due in USD.
 class BillData {
-  const BillData({this.name, this.primaryAmount, this.dueDate});
+  const BillData({
+    this.name,
+    this.primaryAmount,
+    this.dueDate,
+    this.isPaid = false,
+  });
 
   /// The display name of this entity.
   final String name;
@@ -62,6 +73,9 @@ class BillData {
 
   /// The due date of this bill.
   final String dueDate;
+
+  /// If this bill has been paid.
+  final bool isPaid;
 }
 
 /// A data model for a budget.
@@ -103,9 +117,9 @@ class DetailedEventData {
   final double amount;
 }
 
-/// A data model for account data.
-class AccountDetailData {
-  AccountDetailData({this.title, this.value});
+/// A data model for data displayed to the user.
+class UserDetailData {
+  UserDetailData({this.title, this.value});
 
   /// The display name of this entity.
   final String title;
@@ -143,34 +157,34 @@ class DummyDataService {
     ];
   }
 
-  static List<AccountDetailData> getAccountDetailList(BuildContext context) {
-    return <AccountDetailData>[
-      AccountDetailData(
+  static List<UserDetailData> getAccountDetailList(BuildContext context) {
+    return <UserDetailData>[
+      UserDetailData(
         title: GalleryLocalizations.of(context)
             .rallyAccountDetailDataAnnualPercentageYield,
         value: percentFormat(context).format(0.001),
       ),
-      AccountDetailData(
+      UserDetailData(
         title:
             GalleryLocalizations.of(context).rallyAccountDetailDataInterestRate,
         value: usdWithSignFormat(context).format(1676.14),
       ),
-      AccountDetailData(
+      UserDetailData(
         title:
             GalleryLocalizations.of(context).rallyAccountDetailDataInterestYtd,
         value: usdWithSignFormat(context).format(81.45),
       ),
-      AccountDetailData(
+      UserDetailData(
         title: GalleryLocalizations.of(context)
             .rallyAccountDetailDataInterestPaidLastYear,
         value: usdWithSignFormat(context).format(987.12),
       ),
-      AccountDetailData(
+      UserDetailData(
         title: GalleryLocalizations.of(context)
             .rallyAccountDetailDataNextStatement,
         value: shortDateFormat(context).format(DateTime.utc(2019, 12, 25)),
       ),
-      AccountDetailData(
+      UserDetailData(
         title:
             GalleryLocalizations.of(context).rallyAccountDetailDataAccountOwner,
         value: 'Philip Cao',
@@ -233,6 +247,7 @@ class DummyDataService {
         primaryAmount: 1200,
         dueDate: dateFormatAbbreviatedMonthDay(context)
             .format(DateTime.utc(2019, 2, 9)),
+        isPaid: true,
       ),
       BillData(
         name: 'TabFine Credit',
@@ -249,6 +264,24 @@ class DummyDataService {
     ];
   }
 
+  static List<UserDetailData> getBillDetailList(BuildContext context,
+      {double dueTotal, double paidTotal}) {
+    return <UserDetailData>[
+      UserDetailData(
+        title: GalleryLocalizations.of(context).rallyBillDetailTotalAmount,
+        value: usdWithSignFormat(context).format(paidTotal + dueTotal),
+      ),
+      UserDetailData(
+        title: GalleryLocalizations.of(context).rallyBillDetailAmountPaid,
+        value: usdWithSignFormat(context).format(paidTotal),
+      ),
+      UserDetailData(
+        title: GalleryLocalizations.of(context).rallyBillDetailAmountDue,
+        value: usdWithSignFormat(context).format(dueTotal),
+      ),
+    ];
+  }
+
   static List<BudgetData> getBudgetDataList(BuildContext context) {
     return <BudgetData>[
       BudgetData(
@@ -274,6 +307,24 @@ class DummyDataService {
     ];
   }
 
+  static List<UserDetailData> getBudgetDetailList(BuildContext context,
+      {double capTotal, double usedTotal}) {
+    return <UserDetailData>[
+      UserDetailData(
+        title: GalleryLocalizations.of(context).rallyBudgetDetailTotalCap,
+        value: usdWithSignFormat(context).format(capTotal),
+      ),
+      UserDetailData(
+        title: GalleryLocalizations.of(context).rallyBudgetDetailAmountUsed,
+        value: usdWithSignFormat(context).format(usedTotal),
+      ),
+      UserDetailData(
+        title: GalleryLocalizations.of(context).rallyBudgetDetailAmountLeft,
+        value: usdWithSignFormat(context).format(capTotal - usedTotal),
+      ),
+    ];
+  }
+
   static List<String> getSettingsTitles(BuildContext context) {
     return <String>[
       GalleryLocalizations.of(context).rallySettingsManageAccounts,
diff --git a/gallery/lib/studies/rally/finance.dart b/gallery/lib/studies/rally/finance.dart
index 635502be8be..d76ec45393e 100644
--- a/gallery/lib/studies/rally/finance.dart
+++ b/gallery/lib/studies/rally/finance.dart
@@ -9,6 +9,7 @@ import 'package:flutter/rendering.dart';
 
 import 'package:gallery/data/gallery_options.dart';
 import 'package:gallery/l10n/gallery_localizations.dart';
+import 'package:gallery/layout/adaptive.dart';
 import 'package:gallery/layout/text_scale.dart';
 import 'package:gallery/studies/rally/charts/line_chart.dart';
 import 'package:gallery/studies/rally/charts/pie_chart.dart';
@@ -170,7 +171,7 @@ class FinancialEntityCategoryView extends StatelessWidget {
               height: 1,
               indent: 16,
               endIndent: 16,
-              color: Color(0xAA282828),
+              color: RallyColors.dividerColor,
             ),
           ],
         ),
@@ -309,13 +310,7 @@ class FinancialEntityCategoryDetailsPage extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final List<_DetailedEventCard> cards = items.map((detailedEventData) {
-      return _DetailedEventCard(
-        title: detailedEventData.title,
-        date: detailedEventData.date,
-        amount: detailedEventData.amount,
-      );
-    }).toList();
+    final isDesktop = isDisplayDesktop(context);
 
     return ApplyTextOptions(
       child: Scaffold(
@@ -335,7 +330,20 @@ class FinancialEntityCategoryDetailsPage extends StatelessWidget {
               child: RallyLineChart(events: items),
             ),
             Expanded(
-              child: ListView(shrinkWrap: true, children: cards),
+              child: Padding(
+                padding: isDesktop ? EdgeInsets.all(40) : EdgeInsets.zero,
+                child: ListView(
+                  shrinkWrap: true,
+                  children: [
+                    for (DetailedEventData detailedEventData in items)
+                      _DetailedEventCard(
+                        title: detailedEventData.title,
+                        date: detailedEventData.date,
+                        amount: detailedEventData.amount,
+                      ),
+                  ],
+                ),
+              ),
             ),
           ],
         ),
@@ -357,7 +365,7 @@ class _DetailedEventCard extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final textTheme = Theme.of(context).textTheme;
+    final isDesktop = isDisplayDesktop(context);
     return FlatButton(
       onPressed: () {},
       padding: EdgeInsets.symmetric(horizontal: 16),
@@ -366,37 +374,42 @@ class _DetailedEventCard extends StatelessWidget {
           Container(
             padding: EdgeInsets.symmetric(vertical: 16),
             width: double.infinity,
-            child: Wrap(
-              alignment: WrapAlignment.spaceBetween,
-              children: [
-                Column(
-                  mainAxisAlignment: MainAxisAlignment.center,
-                  crossAxisAlignment: CrossAxisAlignment.start,
-                  children: [
-                    Text(
-                      title,
-                      style: textTheme.body1.copyWith(fontSize: 16),
-                    ),
-                    Text(
-                      shortDateFormat(context).format(date),
-                      semanticsLabel: longDateFormat(context).format(date),
-                      style:
-                          textTheme.body1.copyWith(color: RallyColors.gray60),
-                    ),
-                  ],
-                ),
-                Text(
-                  usdWithSignFormat(context).format(amount),
-                  style: textTheme.body2
-                      .copyWith(fontSize: 20, color: RallyColors.gray),
-                ),
-              ],
-            ),
+            child: isDesktop
+                ? Row(
+                    children: [
+                      Expanded(
+                        flex: 1,
+                        child: _EventTitle(title: title),
+                      ),
+                      _EventDate(date: date),
+                      Expanded(
+                        flex: 1,
+                        child: Align(
+                          alignment: AlignmentDirectional.centerEnd,
+                          child: _EventAmount(amount: amount),
+                        ),
+                      ),
+                    ],
+                  )
+                : Wrap(
+                    alignment: WrapAlignment.spaceBetween,
+                    children: [
+                      Column(
+                        mainAxisAlignment: MainAxisAlignment.center,
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
+                          _EventTitle(title: title),
+                          _EventDate(date: date),
+                        ],
+                      ),
+                      _EventAmount(amount: amount),
+                    ],
+                  ),
           ),
           SizedBox(
             height: 1,
             child: Container(
-              color: const Color(0xAA282828),
+              color: RallyColors.dividerColor,
             ),
           ),
         ],
@@ -404,3 +417,49 @@ class _DetailedEventCard extends StatelessWidget {
     );
   }
 }
+
+class _EventAmount extends StatelessWidget {
+  const _EventAmount({Key key, @required this.amount}) : super(key: key);
+
+  final double amount;
+
+  @override
+  Widget build(BuildContext context) {
+    final textTheme = Theme.of(context).textTheme;
+    return Text(
+      usdWithSignFormat(context).format(amount),
+      style: textTheme.body2.copyWith(fontSize: 20, color: RallyColors.gray),
+    );
+  }
+}
+
+class _EventDate extends StatelessWidget {
+  const _EventDate({Key key, @required this.date}) : super(key: key);
+
+  final DateTime date;
+
+  @override
+  Widget build(BuildContext context) {
+    final textTheme = Theme.of(context).textTheme;
+    return Text(
+      shortDateFormat(context).format(date),
+      semanticsLabel: longDateFormat(context).format(date),
+      style: textTheme.body1.copyWith(color: RallyColors.gray60),
+    );
+  }
+}
+
+class _EventTitle extends StatelessWidget {
+  const _EventTitle({Key key, @required this.title}) : super(key: key);
+
+  final String title;
+
+  @override
+  Widget build(BuildContext context) {
+    final textTheme = Theme.of(context).textTheme;
+    return Text(
+      title,
+      style: textTheme.body1.copyWith(fontSize: 16),
+    );
+  }
+}
diff --git a/gallery/lib/studies/rally/tabs/accounts.dart b/gallery/lib/studies/rally/tabs/accounts.dart
index 1e455dc05a2..391213506f5 100644
--- a/gallery/lib/studies/rally/tabs/accounts.dart
+++ b/gallery/lib/studies/rally/tabs/accounts.dart
@@ -5,11 +5,10 @@
 import 'package:flutter/material.dart';
 
 import 'package:gallery/l10n/gallery_localizations.dart';
-import 'package:gallery/layout/adaptive.dart';
 import 'package:gallery/studies/rally/charts/pie_chart.dart';
-import 'package:gallery/studies/rally/colors.dart';
 import 'package:gallery/studies/rally/data.dart';
 import 'package:gallery/studies/rally/finance.dart';
+import 'package:gallery/studies/rally/tabs/sidebar.dart';
 
 /// A page that shows a summary of accounts.
 class AccountsView extends StatelessWidget {
@@ -18,74 +17,18 @@ class AccountsView extends StatelessWidget {
     final items = DummyDataService.getAccountDataList(context);
     final detailItems = DummyDataService.getAccountDetailList(context);
     final balanceTotal = sumAccountDataPrimaryAmount(items);
-    final view = FinancialEntityView(
-      heroLabel: GalleryLocalizations.of(context).rallyAccountTotal,
-      heroAmount: balanceTotal,
-      segments: buildSegmentsFromAccountItems(items),
-      wholeAmount: balanceTotal,
-      financialEntityCards: buildAccountDataListViews(items, context),
-    );
-    if (isDisplayDesktop(context)) {
-      return Row(
-        children: [
-          Flexible(
-            flex: 2,
-            child: SingleChildScrollView(
-              child: Padding(
-                padding: const EdgeInsets.symmetric(vertical: 24),
-                child: view,
-              ),
-            ),
-          ),
-          Expanded(
-            flex: 1,
-            child: Container(
-              color: RallyColors.inputBackground,
-              padding: EdgeInsetsDirectional.only(start: 24),
-              height: double.infinity,
-              alignment: AlignmentDirectional.centerStart,
-              child: ListView(
-                shrinkWrap: true,
-                children: [
-                  for (AccountDetailData item in detailItems)
-                    _AccountDetail(title: item.title, value: item.value),
-                ],
-              ),
-            ),
-          ),
-        ],
-      );
-    } else {
-      return SingleChildScrollView(child: view);
-    }
-  }
-}
-
-class _AccountDetail extends StatelessWidget {
-  const _AccountDetail({Key key, this.value, this.title}) : super(key: key);
 
-  final String value;
-  final String title;
-
-  @override
-  Widget build(BuildContext context) {
-    final textTheme = Theme.of(context).textTheme;
-    return Column(
-      crossAxisAlignment: CrossAxisAlignment.start,
-      children: [
-        SizedBox(height: 8),
-        Text(
-          title,
-          style:
-              textTheme.body1.copyWith(fontSize: 16, color: RallyColors.gray60),
-        ),
-        SizedBox(height: 8),
-        Text(
-          value,
-          style: textTheme.body2.copyWith(fontSize: 20),
-        ),
-        SizedBox(height: 8),
-        Container(color: RallyColors.primaryBackground, height: 1),
+    return TabWithSidebar(
+      mainView: FinancialEntityView(
+        heroLabel: GalleryLocalizations.of(context).rallyAccountTotal,
+        heroAmount: balanceTotal,
+        segments: buildSegmentsFromAccountItems(items),
+        wholeAmount: balanceTotal,
+        financialEntityCards: buildAccountDataListViews(items, context),
+      ),
+      sidebarItems: [
+        for (UserDetailData item in detailItems)
+          SidebarItem(title: item.title, value: item.value)
       ],
     );
   }
diff --git a/gallery/lib/studies/rally/tabs/bills.dart b/gallery/lib/studies/rally/tabs/bills.dart
index 3b0a76a74a9..9df00b86a2d 100644
--- a/gallery/lib/studies/rally/tabs/bills.dart
+++ b/gallery/lib/studies/rally/tabs/bills.dart
@@ -5,10 +5,10 @@
 import 'package:flutter/widgets.dart';
 
 import 'package:gallery/l10n/gallery_localizations.dart';
-import 'package:gallery/layout/adaptive.dart';
 import 'package:gallery/studies/rally/charts/pie_chart.dart';
 import 'package:gallery/studies/rally/data.dart';
 import 'package:gallery/studies/rally/finance.dart';
+import 'package:gallery/studies/rally/tabs/sidebar.dart';
 
 /// A page that shows a summary of bills.
 class BillsView extends StatefulWidget {
@@ -22,17 +22,25 @@ class _BillsViewState extends State<BillsView>
   Widget build(BuildContext context) {
     List<BillData> items = DummyDataService.getBillDataList(context);
     final dueTotal = sumBillDataPrimaryAmount(items);
-    return SingleChildScrollView(
-      child: Container(
-        padding: isDisplayDesktop(context) ? EdgeInsets.only(top: 24) : null,
-        child: FinancialEntityView(
-          heroLabel: GalleryLocalizations.of(context).rallyBillsDue,
-          heroAmount: dueTotal,
-          segments: buildSegmentsFromBillItems(items),
-          wholeAmount: dueTotal,
-          financialEntityCards: buildBillDataListViews(items, context),
-        ),
+    final paidTotal = sumBillDataPaidAmount(items);
+    final detailItems = DummyDataService.getBillDetailList(
+      context,
+      dueTotal: dueTotal,
+      paidTotal: paidTotal,
+    );
+
+    return TabWithSidebar(
+      mainView: FinancialEntityView(
+        heroLabel: GalleryLocalizations.of(context).rallyBillsDue,
+        heroAmount: dueTotal,
+        segments: buildSegmentsFromBillItems(items),
+        wholeAmount: dueTotal,
+        financialEntityCards: buildBillDataListViews(items, context),
       ),
+      sidebarItems: [
+        for (UserDetailData item in detailItems)
+          SidebarItem(title: item.title, value: item.value)
+      ],
     );
   }
 }
diff --git a/gallery/lib/studies/rally/tabs/budgets.dart b/gallery/lib/studies/rally/tabs/budgets.dart
index bd74341529b..69921cb6392 100644
--- a/gallery/lib/studies/rally/tabs/budgets.dart
+++ b/gallery/lib/studies/rally/tabs/budgets.dart
@@ -5,10 +5,10 @@
 import 'package:flutter/widgets.dart';
 
 import 'package:gallery/l10n/gallery_localizations.dart';
-import 'package:gallery/layout/adaptive.dart';
 import 'package:gallery/studies/rally/charts/pie_chart.dart';
 import 'package:gallery/studies/rally/data.dart';
 import 'package:gallery/studies/rally/finance.dart';
+import 'package:gallery/studies/rally/tabs/sidebar.dart';
 
 class BudgetsView extends StatefulWidget {
   @override
@@ -22,17 +22,24 @@ class _BudgetsViewState extends State<BudgetsView>
     final items = DummyDataService.getBudgetDataList(context);
     final capTotal = sumBudgetDataPrimaryAmount(items);
     final usedTotal = sumBudgetDataAmountUsed(items);
-    return SingleChildScrollView(
-      child: Container(
-        padding: isDisplayDesktop(context) ? EdgeInsets.only(top: 24) : null,
-        child: FinancialEntityView(
-          heroLabel: GalleryLocalizations.of(context).rallyBudgetLeft,
-          heroAmount: capTotal - usedTotal,
-          segments: buildSegmentsFromBudgetItems(items),
-          wholeAmount: capTotal,
-          financialEntityCards: buildBudgetDataListViews(items, context),
-        ),
+    final detailItems = DummyDataService.getBudgetDetailList(
+      context,
+      capTotal: capTotal,
+      usedTotal: usedTotal,
+    );
+
+    return TabWithSidebar(
+      mainView: FinancialEntityView(
+        heroLabel: GalleryLocalizations.of(context).rallyBudgetLeft,
+        heroAmount: capTotal - usedTotal,
+        segments: buildSegmentsFromBudgetItems(items),
+        wholeAmount: capTotal,
+        financialEntityCards: buildBudgetDataListViews(items, context),
       ),
+      sidebarItems: [
+        for (UserDetailData item in detailItems)
+          SidebarItem(title: item.title, value: item.value)
+      ],
     );
   }
 }
diff --git a/gallery/lib/studies/rally/tabs/settings.dart b/gallery/lib/studies/rally/tabs/settings.dart
index 2043ef58aa9..0426d0b0a22 100644
--- a/gallery/lib/studies/rally/tabs/settings.dart
+++ b/gallery/lib/studies/rally/tabs/settings.dart
@@ -5,6 +5,7 @@
 import 'package:flutter/material.dart';
 
 import 'package:gallery/layout/adaptive.dart';
+import 'package:gallery/studies/rally/colors.dart';
 import 'package:gallery/studies/rally/data.dart';
 import 'package:gallery/studies/rally/login.dart';
 
@@ -16,14 +17,19 @@ class SettingsView extends StatefulWidget {
 class _SettingsViewState extends State<SettingsView> {
   @override
   Widget build(BuildContext context) {
-    final items = DummyDataService.getSettingsTitles(context)
-        .map((title) => _SettingsItem(title))
-        .toList();
     return Container(
       padding: EdgeInsets.only(top: isDisplayDesktop(context) ? 24 : 0),
       child: ListView(
         shrinkWrap: true,
-        children: items,
+        children: [
+          for (String title in DummyDataService.getSettingsTitles(context)) ...[
+            _SettingsItem(title),
+            Divider(
+              color: RallyColors.dividerColor,
+              height: 1,
+            )
+          ]
+        ],
       ),
     );
   }
diff --git a/gallery/lib/studies/rally/tabs/sidebar.dart b/gallery/lib/studies/rally/tabs/sidebar.dart
new file mode 100644
index 00000000000..f5cd58be935
--- /dev/null
+++ b/gallery/lib/studies/rally/tabs/sidebar.dart
@@ -0,0 +1,87 @@
+// Copyright 2020 The Flutter team. All rights reserved.
+// Use of this source code is governed by a BSD-style license that can be
+// found in the LICENSE file.
+
+import 'package:flutter/material.dart';
+import 'package:gallery/layout/adaptive.dart';
+import 'package:gallery/studies/rally/colors.dart';
+
+class TabWithSidebar extends StatelessWidget {
+  const TabWithSidebar({
+    Key key,
+    @required this.mainView,
+    @required this.sidebarItems,
+  }) : super(key: key);
+
+  final Widget mainView;
+  final List<Widget> sidebarItems;
+
+  @override
+  Widget build(BuildContext context) {
+    if (isDisplayDesktop(context)) {
+      return Row(
+        children: [
+          Flexible(
+            flex: 2,
+            child: SingleChildScrollView(
+              child: Padding(
+                padding: const EdgeInsets.symmetric(vertical: 24),
+                child: mainView,
+              ),
+            ),
+          ),
+          Expanded(
+            flex: 1,
+            child: Container(
+              color: RallyColors.inputBackground,
+              padding: EdgeInsetsDirectional.only(start: 24),
+              height: double.infinity,
+              alignment: AlignmentDirectional.centerStart,
+              child: ListView(
+                shrinkWrap: true,
+                children: sidebarItems,
+              ),
+            ),
+          ),
+        ],
+      );
+    } else {
+      return SingleChildScrollView(child: mainView);
+    }
+  }
+}
+
+class SidebarItem extends StatelessWidget {
+  const SidebarItem({Key key, this.value, this.title}) : super(key: key);
+
+  final String value;
+  final String title;
+
+  @override
+  Widget build(BuildContext context) {
+    final textTheme = Theme.of(context).textTheme;
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        SizedBox(height: 8),
+        Text(
+          title,
+          style: textTheme.body1.copyWith(
+            fontSize: 16,
+            color: RallyColors.gray60,
+          ),
+        ),
+        SizedBox(height: 8),
+        Text(
+          value,
+          style: textTheme.body2.copyWith(fontSize: 20),
+        ),
+        SizedBox(height: 8),
+        Container(
+          color: RallyColors.primaryBackground,
+          height: 1,
+        ),
+      ],
+    );
+  }
+}