Chore libs update (#130)

* chore: phosphor update * chore: minor updated * chore: major updated * chore: small changes * chore: small changes * chore: small changes * chore: small changes * chore: removed form * chore: small changes * chore: small changes * chore: small changes
droztech · Mar 6, 2024 · 945ea85 · 945ea85
1 parent e05c2ba
commit 945ea85
Show file tree

Hide file tree

Showing 59 changed files with 7,331 additions and 6,312 deletions.
diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
 <p align="center">
   <picture>
-    <img alt="Visu" src="./package/public/droz-visu.svg" height="64px" />
+    <img alt="Visu" src="visu.svg" height="64px" />
   </picture>
 </p>
 

diff --git a/docs/README.md b/docs/README.md
@@ -1,6 +1,6 @@
 <p align="center">
   <picture>
-    <img alt="Visu" src="../../package/public/droz-visu.svg" height="64px" />
+    <img alt="Visu" src="public/visu.svg" height="64px" />
   </picture>
 </p>
 

diff --git a/docs/package.json b/docs/package.json
@@ -18,19 +18,19 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.9",
-    "@storybook/addon-a11y": "^7.6.13",
-    "@storybook/addon-actions": "^7.6.13",
+    "@babel/core": "^7.24.0",
+    "@storybook/addon-a11y": "^7.6.17",
+    "@storybook/addon-actions": "^7.6.17",
     "@storybook/addon-designs": "^7.0.9",
-    "@storybook/addon-essentials": "^7.6.13",
-    "@storybook/addon-interactions": "^7.6.13",
-    "@storybook/addon-links": "^7.6.13",
-    "@storybook/addon-mdx-gfm": "^7.6.13",
-    "@storybook/preview-api": "^7.6.13",
-    "@storybook/react": "^7.6.13",
-    "@storybook/react-vite": "^7.6.13",
+    "@storybook/addon-essentials": "^7.6.17",
+    "@storybook/addon-interactions": "^7.6.17",
+    "@storybook/addon-links": "^7.6.17",
+    "@storybook/addon-mdx-gfm": "^7.6.17",
+    "@storybook/preview-api": "^7.6.17",
+    "@storybook/react": "^7.6.17",
+    "@storybook/react-vite": "^7.6.17",
     "@storybook/test-runner": "^0.16.0",
     "babel-loader": "^9.1.3",
-    "storybook": "^7.6.13"
+    "storybook": "^7.6.17"
   }
 }
diff --git a/docs/public/droz-visu.svg b/docs/public/droz-visu.svg
diff --git a/docs/src/index.stories.mdx b/docs/src/index.stories.mdx
@@ -2,16 +2,13 @@ import { Meta } from '@storybook/blocks';
 
 <Meta title="Início" />
 
-![Visu](./visu.svg)
+![Visu](public/visu.svg)
 
 <br/><br/><br/>
 
 ## Welcome!
 Visu is a component library and design system developed for Coaktion products.
 Use the browser sidebar to chose between Visu components and test them using the Storybook playground
-
-## Important
-Before create/modify a component story *ALWAYS* build Visu and run _npm install_ to update Storybook dependencies (specially Visu)
 
 ## Installing
 Install the library in a React project with the command _npm i @droz-js/visu_

diff --git a/docs/src/stories/Accordion/Trigger.stories.tsx b/docs/src/stories/Accordion/Trigger.stories.tsx
@@ -1,6 +1,6 @@
 import { Accordion, AccordionTriggerProps } from '@droz-js/visu'
+import { Plus } from '@phosphor-icons/react'
 import { Meta, StoryObj } from '@storybook/react'
-import { Plus } from 'phosphor-react'
 
 const meta: Meta<AccordionTriggerProps> = {
   title: 'Accordion/Trigger',

diff --git a/docs/src/stories/Avatar/Avatar.stories.tsx b/docs/src/stories/Avatar/Avatar.stories.tsx
@@ -1,5 +1,5 @@
 import { Avatar, AvatarProps } from '@droz-js/visu'
-import { User } from 'phosphor-react'
+import { User } from '@phosphor-icons/react'
 
 import type { Meta, StoryObj } from '@storybook/react'
 

diff --git a/docs/src/stories/Button/Button.stories.tsx b/docs/src/stories/Button/Button.stories.tsx
@@ -1,6 +1,6 @@
 import { Button, ButtonProps } from '@droz-js/visu'
+import { CheckCircle } from '@phosphor-icons/react'
 import { Meta, StoryObj } from '@storybook/react'
-import { CheckCircle } from 'phosphor-react'
 
 const meta: Meta<ButtonProps> = {
   title: 'Button/Button',

diff --git a/docs/src/stories/Checkbox/Checkbox.stories.tsx b/docs/src/stories/Checkbox/Checkbox.stories.tsx
@@ -1,6 +1,6 @@
 import { Checkbox, CheckboxProps } from '@droz-js/visu'
+import { Question } from '@phosphor-icons/react'
 import { Meta, StoryObj } from '@storybook/react'
-import { Question } from 'phosphor-react'
 
 const meta: Meta<CheckboxProps> = {
   title: 'Checkbox/Checkbox',

diff --git a/docs/src/stories/Dialog/Header.stories.tsx b/docs/src/stories/Dialog/Header.stories.tsx
@@ -1,6 +1,6 @@
 import { Button, Dialog, DialogHeaderProps } from '@droz-js/visu'
+import { Alien, SquaresFour, X } from '@phosphor-icons/react'
 import { Meta, StoryObj } from '@storybook/react'
-import { Alien, SquaresFour, X } from 'phosphor-react'
 
 const meta: Meta<DialogHeaderProps> = {
   title: 'Dialog/Header',

diff --git a/docs/src/stories/Dialog/Root.stories.tsx b/docs/src/stories/Dialog/Root.stories.tsx
@@ -1,7 +1,7 @@
 import { Button, Dialog, DialogRootProps } from '@droz-js/visu'
+import { SquaresFour } from '@phosphor-icons/react'
 import { useArgs } from '@storybook/preview-api'
 import { Meta, StoryObj } from '@storybook/react'
-import { SquaresFour } from 'phosphor-react'
 
 const meta: Meta<DialogRootProps> = {
   title: 'Dialog/Root',

diff --git a/docs/src/stories/Divider/Divider.stories.tsx b/docs/src/stories/Divider/Divider.stories.tsx
@@ -1,6 +1,6 @@
 import { Divider, DividerProps } from '@droz-js/visu'
+import { SquaresFour } from '@phosphor-icons/react'
 import { Meta, StoryObj } from '@storybook/react'
-import { SquaresFour } from 'phosphor-react'
 
 const meta: Meta<DividerProps> = {
   title: 'Divider/Divider',

diff --git a/docs/src/stories/FloatCard/Content.stories.tsx b/docs/src/stories/FloatCard/Content.stories.tsx
@@ -1,6 +1,6 @@
 import { Avatar, FloatCard, FloatCardContentProps } from '@droz-js/visu'
+import { MouseSimple } from '@phosphor-icons/react'
 import { Meta, StoryObj } from '@storybook/react'
-import { MouseSimple } from 'phosphor-react'
 
 const meta: Meta<FloatCardContentProps> = {
   title: 'FloatCard/Content',

diff --git a/docs/src/stories/FloatCard/Root.stories.tsx b/docs/src/stories/FloatCard/Root.stories.tsx
@@ -1,6 +1,6 @@
 import { Avatar, FloatCard, FloatCardRootProps } from '@droz-js/visu'
+import { MouseSimple } from '@phosphor-icons/react'
 import { Meta, StoryObj } from '@storybook/react'
-import { MouseSimple } from 'phosphor-react'
 
 const meta: Meta<FloatCardRootProps> = {
   title: 'FloatCard/Root',

diff --git a/docs/src/stories/FloatCard/Trigger.stories.tsx b/docs/src/stories/FloatCard/Trigger.stories.tsx
@@ -1,6 +1,6 @@
 import { Avatar, FloatCard, FloatCardTriggerProps } from '@droz-js/visu'
+import { MouseSimple } from '@phosphor-icons/react'
 import { Meta, StoryObj } from '@storybook/react'
-import { MouseSimple } from 'phosphor-react'
 
 const meta: Meta<FloatCardTriggerProps> = {
   title: 'FloatCard/Trigger',

diff --git a/docs/src/stories/Icon/Icon.stories.tsx b/docs/src/stories/Icon/Icon.stories.tsx
@@ -1,6 +1,6 @@
 import { Icon, IconProps } from '@droz-js/visu'
+import { X } from '@phosphor-icons/react'
 import { Meta, StoryObj } from '@storybook/react'
-import { X } from 'phosphor-react'
 
 const meta: Meta<IconProps> = {
   title: 'Icon/Icon',

diff --git a/docs/src/stories/Input/Icon.stories.tsx b/docs/src/stories/Input/Icon.stories.tsx
@@ -1,6 +1,6 @@
 import { Input, InputIconProps } from '@droz-js/visu'
+import { Envelope, SquaresFour } from '@phosphor-icons/react'
 import { Meta, StoryObj } from '@storybook/react'
-import { Envelope, SquaresFour } from 'phosphor-react'
 
 const meta: Meta<InputIconProps> = {
   title: 'Input/Icon',

diff --git a/docs/src/stories/Input/Root.stories.tsx b/docs/src/stories/Input/Root.stories.tsx
@@ -1,6 +1,6 @@
 import { Input, InputRootProps } from '@droz-js/visu'
+import { Envelope } from '@phosphor-icons/react'
 import { Meta, StoryObj } from '@storybook/react'
-import { Envelope } from 'phosphor-react'
 
 const meta: Meta<InputRootProps> = {
   title: 'Input/Root',

diff --git a/docs/src/stories/Menu/Body.stories.tsx b/docs/src/stories/Menu/Body.stories.tsx
@@ -1,6 +1,6 @@
 import { Menu, MenuBodyProps } from '@droz-js/visu'
+import { House } from '@phosphor-icons/react'
 import { Meta, StoryObj } from '@storybook/react'
-import { House } from 'phosphor-react'
 
 const meta: Meta<MenuBodyProps> = {
   title: 'Menu/Body',

diff --git a/docs/src/stories/Menu/Button.stories.tsx b/docs/src/stories/Menu/Button.stories.tsx
@@ -1,6 +1,6 @@
 import { Menu, MenuButtonProps } from '@droz-js/visu'
+import { House } from '@phosphor-icons/react'
 import { Meta, StoryObj } from '@storybook/react'
-import { House } from 'phosphor-react'
 
 const meta: Meta<MenuButtonProps> = {
   title: 'Menu/Button',

diff --git a/docs/src/stories/Sidebar/Body.stories.tsx b/docs/src/stories/Sidebar/Body.stories.tsx
@@ -1,6 +1,6 @@
 import { Sidebar, SidebarBodyProps } from '@droz-js/visu'
+import { House } from '@phosphor-icons/react'
 import { Meta, StoryObj } from '@storybook/react'
-import { House } from 'phosphor-react'
 
 const meta: Meta<SidebarBodyProps> = {
   title: 'Sidebar/Body',

diff --git a/docs/src/stories/Sidebar/Button.stories.tsx b/docs/src/stories/Sidebar/Button.stories.tsx
@@ -1,6 +1,6 @@
 import { Sidebar, SidebarButtonProps } from '@droz-js/visu'
+import { House } from '@phosphor-icons/react'
 import { Meta, StoryObj } from '@storybook/react'
-import { House } from 'phosphor-react'
 
 const meta: Meta<SidebarButtonProps> = {
   title: 'Sidebar/Button',

diff --git a/docs/src/stories/Sidebar/Header.stories.tsx b/docs/src/stories/Sidebar/Header.stories.tsx
@@ -1,6 +1,6 @@
 import { Button, Sidebar, SidebarHeaderProps } from '@droz-js/visu'
+import { X } from '@phosphor-icons/react'
 import { Meta, StoryObj } from '@storybook/react'
-import { X } from 'phosphor-react'
 
 const meta: Meta<SidebarHeaderProps> = {
   title: 'Sidebar/Header',
@@ -30,11 +30,9 @@ export const Comum: StorySidebarHeaderProps = {
         className="flex w-96 items-center justify-between"
       >
         <h1>Nexo</h1>
-        <Button.Root light>
-          <Button.Icon>
-            <X />
-          </Button.Icon>
-        </Button.Root>
+        <Button light>
+          <X />
+        </Button>
       </Sidebar.Header>
     )
   },

diff --git a/docs/src/stories/Tabs/Content.stories.tsx b/docs/src/stories/Tabs/Content.stories.tsx
@@ -1,5 +1,5 @@
 import { Tabs, TabsContentProps } from '@droz-js/visu'
-import { Image } from 'phosphor-react'
+import { Image } from '@phosphor-icons/react'
 
 import type { Meta, StoryObj } from '@storybook/react'
 

diff --git a/docs/src/stories/Tabs/List.stories.tsx b/docs/src/stories/Tabs/List.stories.tsx
@@ -1,5 +1,5 @@
 import { Tabs, TabsListProps } from '@droz-js/visu'
-import { Image } from 'phosphor-react'
+import { Image } from '@phosphor-icons/react'
 
 import type { Meta, StoryObj } from '@storybook/react'
 

diff --git a/docs/src/stories/Tabs/Root.stories.tsx b/docs/src/stories/Tabs/Root.stories.tsx
@@ -1,5 +1,5 @@
 import { Tabs, TabsRootProps } from '@droz-js/visu'
-import { Airplane, Alarm, Alien } from 'phosphor-react'
+import { Airplane, Alarm, Alien } from '@phosphor-icons/react'
 
 import type { Meta, StoryObj } from '@storybook/react'
 

diff --git a/docs/src/stories/Tabs/Trigger.stories.tsx b/docs/src/stories/Tabs/Trigger.stories.tsx
@@ -1,5 +1,5 @@
 import { Tabs, TabsTriggerProps } from '@droz-js/visu'
-import { Image } from 'phosphor-react'
+import { Image } from '@phosphor-icons/react'
 
 import type { Meta, StoryObj } from '@storybook/react'
 

diff --git a/docs/src/stories/Toggle/Item.stories.tsx b/docs/src/stories/Toggle/Item.stories.tsx
@@ -1,6 +1,6 @@
 import { Toggle, ToggleItemProps } from '@droz-js/visu'
+import { Alien } from '@phosphor-icons/react'
 import { Meta, StoryObj } from '@storybook/react'
-import { Alien } from 'phosphor-react'
 
 const meta: Meta<ToggleItemProps> = {
   title: 'Toggle/Item',

diff --git a/docs/src/stories/Toggle/Toggle.stories.tsx b/docs/src/stories/Toggle/Toggle.stories.tsx
@@ -1,6 +1,6 @@
 import { Toggle, ToggleRootProps } from '@droz-js/visu'
+import { Alien, FlyingSaucer, Planet } from '@phosphor-icons/react'
 import { Meta, StoryObj } from '@storybook/react'
-import { Alien, FlyingSaucer, Planet } from 'phosphor-react'
 
 const meta: Meta<ToggleRootProps> = {
   title: 'Toggle/Toggle',