Merge pull request #2324 from gluestack/release/@gluestack-ui/link@0.1.22

release: @gluestack-ui/link version 0.1.22

Author: Viraj-10

example/storybook-nativewind/package.json

@@ -32,7 +32,7 @@
     "@gluestack-style/animation-resolver": "^1.0.4",
     "@gluestack-style/react": "^1.0.57",
     "@gluestack-ui/config": "^1.1.19",
-    "@gluestack-ui/themed": "^1.1.40",
+    "@gluestack-ui/themed": "^1.1.41",
     "@gluestack/design-system": "^0.5.36",
     "@gorhom/bottom-sheet": "^5.0.0-alpha.10",
     "@legendapp/motion": "^2.2.0",

example/storybook-nativewind/public/images/Variables.png

@@ -14,6 +14,6 @@ import { todoapp } from '../../extra-components/nativewind/appConfig';
 
 This [Todo App](https://gluestack-ui-todo-example-app.vercel.app/) is built using `gluestack-ui v2`.
 
-<Responsiveness {...todoapp} showMenuItems={true} />
+<Responsiveness {...todoapp} showMenuItems={false} />
 
 GitHub link for this [Todo App](https://github.com/gluestack/gluestack-ui-todo-example-app).

example/storybook-nativewind/public/images/figma-docs.png

@@ -4,7 +4,7 @@ import { InfoIcon } from '@/components/ui/icon';
 
 const AlertBasic = ({ ...props }: any) => {
   return (
-    <Alert {...props} className="gap-3">
+    <Alert {...props}>
       <AlertIcon as={InfoIcon} />
       <AlertText>Selection successfully moved!</AlertText>
     </Alert>

example/storybook-nativewind/public/images/figma-kit.png

@@ -26,12 +26,17 @@ const CheckboxMeta: ComponentMeta<typeof Checkbox> = {
       control: 'boolean',
       options: [true, false],
     },
+    isHovered: {
+      control: 'boolean',
+      options: [true, false],
+    },
   },
   args: {
     size: 'md',
     isDisabled: false,
     isInvalid: false,
     isFocusVisible: false,
+    isHovered: false,
   },
 };
 

example/storybook-nativewind/src/apps/todo-app/index.stories.mdx

@@ -780,7 +780,7 @@ Form Action Buttons can also be utilized in conjunction with FormControl.
           </FormControl>
                <FormControl>
             <Button action='negative' className='ml-4'>
-              <ButtonText className="text-white">
+              <ButtonText className="text-white group-hover/button:text-white group-active/button:text-white">
                 Delete
               </ButtonText>
             </Button>

example/storybook-nativewind/src/components/Alert/Alert.tsx

@@ -440,8 +440,7 @@ The Examples section provides visual representations of the different variants o
                     <HStack space="md">
                       <Icon
                         as={HelpCircleIcon}
-                        className="stroke-typography-0"
-                        size="lg"
+                        className="stroke-error-500 mt-0.5"
                       />
                       <VStack space="xs">
                         <ToastTitle className="font-semibold text-error-500">Error!</ToastTitle>
@@ -710,7 +709,7 @@ The Examples section provides visual representations of the different variants o
                         <Icon
                           as={Send}
                           size="xl"
-                          className="fill-blue-500 stroke-none"
+                          className="fill-typography-100 stroke-none"
                         />
                         <Divider
                           orientation="vertical"