Merge pull request #183 from gluestack/development

v0.1.0-beta.1

Author: geekruchika

.gitignore

@@ -31,4 +31,4 @@ build/
 .flutter-plugins-dependencies
 android/local.properties
 ios/
- 
+macos/

.pubignore

@@ -1,3 +1,12 @@
+## 0.1.0-beta.1
+
+- Removed Material dependency from all the components, built from Flutter core apis
+- New widgets: added Icon Button, Accordion
+- Updated example app with new widgets
+- Improved accessibility support
+- Internal refactor & code structurting
+- Bug Fixes
+
 ## 0.0.1-alpha.5
 
 - Added GS Stack
@@ -7,25 +16,25 @@
 
 ## 0.0.1-alpha.4
 
-- Add support to get custom JSON config for Gluestack Widgets.
-- Add storybook in example app.
+- Add support to get custom JSON config for Gluestack Widgets
+- Add storybook in example app
 - New widgets: added Flex, Fab
-- Internal refactor.
+- Internal refactor
 - Bugfixes
 
 ## 0.0.1-alpha.3
 
 - Add `GluestackProvider`
-- Add support to set custom values for design tokens through GluestackProvider.
+- Add support to set custom values for design tokens through GluestackProvider
 - New widget: added Forms
-- Add responsiveness to existing widgets.
-- Update example app with new widgets.
+- Add responsiveness to existing widgets
+- Update example app with new widgets
 
 ## 0.0.1-alpha.2
 
-- Remove provider dependency from package.
-- Update example to manage light and dark theme.
+- Remove provider dependency from package
+- Update example to manage light and dark theme
 
 ## 0.0.1-alpha.1
 
-- Initial alpha release.
+- Initial alpha release

CHANGELOG.md

@@ -1,4 +1,4 @@
-# gluestack-ui-flutter (alpha)
+# gluestack-ui-flutter (beta)
 
 **gluestack-ui-flutter** is a universal UI library that provides optionally styled and accessible widgets. These widgets are designed for easy integration into applications developed with Flutter.
 
@@ -18,7 +18,7 @@ Here are few helpful links to give you an idea of what gluestack-ui-flutter is c
 
 To keep track of latest developments in gluestack-ui-flutter you can refer to this link: https://github.com/gluestack/gluestack-ui-flutter/tree/feature/core-widgets.
 
-Documentation: https://flutter.gluestack.io/
+_We are inspired from gluestack-ui to create gluestack-ui-flutter. Flutter documentation is in progress._
 
 ## Features
 
@@ -44,7 +44,7 @@ Add the package to your dependencies:
 
 ```yaml
 dependencies:
-  gluestack_ui: 0.0.1-alpha.5
+  gluestack_ui: 0.1.0-beta.1
 ```
 
 OR
@@ -156,18 +156,24 @@ GluestackProvider(
 )
 ```
 
-## Future Scope
+## Performance
+
+We performed performance benchmark after taking average of 10 samples from our [KitchenSink app](https://kitchensink-23184.web.app/) after using both GlueStack Material and GlueStack Non-Material components and we're happy to share the following result with you.
 
-- **Omitting Material Dependency:** Developers can tailor the UI components to fit the exact needs and aesthetics of their applications without being restricted to Material Design standards. From performance improvement respective, by building a system independent of Material Design, you might optimize performance, especially for applications that require lightweight and fast-loading interfaces.
+<img src='assets/performance_graph_1.svg' width='2400'>
+
+## Future Scope
 
 - **Enhanced Widget Configuration:** The widgets will be designed in a modular fashion, allowing users to plug in different components or features as needed. This modular approach enables more complex and varied widget compositions.With more control over the widget design, developers can create applications that offer a better user experience, tailored to their target audience.
 
 - **Configurable Token System:** Design the token system to be scalable and customizable. Users should be able to add new tokens or modify existing ones to suit their project needs.
 
+- **Adding New Widgets:** We are committed to implement more functional widgets in the future that would improve the user and the developer experience.
+
 ## Contributing
 
 We welcome contributions from the community. If you'd like to contribute to `gluestack-ui-flutter`, please read our [contributing guide](./CONTRIBUTING.md) instructions on how to submit a pull request.
 
 ## License
 
-Licensed under the MIT License, Copyright © 2023 GeekyAnts. See [LICENSE](./LICENSE) for more information.
+Licensed under the MIT License, Copyright © 2024 GeekyAnts. See [LICENSE](./LICENSE) for more information.

README.md

@@ -4,7 +4,8 @@ import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:gluestack_ui/gluestack_ui.dart';
 import 'package:gluestack_ui_example/providers/theme_provider/theme_provider.dart';
-import 'package:gluestack_ui_example/widgets/nav_button.dart';
+
+import 'widgets/components/layout/nav_button.dart';
 // import 'package:gluestack_ui_example/widgets/storybook_widgets/public.dart';
 
 class HomePage extends StatefulWidget {
@@ -17,8 +18,17 @@ class HomePage extends StatefulWidget {
 class _HomePageState extends State<HomePage> {
   @override
   Widget build(BuildContext context) {
+    final theme = GSTheme.of(context);
     return Scaffold(
-      appBar: AppBar(title: const Text('Gluestack UI examples')),
+      backgroundColor: theme.scaffoldBackgroundColor,
+      appBar: AppBar(
+        backgroundColor: GSTheme.of(context).brightness == Brightness.dark
+            ? const Color(0xFF262626)
+            : null,
+        title: const GSText(
+          text: 'Gluestack UI examples',
+        ),
+      ),
       body: SafeArea(
         child: SingleChildScrollView(
           child: GSCenter(
@@ -149,6 +159,20 @@ class _HomePageState extends State<HomePage> {
                   title: "GS Scroll",
                   routePath: "/example-scroll",
                 ),
+                const NavButton(
+                  title: "GS Icon Button",
+                  routePath: "/example-icon-button",
+                ),
+                const NavButton(
+                  title: "GS Accordion",
+                  routePath: "/example-accordion",
+                ),
+
+                // // ===== Internal Testing Widgets =====
+                // const NavButton(
+                //   title: "GS Color Test (Internal)",
+                //   routePath: "/internal-color-test",
+                // ),
 
                 // Preview screens are present to link Docs website to these storybook pages through iframe.
                 // No need to show these pages separately in example app.
@@ -168,7 +192,7 @@ class _HomePageState extends State<HomePage> {
           return FloatingActionButton(
             onPressed: ref.read(toggleThemeProvider.notifier).toggleThemeMode,
             child: Icon(
-              Theme.of(context).brightness == Brightness.dark
+              GSTheme.of(context).brightness == Brightness.dark
                   ? Icons.light_mode
                   : Icons.dark_mode,
             ),