fix: amend token-names

ZebraDevs · Jun 10, 2024 · 9430ca1 · 9430ca1
1 parent 9be8ba3
commit 9430ca1
Show file tree

Hide file tree

Showing 91 changed files with 321 additions and 320 deletions.
diff --git a/example/lib/pages/components/avatar_example.dart b/example/lib/pages/components/avatar_example.dart
@@ -570,7 +570,7 @@ class AvatarExample extends StatelessWidget {
                 ),
               ],
             ),
-          ].divide(const SizedBox(height: ZetaSpacing.xL2)).toList(),
+          ].divide(const SizedBox(height: ZetaSpacing.xl_2)).toList(),
         ),
       ),
     );
@@ -584,20 +584,20 @@ extension on ZetaAvatarSize {
         return ZetaSpacingBase.x50;
       case ZetaAvatarSize.xxl:
         return ZetaSpacingBase.x30;
-      case ZetaAvatarSize.xl:
-        return ZetaSpacing.xL10;
+      case ZetaAvatarSize.xl_1:
+        return ZetaSpacing.xl_10;
       case ZetaAvatarSize.l:
-        return ZetaSpacing.xL9;
+        return ZetaSpacing.xl_9;
       case ZetaAvatarSize.m:
-        return ZetaSpacing.xL8;
+        return ZetaSpacing.xl_8;
       case ZetaAvatarSize.s:
-        return ZetaSpacing.xL6;
+        return ZetaSpacing.xl_6;
       case ZetaAvatarSize.xs:
-        return ZetaSpacing.xL5;
+        return ZetaSpacing.xl_5;
       case ZetaAvatarSize.xxs:
-        return ZetaSpacing.xL4;
+        return ZetaSpacing.xl_4;
       case ZetaAvatarSize.xxxs:
-        return ZetaSpacing.xL2;
+        return ZetaSpacing.xl_2;
     }
   }
 }
diff --git a/example/lib/pages/components/badges_example.dart b/example/lib/pages/components/badges_example.dart
@@ -20,7 +20,7 @@ class BadgesExample extends StatelessWidget {
             _StatusLabel(),
             _DividingText('Priority Pill'),
             _PriorityPill(),
-            const SizedBox(height: ZetaSpacing.xL4),
+            const SizedBox(height: ZetaSpacing.xl_4),
             _PriorityPill(size: ZetaPriorityPillSize.small),
             _DividingText('Badge'),
             _Badge(),
@@ -44,7 +44,7 @@ class _DividingText extends StatelessWidget {
     return Text(
       text,
       style: ZetaTextStyles.displayMedium,
-    ).paddingVertical(ZetaSpacing.xL4);
+    ).paddingVertical(ZetaSpacing.xl_4);
   }
 }
 
@@ -73,7 +73,7 @@ class _StatusLabel extends StatelessWidget {
         statusLabelExampleRow(ZetaWidgetStatus.positive),
         statusLabelExampleRow(ZetaWidgetStatus.warning),
         statusLabelExampleRow(ZetaWidgetStatus.negative),
-      ].divide(const SizedBox.square(dimension: ZetaSpacing.xL2)).toList(),
+      ].divide(const SizedBox.square(dimension: ZetaSpacing.xl_2)).toList(),
     );
   }
 }
@@ -97,7 +97,7 @@ class _PriorityPill extends StatelessWidget {
             ZetaPriorityPill(size: size, isBadge: true, type: ZetaPriorityPillType.high),
             ZetaPriorityPill(size: size, isBadge: true, type: ZetaPriorityPillType.medium),
             ZetaPriorityPill(size: size, isBadge: true, type: ZetaPriorityPillType.low),
-          ].divide(const SizedBox.square(dimension: ZetaSpacing.xL2)).toList(),
+          ].divide(const SizedBox.square(dimension: ZetaSpacing.xl_2)).toList(),
         ),
         Column(
           crossAxisAlignment: CrossAxisAlignment.start,
@@ -106,7 +106,7 @@ class _PriorityPill extends StatelessWidget {
             ZetaPriorityPill(size: size, type: ZetaPriorityPillType.high),
             ZetaPriorityPill(size: size, type: ZetaPriorityPillType.medium),
             ZetaPriorityPill(size: size, type: ZetaPriorityPillType.low),
-          ].divide(const SizedBox.square(dimension: ZetaSpacing.xL2)).toList(),
+          ].divide(const SizedBox.square(dimension: ZetaSpacing.xl_2)).toList(),
         ),
         Column(
           crossAxisAlignment: CrossAxisAlignment.start,
@@ -115,7 +115,7 @@ class _PriorityPill extends StatelessWidget {
             ZetaPriorityPill(size: size, rounded: false, type: ZetaPriorityPillType.high),
             ZetaPriorityPill(size: size, rounded: false, type: ZetaPriorityPillType.medium),
             ZetaPriorityPill(size: size, rounded: false, type: ZetaPriorityPillType.low),
-          ].divide(const SizedBox.square(dimension: ZetaSpacing.xL2)).toList(),
+          ].divide(const SizedBox.square(dimension: ZetaSpacing.xl_2)).toList(),
         ),
       ],
     );
@@ -145,7 +145,7 @@ class _Badge extends StatelessWidget {
         badgeExampleRow(ZetaWidgetStatus.warning),
         badgeExampleRow(ZetaWidgetStatus.negative),
         badgeExampleRow(ZetaWidgetStatus.neutral),
-      ].divide(const SizedBox(height: ZetaSpacing.xL2)).toList(),
+      ].divide(const SizedBox(height: ZetaSpacing.xl_2)).toList(),
     );
   }
 }
@@ -177,14 +177,14 @@ class _Indicators extends StatelessWidget {
                         ZetaIndicator.icon(),
                         ZetaIndicator.icon(size: ZetaWidgetSize.medium),
                         ZetaIndicator.icon(size: ZetaWidgetSize.small),
-                      ].divide(const SizedBox.square(dimension: ZetaSpacing.xL2)).toList(),
+                      ].divide(const SizedBox.square(dimension: ZetaSpacing.xl_2)).toList(),
                     ),
                     Row(
                       children: [
                         ZetaIndicator.icon(inverse: true),
                         ZetaIndicator.icon(size: ZetaWidgetSize.medium, inverse: true),
                         ZetaIndicator.icon(size: ZetaWidgetSize.small, inverse: true),
-                      ].divide(const SizedBox.square(dimension: ZetaSpacing.xL2)).toList(),
+                      ].divide(const SizedBox.square(dimension: ZetaSpacing.xl_2)).toList(),
                     ),
                   ].divide(const SizedBox.square(dimension: ZetaSpacing.small)).toList(),
                 ),
@@ -193,7 +193,7 @@ class _Indicators extends StatelessWidget {
             ),
           ],
         ),
-        const SizedBox.square(dimension: ZetaSpacing.xL9),
+        const SizedBox.square(dimension: ZetaSpacing.xl_9),
         Column(
           children: [
             Text(
@@ -213,14 +213,14 @@ class _Indicators extends StatelessWidget {
                         ZetaIndicator.notification(value: 3),
                         ZetaIndicator.notification(size: ZetaWidgetSize.medium, value: 3),
                         ZetaIndicator.notification(size: ZetaWidgetSize.small),
-                      ].divide(const SizedBox.square(dimension: ZetaSpacing.xL2)).toList(),
+                      ].divide(const SizedBox.square(dimension: ZetaSpacing.xl_2)).toList(),
                     ),
                     Row(
                       children: [
                         ZetaIndicator.notification(value: 3, inverse: true),
                         ZetaIndicator.notification(size: ZetaWidgetSize.medium, value: 3, inverse: true),
                         ZetaIndicator.notification(size: ZetaWidgetSize.small, inverse: true),
-                      ].divide(const SizedBox.square(dimension: ZetaSpacing.xL2)).toList(),
+                      ].divide(const SizedBox.square(dimension: ZetaSpacing.xl_2)).toList(),
                     ),
                   ].divide(const SizedBox.square(dimension: ZetaSpacing.medium)).toList(),
                 ),
@@ -247,7 +247,7 @@ class _Tags extends StatelessWidget {
           ZetaTag.right(label: 'Sharp', rounded: false),
           ZetaTag.left(label: 'Rounded'),
           ZetaTag.right(label: 'Rounded'),
-        ].divide(SizedBox.square(dimension: ZetaSpacing.xL2)).toList(),
+        ].divide(SizedBox.square(dimension: ZetaSpacing.xl_2)).toList(),
       ),
     );
   }

diff --git a/example/lib/pages/components/button_example.dart b/example/lib/pages/components/button_example.dart
@@ -114,7 +114,7 @@ class _ButtonExampleState extends State<ButtonExample> {
                   Text('Floating Action Buttons', style: ZetaTextStyles.displayMedium),
                   Text('Tap buttons to change current FAB: ', style: ZetaTextStyles.bodyMedium),
                   Wrap(children: fabs.divide(SizedBox.square(dimension: 10)).toList()),
-                ].divide(const SizedBox.square(dimension: ZetaSpacing.xL2)).toList(),
+                ].divide(const SizedBox.square(dimension: ZetaSpacing.xl_2)).toList(),
               ),
             ),
             Expanded(child: const SizedBox()),
@@ -140,10 +140,10 @@ class _ButtonExampleState extends State<ButtonExample> {
               size: ZetaWidgetSize.values[index == 0 ? 0 : index - 1],
               borderType: borderType,
             ),
-          ).divide(const SizedBox.square(dimension: ZetaSpacing.xL2)).toList(),
+          ).divide(const SizedBox.square(dimension: ZetaSpacing.xl_2)).toList(),
         ),
       ),
-    ).reversed.divide(const SizedBox.square(dimension: ZetaSpacing.xL2)).toList();
+    ).reversed.divide(const SizedBox.square(dimension: ZetaSpacing.xl_2)).toList();
   }
 
   List<Widget> inputButtons(ZetaWidgetBorder borderType) {
@@ -164,10 +164,10 @@ class _ButtonExampleState extends State<ButtonExample> {
                   ? ZetaIcons.delete_round
                   : ZetaIcons.more_horizontal_round,
             ),
-          ).divide(const SizedBox.square(dimension: ZetaSpacing.xL2)).toList(),
+          ).divide(const SizedBox.square(dimension: ZetaSpacing.xl_2)).toList(),
         ),
       ),
-    ).reversed.divide(const SizedBox.square(dimension: ZetaSpacing.xL2)).toList();
+    ).reversed.divide(const SizedBox.square(dimension: ZetaSpacing.xl_2)).toList();
   }
 
   List<Widget> groupButtons(ZetaWidgetBorder) {
@@ -234,6 +234,6 @@ class _ButtonExampleState extends State<ButtonExample> {
           ),
         ],
       ),
-    ].divide(const SizedBox.square(dimension: ZetaSpacing.xL2)).toList();
+    ].divide(const SizedBox.square(dimension: ZetaSpacing.xl_2)).toList();
   }
 }
diff --git a/example/lib/pages/components/dialpad_example.dart b/example/lib/pages/components/dialpad_example.dart
@@ -84,7 +84,7 @@ class _DialPadExampleState extends State<DialPadExample> {
                     borderType: ZetaWidgetBorder.full,
                     onPressed: () => setState(() => number = text = ''),
                   )
-                ].divide(const SizedBox(height: ZetaSpacing.xL2)).toList(),
+                ].divide(const SizedBox(height: ZetaSpacing.xl_2)).toList(),
               ),
             ),
           ],

diff --git a/example/lib/pages/components/global_header_example.dart b/example/lib/pages/components/global_header_example.dart
@@ -44,9 +44,7 @@ class _GroupHeaderExampleState extends State<GroupHeaderExample> {
                 ],
                 avatar: const ZetaAvatar(initials: 'PS'),
               ),
-              const SizedBox(
-                height: ZetaSpacing.xL,
-              ),
+              const SizedBox(height: ZetaSpacing.xl_1),
               ZetaGlobalHeader(title: "Title", tabItems: childrenTwo),
             ]),
           ),

diff --git a/example/lib/pages/components/list_item_example.dart b/example/lib/pages/components/list_item_example.dart
@@ -53,20 +53,20 @@ class _ListItemExampleState extends State<ListItemExample> {
 
               // Enabled
               Padding(
-                padding: const EdgeInsets.only(top: ZetaSpacing.xL4),
+                padding: const EdgeInsets.only(top: ZetaSpacing.xl_4),
                 child: Text(
                   "Enabled",
                   style: ZetaTextStyles.titleLarge,
                 ),
               ),
               Padding(
-                padding: const EdgeInsets.only(top: ZetaSpacing.xL2),
+                padding: const EdgeInsets.only(top: ZetaSpacing.xl_2),
                 child: ZetaListItem(title: Text("List Item")),
               ),
 
               // Selected
               Padding(
-                padding: const EdgeInsets.only(top: ZetaSpacing.xL4),
+                padding: const EdgeInsets.only(top: ZetaSpacing.xl_4),
                 child: Padding(
                   padding: const EdgeInsets.all(8.0),
                   child: Text(
@@ -76,7 +76,7 @@ class _ListItemExampleState extends State<ListItemExample> {
                 ),
               ),
               Padding(
-                padding: const EdgeInsets.only(top: ZetaSpacing.xL2),
+                padding: const EdgeInsets.only(top: ZetaSpacing.xl_2),
                 child: ZetaListItem(
                   title: Text("List Item"),
                   selected: _isSelected,
@@ -92,14 +92,14 @@ class _ListItemExampleState extends State<ListItemExample> {
 
               // Disabled
               Padding(
-                padding: const EdgeInsets.only(top: ZetaSpacing.xL4),
+                padding: const EdgeInsets.only(top: ZetaSpacing.xl_4),
                 child: Text(
                   "Disabled",
                   style: ZetaTextStyles.titleLarge,
                 ),
               ),
               Padding(
-                padding: const EdgeInsets.only(top: ZetaSpacing.xL2),
+                padding: const EdgeInsets.only(top: ZetaSpacing.xl_2),
                 child: ZetaListItem(
                   title: Text("List Item"),
                   enabled: false,

diff --git a/example/lib/pages/components/navigation_rail_example.dart b/example/lib/pages/components/navigation_rail_example.dart
@@ -56,7 +56,7 @@ class _NavigationRailExampleState extends State<NavigationRailExample> {
             ),
             Expanded(
               child: Padding(
-                padding: const EdgeInsets.all(ZetaSpacing.xL),
+                padding: const EdgeInsets.all(ZetaSpacing.xl_1),
                 child: _selectedIndex == null
                     ? const SizedBox()
                     : Text(

diff --git a/example/lib/pages/components/notification_list_example.dart b/example/lib/pages/components/notification_list_example.dart
@@ -59,7 +59,7 @@ class _NotificationListItemExampleState extends State<NotificationListItemExampl
             ),
           ),
         ),
-      ].gap(ZetaSpacing.xL4))),
+      ].gap(ZetaSpacing.xl_4))),
     );
   }
 }
diff --git a/example/lib/pages/components/pagination_example.dart b/example/lib/pages/components/pagination_example.dart
@@ -20,7 +20,7 @@ class _PaginationExampleState extends State<PaginationExample> {
       name: PaginationExample.name,
       child: Center(
         child: Padding(
-          padding: const EdgeInsets.all(ZetaSpacing.xL9),
+          padding: const EdgeInsets.all(ZetaSpacing.xl_9),
           child: Column(
             children: [
               Expanded(

diff --git a/example/lib/pages/components/password_input_example.dart b/example/lib/pages/components/password_input_example.dart
@@ -51,11 +51,11 @@ class _PasswordInputExampleState extends State<PasswordInputExample> {
                       return null;
                     },
                   ),
-                  SizedBox(height: ZetaSpacing.xL6),
+                  SizedBox(height: ZetaSpacing.xl_6),
                   ...passwordInputExampleRow(ZetaWidgetSize.large),
-                  Divider(height: ZetaSpacing.xL10),
+                  Divider(height: ZetaSpacing.xl_10),
                   ...passwordInputExampleRow(ZetaWidgetSize.medium),
-                  Divider(height: ZetaSpacing.xL10),
+                  Divider(height: ZetaSpacing.xl_10),
                   ...passwordInputExampleRow(ZetaWidgetSize.small),
                 ],
               ),

diff --git a/example/lib/pages/components/progress_example.dart b/example/lib/pages/components/progress_example.dart
@@ -56,7 +56,7 @@ class ProgressExampleState extends State<ProgressExample> {
               ),
               Wrapper(
                 stepsCompleted: 0,
-                circleSize: ZetaCircleSizes.xl,
+                circleSize: ZetaCircleSizes.xl_1,
                 rounded: false,
                 isCircle: true,
               ),

diff --git a/example/lib/pages/components/segmented_control_example.dart b/example/lib/pages/components/segmented_control_example.dart
@@ -28,7 +28,7 @@ class _SegmentedControlExampleState extends State<SegmentedControlExample> {
           children: [
             // Text
             Padding(
-              padding: const EdgeInsets.all(ZetaSpacing.xL4),
+              padding: const EdgeInsets.all(ZetaSpacing.xl_4),
               child: ZetaSegmentedControl(
                 segments: [
                   for (final value in _textSegments)
@@ -46,7 +46,7 @@ class _SegmentedControlExampleState extends State<SegmentedControlExample> {
 
             // Numbers
             Padding(
-              padding: const EdgeInsets.all(ZetaSpacing.xL4),
+              padding: const EdgeInsets.all(ZetaSpacing.xl_4),
               child: ZetaSegmentedControl(
                 segments: [
                   for (final value in _numberSegments)
@@ -64,7 +64,7 @@ class _SegmentedControlExampleState extends State<SegmentedControlExample> {
 
             // Icons
             Padding(
-              padding: const EdgeInsets.all(ZetaSpacing.xL4),
+              padding: const EdgeInsets.all(ZetaSpacing.xl_4),
               child: ZetaSegmentedControl(
                 segments: [
                   for (final value in _iconsSegments)

diff --git a/example/lib/pages/components/stepper_example.dart b/example/lib/pages/components/stepper_example.dart
@@ -100,7 +100,7 @@ class _StepperExampleState extends State<StepperExample> {
               ),
             ),
             Padding(
-              padding: const EdgeInsets.symmetric(horizontal: ZetaSpacing.xL4),
+              padding: const EdgeInsets.symmetric(horizontal: ZetaSpacing.xl_4),
               child: ZetaStepper(
                 type: ZetaStepperType.vertical,
                 currentStep: _verticalStep,

diff --git a/example/lib/pages/components/tabs_example.dart b/example/lib/pages/components/tabs_example.dart
@@ -30,7 +30,7 @@ class _TabsExampleState extends State<TabsExample> {
             ),
           ),
           Padding(
-            padding: const EdgeInsets.only(top: ZetaSpacing.xL4),
+            padding: const EdgeInsets.only(top: ZetaSpacing.xl_4),
             child: DefaultTabController(
               length: 5,
               child: ZetaTabBar(
@@ -48,7 +48,7 @@ class _TabsExampleState extends State<TabsExample> {
             ),
           ),
           Padding(
-            padding: const EdgeInsets.only(top: ZetaSpacing.xL4),
+            padding: const EdgeInsets.only(top: ZetaSpacing.xl_4),
             child: DefaultTabController(
               length: 5,
               child: ZetaTabBar(