From e1d2ba04bfae99f7f383566b483c6558d9a91ec5 Mon Sep 17 00:00:00 2001 From: Daniel Eshkeri Date: Wed, 25 Sep 2024 15:05:11 +0100 Subject: [PATCH] docs: added figma and widgetbook links to all components (#180) * docs: added figma and widgetbook links to all components --- lib/src/components/accordion/accordion.dart | 4 ++++ lib/src/components/avatars/avatar.dart | 4 ++++ lib/src/components/badges/indicator.dart | 4 ++++ lib/src/components/badges/label.dart | 4 ++++ lib/src/components/badges/priority_pill.dart | 4 ++++ lib/src/components/badges/status_label.dart | 4 ++++ lib/src/components/badges/tag.dart | 4 ++++ lib/src/components/banner/banner.dart | 4 ++++ lib/src/components/bottom sheets/bottom_sheet.dart | 4 ++++ lib/src/components/bottom sheets/menu_items.dart | 4 ++++ lib/src/components/breadcrumbs/breadcrumbs.dart | 4 ++++ lib/src/components/button_group/button_group.dart | 4 ++++ lib/src/components/buttons/button.dart | 4 ++++ lib/src/components/buttons/icon_button.dart | 4 ++++ lib/src/components/chat_item/chat_item.dart | 4 ++++ lib/src/components/checkbox/checkbox.dart | 4 ++++ lib/src/components/chips/assist_chip.dart | 4 ++++ lib/src/components/chips/chip.dart | 1 - lib/src/components/chips/filter_chip.dart | 4 ++++ lib/src/components/chips/input_chip.dart | 4 ++++ lib/src/components/contact_item/contact_item.dart | 4 ++++ lib/src/components/date_input/date_input.dart | 4 ++++ lib/src/components/dial_pad/dial_pad.dart | 4 ++++ lib/src/components/dialog/dialog.dart | 6 ++++++ lib/src/components/dropdown/dropdown.dart | 8 ++++++++ lib/src/components/fabs/fab.dart | 4 ++++ lib/src/components/filter_selection/filter_selection.dart | 4 ++++ lib/src/components/global_header/global_header.dart | 4 ++++ lib/src/components/global_header/header_tab_item.dart | 4 ++++ lib/src/components/icon/icon.dart | 2 ++ lib/src/components/in_page_banner/in_page_banner.dart | 4 ++++ lib/src/components/list_item/dropdown_list_item.dart | 4 ++++ lib/src/components/list_item/list_item.dart | 8 ++++++++ lib/src/components/list_item/notification_list_item.dart | 4 ++++ lib/src/components/navigation bar/navigation_bar.dart | 4 ++++ lib/src/components/navigation_rail/navigation_rail.dart | 4 ++++ lib/src/components/pagination/pagination.dart | 4 ++++ lib/src/components/password/password_input.dart | 4 ++++ lib/src/components/phone_input/phone_input.dart | 4 ++++ lib/src/components/progress/progress_bar.dart | 4 ++++ lib/src/components/progress/progress_circle.dart | 4 ++++ lib/src/components/radio/radio.dart | 4 ++++ .../components/screen_header_bar/screen_header_bar.dart | 4 ++++ lib/src/components/search_bar/search_bar.dart | 4 ++++ .../components/segmented_control/segmented_control.dart | 4 ++++ lib/src/components/select_input/select_input.dart | 4 ++++ lib/src/components/slider/slider.dart | 4 ++++ lib/src/components/snack_bar/snack_bar.dart | 4 ++++ lib/src/components/stepper/stepper.dart | 4 ++++ lib/src/components/stepper_input/stepper_input.dart | 4 ++++ lib/src/components/switch/zeta_switch.dart | 5 +++++ lib/src/components/tabs/tab.dart | 4 ++++ lib/src/components/tabs/tab_bar.dart | 4 ++++ lib/src/components/text_input/text_input.dart | 4 ++++ lib/src/components/time_input/time_input.dart | 4 ++++ lib/src/components/tooltip/tooltip.dart | 4 ++++ lib/src/components/top_app_bar/extended_top_app_bar.dart | 4 ++++ lib/src/components/top_app_bar/search_top_app_bar.dart | 4 ++++ lib/src/components/top_app_bar/top_app_bar.dart | 4 ++++ 59 files changed, 241 insertions(+), 1 deletion(-) diff --git a/lib/src/components/accordion/accordion.dart b/lib/src/components/accordion/accordion.dart index 14d50a34..db0e0180 100644 --- a/lib/src/components/accordion/accordion.dart +++ b/lib/src/components/accordion/accordion.dart @@ -7,6 +7,10 @@ import '../../../zeta_flutter.dart'; /// the content associated with that item. There can be zero expanded items, exactly one, /// or more than one item expanded at a time, depending on the configuration. /// {@category Components} +/// +/// Figma: https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?type=design&node-id=3427-67874 +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/accordion class ZetaAccordion extends ZetaStatefulWidget { /// The constructor of the component [ZetaAccordion]. const ZetaAccordion({ diff --git a/lib/src/components/avatars/avatar.dart b/lib/src/components/avatars/avatar.dart index a2f7e869..94fb3249 100644 --- a/lib/src/components/avatars/avatar.dart +++ b/lib/src/components/avatars/avatar.dart @@ -35,6 +35,10 @@ enum ZetaAvatarSize { /// An avatar is a visual representation of a user or entity. /// {@category Components} +/// +/// Figma: https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?type=design&node-id=20816-388 +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/avatar class ZetaAvatar extends ZetaStatelessWidget { /// Constructor for [ZetaAvatar] const ZetaAvatar({ diff --git a/lib/src/components/badges/indicator.dart b/lib/src/components/badges/indicator.dart index 1fc5564e..abb04172 100644 --- a/lib/src/components/badges/indicator.dart +++ b/lib/src/components/badges/indicator.dart @@ -13,6 +13,10 @@ enum ZetaIndicatorType { /// Indicators are used to show the status of a user or any messages/notifications they might have. /// {@category Components} +/// +/// Figma: https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?type=design&node-id=22000-10045&mode=design&t=6mhOcUUr3tgxxFdd-0 +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/badge/indicators class ZetaIndicator extends ZetaStatelessWidget { /// Constructor for [ZetaIndicator]. const ZetaIndicator({ diff --git a/lib/src/components/badges/label.dart b/lib/src/components/badges/label.dart index 1ba10300..95f0b379 100644 --- a/lib/src/components/badges/label.dart +++ b/lib/src/components/badges/label.dart @@ -9,6 +9,10 @@ typedef ZetaBadge = ZetaLabel; /// Text badges notify users of line items that need attention. /// {@category Components} +/// +/// Figma: https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?type=design&node-id=21926-2099 +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/badge/label class ZetaLabel extends ZetaStatelessWidget { ///Constructs [ZetaLabel]. const ZetaLabel({ diff --git a/lib/src/components/badges/priority_pill.dart b/lib/src/components/badges/priority_pill.dart index 707878eb..1d94500a 100644 --- a/lib/src/components/badges/priority_pill.dart +++ b/lib/src/components/badges/priority_pill.dart @@ -47,6 +47,10 @@ extension on ZetaPriorityPillType { /// This badge is used to indicate the order of importance. /// {@category Components} +/// +/// Figma: https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?type=design&node-id=22000-15955 +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/badge/priority-pill class ZetaPriorityPill extends ZetaStatelessWidget { ///Constructs [ZetaPriorityPill] const ZetaPriorityPill({ diff --git a/lib/src/components/badges/status_label.dart b/lib/src/components/badges/status_label.dart index f048a163..6ba61e3e 100644 --- a/lib/src/components/badges/status_label.dart +++ b/lib/src/components/badges/status_label.dart @@ -5,6 +5,10 @@ import '../../../zeta_flutter.dart'; /// To help some information, labels, or errors stand out, we present them with badges. /// They can look like buttons, but users can’t select them. They just guide users to things they should pay attention to. /// {@category Components} +/// +/// Figma: https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?type=design&node-id=21836-37274 +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/badge/status-label class ZetaStatusLabel extends ZetaStatelessWidget { ///Constructs [ZetaStatusLabel]. const ZetaStatusLabel({ diff --git a/lib/src/components/badges/tag.dart b/lib/src/components/badges/tag.dart index 75aa24ed..d0fd8238 100644 --- a/lib/src/components/badges/tag.dart +++ b/lib/src/components/badges/tag.dart @@ -15,6 +15,10 @@ enum ZetaTagDirection { /// Tags are used to draw attention to a specific area or information. /// The arrow shape helps direct the users attention to the desired place. /// {@category Components} +/// +/// Figma: https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?type=design&node-id=22000-13170 +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/badge/tags class ZetaTag extends ZetaStatelessWidget { /// Constructs a [ZetaTag]. const ZetaTag({ diff --git a/lib/src/components/banner/banner.dart b/lib/src/components/banner/banner.dart index bb2be9cf..3bb738ab 100644 --- a/lib/src/components/banner/banner.dart +++ b/lib/src/components/banner/banner.dart @@ -29,6 +29,10 @@ enum ZetaBannerStatus { /// A banner displays an important, succinct message, and provides action for users to address. /// It draws the attention to the message by displaying it at the top in various colors. /// {@category Components} +/// +/// Figma: https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=22195-43965 +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/banners class ZetaBanner extends MaterialBanner { /// Constructor for [ZetaBanner]. See [MaterialBanner] for more information. ZetaBanner({ diff --git a/lib/src/components/bottom sheets/bottom_sheet.dart b/lib/src/components/bottom sheets/bottom_sheet.dart index 964eae6d..7bd11867 100644 --- a/lib/src/components/bottom sheets/bottom_sheet.dart +++ b/lib/src/components/bottom sheets/bottom_sheet.dart @@ -9,6 +9,10 @@ import '../../../zeta_flutter.dart'; /// /// Content should typically consist of a [List] of [ZetaMenuItem]s. /// {@category Components} +/// +/// Figma: https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=21541-2225 +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/bottom-sheet class ZetaBottomSheet extends ZetaStatelessWidget { /// Constructor for [ZetaBottomSheet]. const ZetaBottomSheet({ diff --git a/lib/src/components/bottom sheets/menu_items.dart b/lib/src/components/bottom sheets/menu_items.dart index 848e10f5..d433f0c3 100644 --- a/lib/src/components/bottom sheets/menu_items.dart +++ b/lib/src/components/bottom sheets/menu_items.dart @@ -13,6 +13,10 @@ enum ZetaMenuItemType { /// Menu Item component, typically used as body of [ZetaBottomSheet]. /// {@category Components} +/// +/// Figma: https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=21541-2225 +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/bottom-sheet class ZetaMenuItem extends ZetaStatelessWidget { /// Constructor for the component [ZetaMenuItem]. /// diff --git a/lib/src/components/breadcrumbs/breadcrumbs.dart b/lib/src/components/breadcrumbs/breadcrumbs.dart index 646bfbb6..6f0f4aca 100644 --- a/lib/src/components/breadcrumbs/breadcrumbs.dart +++ b/lib/src/components/breadcrumbs/breadcrumbs.dart @@ -9,6 +9,10 @@ import '../../../zeta_flutter.dart'; /// [children] should consist of [ZetaBreadCrumb]s. /// /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=229-5&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/breadcrumbs class ZetaBreadCrumbs extends ZetaStatefulWidget { ///Constructor for [ZetaBreadCrumbs] const ZetaBreadCrumbs({ diff --git a/lib/src/components/button_group/button_group.dart b/lib/src/components/button_group/button_group.dart index 3e4c5b8a..944d4ac5 100644 --- a/lib/src/components/button_group/button_group.dart +++ b/lib/src/components/button_group/button_group.dart @@ -5,6 +5,10 @@ import '../../../zeta_flutter.dart'; /// Zeta Button Group /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=229-45&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/buttons/group-button class ZetaButtonGroup extends ZetaStatelessWidget { /// Constructs [ZetaButtonGroup] from a list of [ZetaGroupButton]s const ZetaButtonGroup({ diff --git a/lib/src/components/buttons/button.dart b/lib/src/components/buttons/button.dart index 031ea4a2..c6e8f590 100644 --- a/lib/src/components/buttons/button.dart +++ b/lib/src/components/buttons/button.dart @@ -5,6 +5,10 @@ import '../../../zeta_flutter.dart'; /// Zeta Button /// {@category Components} +/// +/// Figma: https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=23126-110945 +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/buttons/button class ZetaButton extends ZetaStatelessWidget { ///Constructs [ZetaButton] const ZetaButton({ diff --git a/lib/src/components/buttons/icon_button.dart b/lib/src/components/buttons/icon_button.dart index 2449b73b..c0a2df3d 100644 --- a/lib/src/components/buttons/icon_button.dart +++ b/lib/src/components/buttons/icon_button.dart @@ -5,6 +5,10 @@ import '../../../zeta_flutter.dart'; /// Component [ZetaIconButton] /// {@category Components} +/// +/// Figma: https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=23126-110314 +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/buttons/icon-button class ZetaIconButton extends ZetaStatelessWidget { /// Constructor for [ZetaIconButton] const ZetaIconButton({ diff --git a/lib/src/components/chat_item/chat_item.dart b/lib/src/components/chat_item/chat_item.dart index 22613101..50746183 100644 --- a/lib/src/components/chat_item/chat_item.dart +++ b/lib/src/components/chat_item/chat_item.dart @@ -7,6 +7,10 @@ import '../../../zeta_flutter.dart'; /// Chat item widget that can be dragged to reveal contextual actions. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=24828-46282&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/list-items/chat-list-item class ZetaChatItem extends ZetaStatelessWidget { /// Creates a [ZetaChatItem] const ZetaChatItem({ diff --git a/lib/src/components/checkbox/checkbox.dart b/lib/src/components/checkbox/checkbox.dart index 7a70e67d..400820a2 100644 --- a/lib/src/components/checkbox/checkbox.dart +++ b/lib/src/components/checkbox/checkbox.dart @@ -10,6 +10,10 @@ import '../../../zeta_flutter.dart'; /// rebuild the checkbox with a new [value] to update the visual appearance of /// the checkbox. /// {@category Components} +/// +/// Figma: https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=21510-54003 +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/checkbox class ZetaCheckbox extends FormField { /// Constructs a [ZetaCheckbox]. ZetaCheckbox({ diff --git a/lib/src/components/chips/assist_chip.dart b/lib/src/components/chips/assist_chip.dart index 2b74da5d..343bba38 100644 --- a/lib/src/components/chips/assist_chip.dart +++ b/lib/src/components/chips/assist_chip.dart @@ -6,6 +6,10 @@ import '../../../zeta_flutter.dart'; /// /// These chips use [Draggable] and can be dragged around the screen and placed in new locations using [DragTarget]. /// {@category Components} +/// +/// Figma: https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=21265-14215 +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/chips/assist-chip class ZetaAssistChip extends ZetaChip { /// Creates a [ZetaAssistChip]. const ZetaAssistChip({ diff --git a/lib/src/components/chips/chip.dart b/lib/src/components/chips/chip.dart index 88620cd7..545f0410 100644 --- a/lib/src/components/chips/chip.dart +++ b/lib/src/components/chips/chip.dart @@ -10,7 +10,6 @@ export './input_chip.dart'; /// This covers the broad functionality of [ZetaAssistChip], [ZetaFilterChip] and [ZetaInputChip]. /// /// If [selected] is not null, the chip will have the toggle behavior of [ZetaFilterChip]. -/// {@category Components} class ZetaChip extends ZetaStatefulWidget { /// Constructs a [ZetaChip]. const ZetaChip({ diff --git a/lib/src/components/chips/filter_chip.dart b/lib/src/components/chips/filter_chip.dart index 68cb3e90..c6f8c22c 100644 --- a/lib/src/components/chips/filter_chip.dart +++ b/lib/src/components/chips/filter_chip.dart @@ -8,6 +8,10 @@ import '../../../zeta_flutter.dart'; /// /// These chips use [Draggable] and can be dragged around the screen and placed in new locations using [DragTarget]. /// {@category Components} +/// +/// Figma: https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=21265-14112 +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/chips/filter-chip class ZetaFilterChip extends ZetaChip { /// Creates a [ZetaFilterChip]. const ZetaFilterChip({ diff --git a/lib/src/components/chips/input_chip.dart b/lib/src/components/chips/input_chip.dart index 0b57bb19..c079a67f 100644 --- a/lib/src/components/chips/input_chip.dart +++ b/lib/src/components/chips/input_chip.dart @@ -4,6 +4,10 @@ import '../../../zeta_flutter.dart'; /// /// Leading widget should typically be a [ZetaAvatar]. /// {@category Components} +/// +/// Figma: https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=21265-2159 +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/chips/input-chip class ZetaInputChip extends ZetaChip { /// Creates a [ZetaInputChip]. const ZetaInputChip({ diff --git a/lib/src/components/contact_item/contact_item.dart b/lib/src/components/contact_item/contact_item.dart index 376f9546..3fcdc420 100644 --- a/lib/src/components/contact_item/contact_item.dart +++ b/lib/src/components/contact_item/contact_item.dart @@ -4,6 +4,10 @@ import '../../../zeta_flutter.dart'; /// A single row that contains avatar, title and subtitle. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=24828-46282&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/list-items/contact-item class ZetaContactItem extends ZetaStatelessWidget { /// Constructs [ZetaContactItem]. const ZetaContactItem({ diff --git a/lib/src/components/date_input/date_input.dart b/lib/src/components/date_input/date_input.dart index 72515012..20905696 100644 --- a/lib/src/components/date_input/date_input.dart +++ b/lib/src/components/date_input/date_input.dart @@ -13,6 +13,10 @@ import '../text_input/internal_text_input.dart'; /// /// Can be used and validated the same way as a [TextFormField]. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=229-36&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/date-input class ZetaDateInput extends ZetaFormField { /// Creates a new [ZetaDateInput] ZetaDateInput({ diff --git a/lib/src/components/dial_pad/dial_pad.dart b/lib/src/components/dial_pad/dial_pad.dart index 31746bda..812ab478 100644 --- a/lib/src/components/dial_pad/dial_pad.dart +++ b/lib/src/components/dial_pad/dial_pad.dart @@ -6,6 +6,10 @@ import '../../../zeta_flutter.dart'; /// Dial pad gives the user the ability to dial a number and start a call. It also has a quick dial security action and a delete entry action. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=21156-16370&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/dial-pad class ZetaDialPad extends StatefulWidget { /// Constructs a [ZetaDialPad]. const ZetaDialPad({ diff --git a/lib/src/components/dialog/dialog.dart b/lib/src/components/dialog/dialog.dart index b39902eb..fb051c06 100644 --- a/lib/src/components/dialog/dialog.dart +++ b/lib/src/components/dialog/dialog.dart @@ -47,6 +47,12 @@ Future showZetaDialog( ), ); +/// The Zeta Dialog component. +/// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=23954-93337&node-type=frame&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/dialog class _ZetaDialog extends ZetaStatelessWidget { const _ZetaDialog({ this.headerAlignment = ZetaDialogHeaderAlignment.center, diff --git a/lib/src/components/dropdown/dropdown.dart b/lib/src/components/dropdown/dropdown.dart index 92143b38..a1f12a85 100644 --- a/lib/src/components/dropdown/dropdown.dart +++ b/lib/src/components/dropdown/dropdown.dart @@ -27,6 +27,10 @@ class _DropdownControllerImpl implements ZetaDropdownController { /// An item used in a [ZetaDropdown] or a [ZetaSelectInput]. /// {@category Components} +/// +/// Figma: https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=22391-10146 +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/dropdown class ZetaDropdownItem { /// Creates a new [ZetaDropdownItem] ZetaDropdownItem({ @@ -51,6 +55,10 @@ class ZetaDropdownItem { /// Class for [ZetaDropdown] /// {@category Components} +/// +/// Figma: https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=22391-10146 +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/dropdown class ZetaDropdown extends ZetaStatefulWidget { /// Creates a new [ZetaDropdown]. const ZetaDropdown({ diff --git a/lib/src/components/fabs/fab.dart b/lib/src/components/fabs/fab.dart index b56fb15a..5e88e694 100644 --- a/lib/src/components/fabs/fab.dart +++ b/lib/src/components/fabs/fab.dart @@ -27,6 +27,10 @@ enum ZetaFabSize { /// Zeta Floating Action Button Component. /// {@category Components} +/// +/// Figma: https://www.figma.com/file/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=21816-4283&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/buttons/floating-action-button class ZetaFAB extends StatefulWidget { ///Constructs [ZetaFAB]. const ZetaFAB({ diff --git a/lib/src/components/filter_selection/filter_selection.dart b/lib/src/components/filter_selection/filter_selection.dart index 81728b86..e3db9a29 100644 --- a/lib/src/components/filter_selection/filter_selection.dart +++ b/lib/src/components/filter_selection/filter_selection.dart @@ -5,6 +5,10 @@ import '../../../zeta_flutter.dart'; /// Component [ZetaFilterSelection] /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=24607-737&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/filter-selection class ZetaFilterSelection extends ZetaStatelessWidget { /// Constructor for the component [ZetaFilterSelection] const ZetaFilterSelection({ diff --git a/lib/src/components/global_header/global_header.dart b/lib/src/components/global_header/global_header.dart index 2cba709c..b92853bf 100644 --- a/lib/src/components/global_header/global_header.dart +++ b/lib/src/components/global_header/global_header.dart @@ -6,6 +6,10 @@ import '../../../zeta_flutter.dart'; /// Global header component /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=1120-26358&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/global-header class ZetaGlobalHeader extends ZetaStatefulWidget { /// Constructor for [ZetaGlobalHeader] const ZetaGlobalHeader({ diff --git a/lib/src/components/global_header/header_tab_item.dart b/lib/src/components/global_header/header_tab_item.dart index 787d4ace..cd04413e 100644 --- a/lib/src/components/global_header/header_tab_item.dart +++ b/lib/src/components/global_header/header_tab_item.dart @@ -5,6 +5,10 @@ import '../../../zeta_flutter.dart'; /// Tab item to be used in [ZetaGlobalHeader]. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=1120-26358&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/global-header class ZetaGlobalHeaderItem extends ZetaStatefulWidget { ///Constructor for tab item const ZetaGlobalHeaderItem({ diff --git a/lib/src/components/icon/icon.dart b/lib/src/components/icon/icon.dart index 15e16772..95cf997d 100644 --- a/lib/src/components/icon/icon.dart +++ b/lib/src/components/icon/icon.dart @@ -13,6 +13,8 @@ import '../../../zeta_flutter.dart'; /// Custom wrapper for [Icon] that applies the Zeta icon family. /// {@category Components} +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=assets/icons class ZetaIcon extends ZetaStatelessWidget { /// Constructs a [ZetaIcon]. const ZetaIcon( diff --git a/lib/src/components/in_page_banner/in_page_banner.dart b/lib/src/components/in_page_banner/in_page_banner.dart index 38f52592..6da34fa7 100644 --- a/lib/src/components/in_page_banner/in_page_banner.dart +++ b/lib/src/components/in_page_banner/in_page_banner.dart @@ -5,6 +5,10 @@ import '../../../zeta_flutter.dart'; /// In page banners display an important, succinct message, and may provide actions for users to address. Banners should be displayed at the top of the screen,below a top app bar. Only one banner should be shown at a time. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=21156-20085&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/in-page-banners class ZetaInPageBanner extends ZetaStatelessWidget { /// Constructs [ZetaInPageBanner]. const ZetaInPageBanner({ diff --git a/lib/src/components/list_item/dropdown_list_item.dart b/lib/src/components/list_item/dropdown_list_item.dart index 8e1f1576..2a922002 100644 --- a/lib/src/components/list_item/dropdown_list_item.dart +++ b/lib/src/components/list_item/dropdown_list_item.dart @@ -6,6 +6,10 @@ import 'list_scope.dart'; /// An expandable list item containing other [ZetaListItem]s within it. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=229-17&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/list-items/dropdown-list-item class ZetaDropdownListItem extends ZetaStatefulWidget { /// Creates a new [ZetaDropdownListItem] const ZetaDropdownListItem({ diff --git a/lib/src/components/list_item/list_item.dart b/lib/src/components/list_item/list_item.dart index 7beb9973..01d69254 100644 --- a/lib/src/components/list_item/list_item.dart +++ b/lib/src/components/list_item/list_item.dart @@ -9,6 +9,10 @@ import 'list_scope.dart'; /// /// This wraps [ListView.builder] so it needs to be used in a widget with a constrained height. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=229-17&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/list-items/list-item class ZetaList extends ZetaStatelessWidget { /// Creates a new [ZetaList]. const ZetaList({ @@ -50,6 +54,10 @@ class ZetaList extends ZetaStatelessWidget { /// /// To create list items with a [ZetaSwitch], [ZetaCheckbox], or [ZetaRadio], use the [ZetaListItem.toggle], [ZetaListItem.checkbox] or the [ZetaListItem.radio] named constructors respectively. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=229-17&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/list-items/list-item class ZetaListItem extends ZetaStatelessWidget { /// Creates a [ZetaListItem]. const ZetaListItem({ diff --git a/lib/src/components/list_item/notification_list_item.dart b/lib/src/components/list_item/notification_list_item.dart index 1ea51c95..61a36434 100644 --- a/lib/src/components/list_item/notification_list_item.dart +++ b/lib/src/components/list_item/notification_list_item.dart @@ -6,6 +6,10 @@ import '../../../zeta_flutter.dart'; /// Notification list items are used in notification lists. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=25043-100110&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/list-items/notification-list-item class ZetaNotificationListItem extends ZetaStatelessWidget { /// Constructor for [ZetaNotificationListItem] const ZetaNotificationListItem({ diff --git a/lib/src/components/navigation bar/navigation_bar.dart b/lib/src/components/navigation bar/navigation_bar.dart index bbd939fd..3e820713 100644 --- a/lib/src/components/navigation bar/navigation_bar.dart +++ b/lib/src/components/navigation bar/navigation_bar.dart @@ -26,6 +26,10 @@ class ZetaNavigationBarItem { /// Navigation Bars (Bottom navigation) allow movement between primary destinations in an app. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=1052-24751&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/navigation-bar class ZetaNavigationBar extends ZetaStatelessWidget { /// Creates a new [ZetaNavigationBar]. const ZetaNavigationBar({ diff --git a/lib/src/components/navigation_rail/navigation_rail.dart b/lib/src/components/navigation_rail/navigation_rail.dart index 5d4e7595..deabd620 100644 --- a/lib/src/components/navigation_rail/navigation_rail.dart +++ b/lib/src/components/navigation_rail/navigation_rail.dart @@ -9,6 +9,10 @@ import '../../../zeta_flutter.dart'; /// navigation item. /// Should be used with [ZetaNavigationRailItem]. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=229-43&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/navigation-rail class ZetaNavigationRail extends ZetaStatelessWidget { /// Constructor for [ZetaNavigationRail]. const ZetaNavigationRail({ diff --git a/lib/src/components/pagination/pagination.dart b/lib/src/components/pagination/pagination.dart index e4b7b929..b2edf86d 100644 --- a/lib/src/components/pagination/pagination.dart +++ b/lib/src/components/pagination/pagination.dart @@ -16,6 +16,10 @@ enum ZetaPaginationType { /// Pagination is used to switch between pages. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=229-24&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/pagination class ZetaPagination extends ZetaStatefulWidget { /// Creates a new [ZetaPagination] const ZetaPagination({ diff --git a/lib/src/components/password/password_input.dart b/lib/src/components/password/password_input.dart index 2fa85a9f..cb3c01d8 100644 --- a/lib/src/components/password/password_input.dart +++ b/lib/src/components/password/password_input.dart @@ -7,6 +7,10 @@ import '../text_input/internal_text_input.dart'; /// Zeta Password Input /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=948-13002&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/password-input class ZetaPasswordInput extends ZetaTextFormField { ///Constructs [ZetaPasswordInput] ZetaPasswordInput({ diff --git a/lib/src/components/phone_input/phone_input.dart b/lib/src/components/phone_input/phone_input.dart index c6ce6a5f..f4fa2773 100644 --- a/lib/src/components/phone_input/phone_input.dart +++ b/lib/src/components/phone_input/phone_input.dart @@ -26,6 +26,10 @@ class PhoneNumber { /// ZetaPhoneInput allows entering phone numbers. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=916-10934&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/phone-input class ZetaPhoneInput extends ZetaFormField { /// Constructor for [ZetaPhoneInput]. ZetaPhoneInput({ diff --git a/lib/src/components/progress/progress_bar.dart b/lib/src/components/progress/progress_bar.dart index cb373cfc..4a0cc22b 100644 --- a/lib/src/components/progress/progress_bar.dart +++ b/lib/src/components/progress/progress_bar.dart @@ -19,6 +19,10 @@ enum ZetaProgressBarType { /// /// Linear progress bar. Uses progress percentage value to fill bar. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=229-22&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/progress/bar class ZetaProgressBar extends ZetaProgress { ///Constructor for [ZetaProgressBar]. const ZetaProgressBar({ diff --git a/lib/src/components/progress/progress_circle.dart b/lib/src/components/progress/progress_circle.dart index b678c946..2538aafa 100644 --- a/lib/src/components/progress/progress_circle.dart +++ b/lib/src/components/progress/progress_circle.dart @@ -25,6 +25,10 @@ enum ZetaCircleSizes { /// Progress indicators express an unspecified wait time or display the length of a process. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=229-22&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/progress/circle class ZetaProgressCircle extends ZetaProgress { /// Constructor for [ZetaProgressCircle] const ZetaProgressCircle({ diff --git a/lib/src/components/radio/radio.dart b/lib/src/components/radio/radio.dart index 2a82a57e..472bbe8a 100644 --- a/lib/src/components/radio/radio.dart +++ b/lib/src/components/radio/radio.dart @@ -5,6 +5,10 @@ import '../../../zeta_flutter.dart'; /// Radio buttons are used for mutually exclusive choices, not for multiple choices. Only one radio button can be selected at a time. When a user chooses a new item, the previous choice is automatically deselected. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=229-7&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/radio-button class ZetaRadio extends ZetaStatefulWidget { /// Constructor for [ZetaRadio]. const ZetaRadio({ diff --git a/lib/src/components/screen_header_bar/screen_header_bar.dart b/lib/src/components/screen_header_bar/screen_header_bar.dart index 6411d8c0..544eefe6 100644 --- a/lib/src/components/screen_header_bar/screen_header_bar.dart +++ b/lib/src/components/screen_header_bar/screen_header_bar.dart @@ -4,6 +4,10 @@ import '../../../zeta_flutter.dart'; /// [ZetaScreenHeaderBar] /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=24601-6781&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/screen-header-bar class ZetaScreenHeaderBar extends ZetaStatelessWidget { /// Constructor for [ZetaScreenHeaderBar]. const ZetaScreenHeaderBar({ diff --git a/lib/src/components/search_bar/search_bar.dart b/lib/src/components/search_bar/search_bar.dart index 85a3f2d1..57b1a9e2 100644 --- a/lib/src/components/search_bar/search_bar.dart +++ b/lib/src/components/search_bar/search_bar.dart @@ -6,6 +6,10 @@ import '../buttons/input_icon_button.dart'; /// ZetaSearchBar provides input field for searching. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=875-17463&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/search-bar class ZetaSearchBar extends ZetaTextFormField { /// Constructor for [ZetaSearchBar]. ZetaSearchBar({ diff --git a/lib/src/components/segmented_control/segmented_control.dart b/lib/src/components/segmented_control/segmented_control.dart index d03969e7..bdb6734f 100644 --- a/lib/src/components/segmented_control/segmented_control.dart +++ b/lib/src/components/segmented_control/segmented_control.dart @@ -9,6 +9,10 @@ import '../../../zeta_flutter.dart'; /// functions as a mutually exclusive button. Like buttons, segments can contain /// text or images. Segmented controls are often used to display different views. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=1046-20148&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/segmented-control class ZetaSegmentedControl extends ZetaStatefulWidget { /// Constructs an segmented control bar. const ZetaSegmentedControl({ diff --git a/lib/src/components/select_input/select_input.dart b/lib/src/components/select_input/select_input.dart index 630e0675..d530feb2 100644 --- a/lib/src/components/select_input/select_input.dart +++ b/lib/src/components/select_input/select_input.dart @@ -10,6 +10,10 @@ import '../text_input/internal_text_input.dart'; /// Class for [ZetaSelectInput]. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=229-39&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/select-input class ZetaSelectInput extends ZetaFormField { ///Constructor of [ZetaSelectInput] ZetaSelectInput({ diff --git a/lib/src/components/slider/slider.dart b/lib/src/components/slider/slider.dart index dedd953b..954a0cbc 100644 --- a/lib/src/components/slider/slider.dart +++ b/lib/src/components/slider/slider.dart @@ -5,6 +5,10 @@ import '../../../zeta_flutter.dart'; /// Slider component with customized styling. /// {@category Components} +/// +/// Figma: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/slider +/// +/// Widgetbook: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=875-11860&node-type=canvas&m=dev class ZetaSlider extends ZetaStatefulWidget { /// Default constructor for [ZetaSlider] const ZetaSlider({ diff --git a/lib/src/components/snack_bar/snack_bar.dart b/lib/src/components/snack_bar/snack_bar.dart index 4b11974d..1815cb2f 100644 --- a/lib/src/components/snack_bar/snack_bar.dart +++ b/lib/src/components/snack_bar/snack_bar.dart @@ -34,6 +34,10 @@ enum ZetaSnackBarType { /// /// Different styles can be applied to [ZetaSnackBar] with [ZetaSnackBarType]. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=229-13&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/snack-bar class ZetaSnackBar extends SnackBar { /// Sets basic styles for the [SnackBar]. ZetaSnackBar({ diff --git a/lib/src/components/stepper/stepper.dart b/lib/src/components/stepper/stepper.dart index c30badba..b118d81f 100644 --- a/lib/src/components/stepper/stepper.dart +++ b/lib/src/components/stepper/stepper.dart @@ -7,6 +7,10 @@ import '../../../zeta_flutter.dart'; /// requires the completion of another one, or where multiple steps need to be /// completed in order to submit the whole form. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=3420-67488&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/stepper class ZetaStepper extends ZetaStatefulWidget { /// Creates a stepper from a list of steps. /// diff --git a/lib/src/components/stepper_input/stepper_input.dart b/lib/src/components/stepper_input/stepper_input.dart index e8d72af3..b05907c4 100644 --- a/lib/src/components/stepper_input/stepper_input.dart +++ b/lib/src/components/stepper_input/stepper_input.dart @@ -17,6 +17,10 @@ enum ZetaStepperInputSize { /// allows users to input a number or value simply by clicking the plus and /// minus buttons. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=229-47&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/stepper-input class ZetaStepperInput extends ZetaStatefulWidget { /// Creates a new [ZetaStepperInput] const ZetaStepperInput({ diff --git a/lib/src/components/switch/zeta_switch.dart b/lib/src/components/switch/zeta_switch.dart index 99d9dcec..6902298f 100644 --- a/lib/src/components/switch/zeta_switch.dart +++ b/lib/src/components/switch/zeta_switch.dart @@ -26,6 +26,11 @@ enum ZetaSwitchType { /// /// Switch has styles for Android, iOS and Web. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=229-41&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/switch +/// // TODO(UX-1137): Add web icon support. class ZetaSwitch extends StatelessWidget { /// Constructor for [ZetaSwitch]. diff --git a/lib/src/components/tabs/tab.dart b/lib/src/components/tabs/tab.dart index 51fe5052..759d4aac 100644 --- a/lib/src/components/tabs/tab.dart +++ b/lib/src/components/tabs/tab.dart @@ -4,6 +4,10 @@ import '../../../zeta_flutter.dart'; /// Defines how the bounds of the selected tab indicator are computed. /// Intended to be used with [ZetaTabBar]. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=229-18&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/tabs class ZetaTab extends Tab { /// Creates a Zeta Design tab bar. ZetaTab({ diff --git a/lib/src/components/tabs/tab_bar.dart b/lib/src/components/tabs/tab_bar.dart index e4a561e5..facb2055 100644 --- a/lib/src/components/tabs/tab_bar.dart +++ b/lib/src/components/tabs/tab_bar.dart @@ -3,6 +3,10 @@ import '../../../zeta_flutter.dart'; /// A Zeta Design primary tab bar. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=229-18&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/tabs class ZetaTabBar extends TabBar { /// Creates a Zeta Design primary tab bar. ZetaTabBar({ diff --git a/lib/src/components/text_input/text_input.dart b/lib/src/components/text_input/text_input.dart index 2cd537da..946193d4 100644 --- a/lib/src/components/text_input/text_input.dart +++ b/lib/src/components/text_input/text_input.dart @@ -11,6 +11,10 @@ import 'internal_text_input.dart'; /// To show error messages on the text input, use the [validator]. The string returned from this function will be displayed as the error message. /// Error messages can also be managed outside the text input by setting [errorText]. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=229-38&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/text-input class ZetaTextInput extends ZetaTextFormField { /// Creates a new [ZetaTextInput] ZetaTextInput({ diff --git a/lib/src/components/time_input/time_input.dart b/lib/src/components/time_input/time_input.dart index 00bf6cd4..3d3d0467 100644 --- a/lib/src/components/time_input/time_input.dart +++ b/lib/src/components/time_input/time_input.dart @@ -15,6 +15,10 @@ const _max12HrValue = 12; /// /// Can be used and validated the same way as a [TextFormField]. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=724-6821&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/time-input class ZetaTimeInput extends ZetaFormField { /// Creates a new [ZetaTimeInput] ZetaTimeInput({ diff --git a/lib/src/components/tooltip/tooltip.dart b/lib/src/components/tooltip/tooltip.dart index b3f8204a..d060ff15 100644 --- a/lib/src/components/tooltip/tooltip.dart +++ b/lib/src/components/tooltip/tooltip.dart @@ -23,6 +23,10 @@ enum ZetaTooltipArrowDirection { /// Tooltips display informative text when users hover over, focus on, or tap an element. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=229-16&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/tooltip class ZetaTooltip extends ZetaStatelessWidget { /// Constructor for [ZetaTooltip]. const ZetaTooltip({ diff --git a/lib/src/components/top_app_bar/extended_top_app_bar.dart b/lib/src/components/top_app_bar/extended_top_app_bar.dart index 90fe6cc3..b2577646 100644 --- a/lib/src/components/top_app_bar/extended_top_app_bar.dart +++ b/lib/src/components/top_app_bar/extended_top_app_bar.dart @@ -4,6 +4,10 @@ import '../../../zeta_flutter.dart'; /// Delegate for creating an extended app bar, that grows and shrinks when scrolling. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=229-37&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/top-app-bar/extended class ZetaExtendedAppBarDelegate extends SliverPersistentHeaderDelegate { /// Constructs a [ZetaExtendedAppBarDelegate]. ZetaExtendedAppBarDelegate({ diff --git a/lib/src/components/top_app_bar/search_top_app_bar.dart b/lib/src/components/top_app_bar/search_top_app_bar.dart index 50e40668..a05b15f4 100644 --- a/lib/src/components/top_app_bar/search_top_app_bar.dart +++ b/lib/src/components/top_app_bar/search_top_app_bar.dart @@ -5,6 +5,10 @@ import '../../../zeta_flutter.dart'; /// Creates a search field used on a [ZetaTopAppBar]. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=229-37&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/top-app-bar/search class ZetaTopAppBarSearchField extends ZetaStatefulWidget { /// Constructs a [ZetaTopAppBarSearchField]. const ZetaTopAppBarSearchField({ diff --git a/lib/src/components/top_app_bar/top_app_bar.dart b/lib/src/components/top_app_bar/top_app_bar.dart index c04ad557..21f11e5b 100644 --- a/lib/src/components/top_app_bar/top_app_bar.dart +++ b/lib/src/components/top_app_bar/top_app_bar.dart @@ -9,6 +9,10 @@ export 'search_top_app_bar.dart' hide ZetaTopAppBarSearchField; /// Top app bars provide content and actions related to the current screen. /// {@category Components} +/// +/// Figma: https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=229-37&node-type=canvas&m=dev +/// +/// Widgetbook: https://zeta-ds.web.app/flutter/widgetbook/index.html#/?path=components/top-app-bar/default class ZetaTopAppBar extends ZetaStatefulWidget implements PreferredSizeWidget { /// Creates a ZetaTopAppBar. const ZetaTopAppBar({