Backmerge Main -> Patch

create-release.js

@@ -13,6 +13,7 @@ const rl = readline.createInterface({
 });
 const packageNames = [
   'actionsheet',
+  'accordion',
   'alert',
   'alert-dialog',
   'avatar',

example/storybook/src/ui/components/Disclosure/Accordion/index.stories.mdx

@@ -448,7 +448,7 @@ Contains all the parts of a collapsible section.
 
 #### AccordionHeader
 
-Wraps an `Accordion.Trigger`. Use the as prop to update it to the appropriate heading level for your page.
+Wraps an `Accordion.Trigger`. It inherits all the properties of @expo/html-elements's [H3](https://www.npmjs.com/package/@expo/html-elements#h3) on web and It inherits all the properties of react native's [View](https://reactnative.dev/docs/view) on native. Use the as prop to update it to the appropriate heading level for your page.
 
 #### AccordionTrigger
 
@@ -501,7 +501,7 @@ The themed version of the component is a pre-styled version of the component, wh
 
 The Examples section provides visual representations of the different variants of the component, allowing you to quickly and easily determine which one best fits your needs. Simply copy the code and integrate it into your project.
 
-### Customised Component
+### Customized Component
 
 The following example demonstrates how easily you can customize the Accordion component to suit your needs.
 
@@ -649,7 +649,7 @@ function App(){
           },
         }}>
           <AccordionContentText>
-      Controlled components refer to the components where the state and behaviours are controlled by the Parent component. You can make the accordion a controlled component by passing the value prop to the Accordion component and setting the onValueChange prop to update the value prop. Refer to the controlled accordion example in the docs.
+      Controlled components refer to the components where the state and behaviors are controlled by the Parent component. You can make the accordion a controlled component by passing the value prop to the Accordion component and setting the onValueChange prop to update the value prop. Refer to the controlled accordion example in the docs.
           </AccordionContentText>
         </AccordionContent>
       </AccordionItem>
@@ -822,9 +822,7 @@ function App(){
         </AccordionHeader>
         <AccordionContent>
           <AccordionContentText>
-            Lorem ipsum dolor sit amet consectetur, adipisicing elit. Id, sed
-            laudantium eligendi maxime rerum, saepe vitae unde voluptas
-            incidunt.
+            This is a Disabled Item.
           </AccordionContentText>
         </AccordionContent>
       </AccordionItem>
@@ -1168,9 +1166,9 @@ You can make the Accordion component controlled by passing the value prop to the
     metaData={{
       code: `
 function App(){
-    const [selectedValues, setSelecedValues] = React.useState(['item-1', 'item-2']);
+    const [selectedValues, setSelectedValues] = React.useState(['item-1', 'item-2']);
     return (
-    <Accordion m="$5" variant="unfilled" width="95%" type="multiple" value={selectedValues} onValueChange={(item) => setSelecedValues(item)}>
+    <Accordion m="$5" variant="unfilled" width="95%" type="multiple" value={selectedValues} onValueChange={(item) => setSelectedValues(item)}>
       <AccordionItem value="item-1" borderTopWidth={1} borderBottomWidth={1} 
       sx={{
             borderColor: '$borderLight300',
@@ -1291,9 +1289,3 @@ Wrapper,
 ## Unstyled
 
 We provide in-depth information on how to customize and extend the component's functionality to meet your needs. Below, we describe how to modify the component to suit your requirements.
-
-### Customizing the Accordion
-
-We have a function called createAccordion which can be used to create a custom accordion component. This function takes in a configuration object which contains the styled components that you want to use for the Accordion. You can refer [gluestack.io/style](/style/docs/getting-started/styled) on how to use styled components.
-
-You can read more on how to animate components [here](/ui/docs/advanced/animations).

packages/config/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @gluestack-ui/config
 
+## 1.0.11
+
+### Patch Changes
+
+- feat: added accrodion component.
+
 ## 1.0.10
 
 ### Patch Changes

packages/config/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gluestack-ui/config",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "main": "build/gluestack-ui.config.js",
   "types": "build/gluestack-ui.config.d.ts",
   "module": "build/gluestack-ui.config",

packages/themed/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @gluestack-ui/themed
 
+## 1.0.34
+
+### Patch Changes
+
+- Updated dependencies
+  - @gluestack-ui/[email protected]
+
 ## 1.0.33
 
 ### Patch Changes

packages/themed/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gluestack-ui/themed",
-  "version": "1.0.33",
+  "version": "1.0.34",
   "main": "build/index.js",
   "types": "build/index.d.ts",
   "module": "build/index",
@@ -32,7 +32,7 @@
     "@expo/html-elements": "latest",
     "@gluestack-style/animation-resolver": "1.0.3",
     "@gluestack-style/legend-motion-animation-driver": "1.0.3",
-    "@gluestack-ui/accordion": "0.0.3",
+    "@gluestack-ui/accordion": "1.0.0",
     "@gluestack-ui/actionsheet": "0.2.36",
     "@gluestack-ui/alert": "0.1.12",
     "@gluestack-ui/alert-dialog": "0.1.24",

packages/unstyled/accordion/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @gluestack-ui/accordion
 
+## 1.0.0
+
+### Major Changes
+
+- feat: stable release of accrodion component.
+
 ## 0.0.3
 
 ### Patch Changes

packages/unstyled/accordion/package.json

@@ -15,7 +15,7 @@
     "ios",
     "nextjs"
   ],
-  "version": "0.0.3",
+  "version": "1.0.0",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
   "types": "lib/typescript/index.d.ts",