chore: rework imports (#2652)

* chore: rework imports * fix: bring back old imports * fix: bring back old imports on lib * refactor: bring back old imports on website * fix: script on snake case * feat: add new imports
WTTJ · Jan 28, 2025 · e68104b · e68104b
1 parent 458c537
commit e68104b
Show file tree

Hide file tree

Showing 291 changed files with 626 additions and 397 deletions.
diff --git a/README.md b/README.md
@@ -34,7 +34,8 @@ Getting started
 
 ```js
 import React from 'react'
-import { Button, createTheme, WuiProvider } from 'welcome-ui'
+import { createTheme, WuiProvider } from 'welcome-ui/theme'
+import { Button } from 'welcome-ui/Button'
 
 // Add theme options (if you want)
 const options = {

diff --git a/lib/src/components/Accordion/docs/examples/avatar.tsx b/lib/src/components/Accordion/docs/examples/avatar.tsx
@@ -1,5 +1,8 @@
-import { Accordion, Avatar, Flex, Text, useAccordion } from 'welcome-ui'
 import * as React from 'react'
+import { Flex } from 'welcome-ui/Flex'
+import { Avatar } from 'welcome-ui/Avatar'
+import { Text } from 'welcome-ui/Text'
+import { Accordion, useAccordion } from 'welcome-ui/Accordion'
 
 const Example = () => {
   const accordion = useAccordion()

diff --git a/lib/src/components/Accordion/docs/examples/open-at-start.tsx b/lib/src/components/Accordion/docs/examples/open-at-start.tsx
@@ -1,5 +1,5 @@
-import { Accordion, useAccordion } from 'welcome-ui'
 import * as React from 'react'
+import { Accordion, useAccordion } from 'welcome-ui/Accordion'
 
 const Example = () => {
   const accordion = useAccordion({ defaultOpen: true })

diff --git a/lib/src/components/Accordion/docs/examples/overview.tsx b/lib/src/components/Accordion/docs/examples/overview.tsx
@@ -1,5 +1,5 @@
-import { Accordion, useAccordion } from 'welcome-ui'
 import * as React from 'react'
+import { Accordion, useAccordion } from 'welcome-ui/Accordion'
 
 const Example = () => {
   const accordion = useAccordion()

diff --git a/lib/src/components/Accordion/docs/examples/with-custom-icon.tsx b/lib/src/components/Accordion/docs/examples/with-custom-icon.tsx
@@ -1,5 +1,6 @@
-import { Accordion, PlayIcon, useAccordion } from 'welcome-ui'
 import * as React from 'react'
+import { Accordion, useAccordion } from 'welcome-ui/Accordion'
+import { PlayIcon } from 'welcome-ui/Icons'
 
 const Example = () => {
   const accordion = useAccordion()

diff --git a/lib/src/components/Alert/docs/examples/close-button.tsx b/lib/src/components/Alert/docs/examples/close-button.tsx
@@ -1,5 +1,5 @@
-import { Alert } from 'welcome-ui'
 import * as React from 'react'
+import { Alert } from 'welcome-ui/Alert'
 
 const Example = () => {
   const [hideAlert, setHideAlert] = React.useState(false)

diff --git a/lib/src/components/Alert/docs/examples/cta.tsx b/lib/src/components/Alert/docs/examples/cta.tsx
@@ -1,5 +1,5 @@
-import { Alert } from 'welcome-ui'
 import * as React from 'react'
+import { Alert } from 'welcome-ui/Alert'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Alert/docs/examples/is-full-width.tsx b/lib/src/components/Alert/docs/examples/is-full-width.tsx
@@ -1,5 +1,5 @@
-import { Alert } from 'welcome-ui'
 import * as React from 'react'
+import { Alert } from 'welcome-ui/Alert'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Alert/docs/examples/overview.tsx b/lib/src/components/Alert/docs/examples/overview.tsx
@@ -1,5 +1,5 @@
-import { Alert } from 'welcome-ui'
 import * as React from 'react'
+import { Alert } from 'welcome-ui/Alert'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Alert/docs/examples/sizes.tsx b/lib/src/components/Alert/docs/examples/sizes.tsx
@@ -1,5 +1,6 @@
-import { Alert, Stack } from 'welcome-ui'
 import * as React from 'react'
+import { Alert } from 'welcome-ui/Alert'
+import { Stack } from 'welcome-ui/Stack'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Alert/docs/examples/title.tsx b/lib/src/components/Alert/docs/examples/title.tsx
@@ -1,5 +1,5 @@
-import { Alert } from 'welcome-ui'
 import * as React from 'react'
+import { Alert } from 'welcome-ui/Alert'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Alert/docs/examples/variants.tsx b/lib/src/components/Alert/docs/examples/variants.tsx
@@ -1,5 +1,6 @@
-import { Alert, Stack } from 'welcome-ui'
 import * as React from 'react'
+import { Alert } from 'welcome-ui/Alert'
+import { Stack } from 'welcome-ui/Stack'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/AspectRatio/docs/examples/map.tsx b/lib/src/components/AspectRatio/docs/examples/map.tsx
@@ -1,6 +1,6 @@
-import { AspectRatio } from 'welcome-ui'
 /* eslint-disable react/iframe-missing-sandbox */
 import * as React from 'react'
+import { AspectRatio } from 'welcome-ui/AspectRatio'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/AspectRatio/docs/examples/overview.tsx b/lib/src/components/AspectRatio/docs/examples/overview.tsx
@@ -1,5 +1,6 @@
-import { AspectRatio, Box } from 'welcome-ui'
 import * as React from 'react'
+import { AspectRatio } from 'welcome-ui/AspectRatio'
+import { Box } from 'welcome-ui/Box'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/AspectRatio/docs/examples/ratio.tsx b/lib/src/components/AspectRatio/docs/examples/ratio.tsx
@@ -1,5 +1,5 @@
-import { AspectRatio } from 'welcome-ui'
 import * as React from 'react'
+import { AspectRatio } from 'welcome-ui/AspectRatio'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/AspectRatio/docs/examples/video.tsx b/lib/src/components/AspectRatio/docs/examples/video.tsx
@@ -1,6 +1,6 @@
-import { AspectRatio } from 'welcome-ui'
 /* eslint-disable react/iframe-missing-sandbox */
 import * as React from 'react'
+import { AspectRatio } from 'welcome-ui/AspectRatio'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Avatar/docs/examples/images.tsx b/lib/src/components/Avatar/docs/examples/images.tsx
@@ -1,5 +1,5 @@
-import { Avatar } from 'welcome-ui'
 import * as React from 'react'
+import { Avatar } from 'welcome-ui/Avatar'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Avatar/docs/examples/overview.tsx b/lib/src/components/Avatar/docs/examples/overview.tsx
@@ -1,5 +1,5 @@
-import { Avatar } from 'welcome-ui'
 import * as React from 'react'
+import { Avatar } from 'welcome-ui/Avatar'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Avatar/docs/examples/shape.tsx b/lib/src/components/Avatar/docs/examples/shape.tsx
@@ -1,5 +1,5 @@
-import { Avatar } from 'welcome-ui'
 import * as React from 'react'
+import { Avatar } from 'welcome-ui/Avatar'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Avatar/docs/examples/texts.tsx b/lib/src/components/Avatar/docs/examples/texts.tsx
@@ -1,5 +1,5 @@
-import { Avatar } from 'welcome-ui'
 import * as React from 'react'
+import { Avatar } from 'welcome-ui/Avatar'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Badge/docs/examples/disabled.tsx b/lib/src/components/Badge/docs/examples/disabled.tsx
@@ -1,5 +1,5 @@
-import { Badge } from 'welcome-ui'
 import * as React from 'react'
+import { Badge } from 'welcome-ui/Badge'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Badge/docs/examples/number-abbreviation.tsx b/lib/src/components/Badge/docs/examples/number-abbreviation.tsx
@@ -1,5 +1,5 @@
-import { Badge } from 'welcome-ui'
 import * as React from 'react'
+import { Badge } from 'welcome-ui/Badge'
 
 const Example = () => {
   return <Badge withNumberAbbreviation>{100}</Badge>

diff --git a/lib/src/components/Badge/docs/examples/overview.tsx b/lib/src/components/Badge/docs/examples/overview.tsx
@@ -1,5 +1,5 @@
-import { Badge } from 'welcome-ui'
 import * as React from 'react'
+import { Badge } from 'welcome-ui/Badge'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Badge/docs/examples/size.tsx b/lib/src/components/Badge/docs/examples/size.tsx
@@ -1,5 +1,5 @@
-import { Badge } from 'welcome-ui'
 import * as React from 'react'
+import { Badge } from 'welcome-ui/Badge'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Badge/docs/examples/variant.tsx b/lib/src/components/Badge/docs/examples/variant.tsx
@@ -1,5 +1,5 @@
-import { Badge } from 'welcome-ui'
 import * as React from 'react'
+import { Badge } from 'welcome-ui/Badge'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Box/docs/examples/example.tsx b/lib/src/components/Box/docs/examples/example.tsx
@@ -1,5 +1,8 @@
-import { Badge, Box, StarIcon, Text } from 'welcome-ui'
 import * as React from 'react'
+import { Box } from 'welcome-ui/Box'
+import { Badge } from 'welcome-ui/Badge'
+import { StarIcon } from 'welcome-ui/Icons'
+import { Text } from 'welcome-ui/Text'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Box/docs/examples/overview.tsx b/lib/src/components/Box/docs/examples/overview.tsx
@@ -1,5 +1,5 @@
-import { Box } from 'welcome-ui'
 import * as React from 'react'
+import { Box } from 'welcome-ui/Box'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Breadcrumb/docs/examples/child-disabled.tsx b/lib/src/components/Breadcrumb/docs/examples/child-disabled.tsx
@@ -1,5 +1,5 @@
-import { Breadcrumb } from 'welcome-ui'
 import * as React from 'react'
+import { Breadcrumb } from 'welcome-ui/Breadcrumb'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Breadcrumb/docs/examples/last-child.tsx b/lib/src/components/Breadcrumb/docs/examples/last-child.tsx
@@ -1,5 +1,5 @@
-import { Breadcrumb } from 'welcome-ui'
 import * as React from 'react'
+import { Breadcrumb } from 'welcome-ui/Breadcrumb'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Breadcrumb/docs/examples/overview.tsx b/lib/src/components/Breadcrumb/docs/examples/overview.tsx
@@ -1,5 +1,5 @@
-import { Breadcrumb } from 'welcome-ui'
 import * as React from 'react'
+import { Breadcrumb } from 'welcome-ui/Breadcrumb'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Breadcrumb/docs/examples/separator.tsx b/lib/src/components/Breadcrumb/docs/examples/separator.tsx
@@ -1,5 +1,6 @@
-import { Breadcrumb, Stack } from 'welcome-ui'
 import * as React from 'react'
+import { Breadcrumb } from 'welcome-ui/Breadcrumb'
+import { Stack } from 'welcome-ui/Stack'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Button/docs/examples/danger.tsx b/lib/src/components/Button/docs/examples/danger.tsx
@@ -1,5 +1,5 @@
-import { Button } from 'welcome-ui'
 import * as React from 'react'
+import { Button } from 'welcome-ui/Button'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Button/docs/examples/disabled.tsx b/lib/src/components/Button/docs/examples/disabled.tsx
@@ -1,5 +1,5 @@
-import { Button } from 'welcome-ui'
 import * as React from 'react'
+import { Button } from 'welcome-ui/Button'
 
 const Example = () => {
   return <Button disabled>Disabled</Button>

diff --git a/lib/src/components/Button/docs/examples/icons.tsx b/lib/src/components/Button/docs/examples/icons.tsx
@@ -1,5 +1,6 @@
-import { Button, WttjIcon } from 'welcome-ui'
 import * as React from 'react'
+import { Button } from 'welcome-ui/Button'
+import { WttjIcon } from 'welcome-ui/Icons'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Button/docs/examples/is-loading.tsx b/lib/src/components/Button/docs/examples/is-loading.tsx
@@ -1,5 +1,5 @@
-import { Button } from 'welcome-ui'
 import * as React from 'react'
+import { Button } from 'welcome-ui/Button'
 
 const Example = () => {
   const [isLoading, setIsLoading] = React.useState<boolean>(false)

diff --git a/lib/src/components/Button/docs/examples/link.tsx b/lib/src/components/Button/docs/examples/link.tsx
@@ -1,5 +1,6 @@
-import { Button, WttjIcon } from 'welcome-ui'
 import * as React from 'react'
+import { Button } from 'welcome-ui/Button'
+import { WttjIcon } from 'welcome-ui/Icons'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Button/docs/examples/overview.tsx b/lib/src/components/Button/docs/examples/overview.tsx
@@ -1,5 +1,5 @@
-import { Button } from 'welcome-ui'
 import * as React from 'react'
+import { Button } from 'welcome-ui/Button'
 
 const Example = () => {
   return <Button>Button</Button>

diff --git a/lib/src/components/Button/docs/examples/shapes.tsx b/lib/src/components/Button/docs/examples/shapes.tsx
@@ -1,5 +1,6 @@
-import { Button, WttjIcon } from 'welcome-ui'
 import * as React from 'react'
+import { Button } from 'welcome-ui/Button'
+import { WttjIcon } from 'welcome-ui/Icons'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Button/docs/examples/sizes.tsx b/lib/src/components/Button/docs/examples/sizes.tsx
@@ -1,5 +1,5 @@
-import { Button } from 'welcome-ui'
 import * as React from 'react'
+import { Button } from 'welcome-ui/Button'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Button/docs/examples/variants.tsx b/lib/src/components/Button/docs/examples/variants.tsx
@@ -1,5 +1,5 @@
-import { Button } from 'welcome-ui'
 import * as React from 'react'
+import { Button } from 'welcome-ui/Button'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/ButtonGroup/docs/examples/overload.tsx b/lib/src/components/ButtonGroup/docs/examples/overload.tsx
@@ -1,4 +1,5 @@
-import { Button, ButtonGroup } from 'welcome-ui'
+import { Button } from 'welcome-ui/Button'
+import { ButtonGroup } from 'welcome-ui/ButtonGroup'
 import * as React from 'react'
 
 const Example = () => {

diff --git a/lib/src/components/ButtonGroup/docs/examples/overview.tsx b/lib/src/components/ButtonGroup/docs/examples/overview.tsx
@@ -1,4 +1,5 @@
-import { Button, ButtonGroup } from 'welcome-ui'
+import { Button } from 'welcome-ui/Button'
+import { ButtonGroup } from 'welcome-ui/ButtonGroup'
 import * as React from 'react'
 
 const Example = () => {

diff --git a/lib/src/components/Card/docs/examples/content.tsx b/lib/src/components/Card/docs/examples/content.tsx
@@ -1,5 +1,6 @@
-import { Card, Text } from 'welcome-ui'
 import * as React from 'react'
+import { Card } from 'welcome-ui/Card'
+import { Text } from 'welcome-ui/Text'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Card/docs/examples/overview.tsx b/lib/src/components/Card/docs/examples/overview.tsx
@@ -1,5 +1,5 @@
-import { Card } from 'welcome-ui'
 import * as React from 'react'
+import { Card } from 'welcome-ui/Card'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Card/docs/examples/picture.tsx b/lib/src/components/Card/docs/examples/picture.tsx
@@ -1,5 +1,7 @@
-import { Box, Card, Text } from 'welcome-ui'
 import * as React from 'react'
+import { Card } from 'welcome-ui/Card'
+import { Box } from 'welcome-ui/Box'
+import { Text } from 'welcome-ui/Text'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/Checkbox/docs/examples/hint.tsx b/lib/src/components/Checkbox/docs/examples/hint.tsx
@@ -1,5 +1,6 @@
-import { Checkbox, Field } from 'welcome-ui'
 import * as React from 'react'
+import { Checkbox } from 'welcome-ui/Checkbox'
+import { Field } from 'welcome-ui/Field'
 
 const Example = () => {
   const [checkbox, setCheckbox] = React.useState(false)

diff --git a/lib/src/components/Checkbox/docs/examples/labels.tsx b/lib/src/components/Checkbox/docs/examples/labels.tsx
@@ -1,5 +1,7 @@
-import { Checkbox, Field, Stack } from 'welcome-ui'
 import * as React from 'react'
+import { Checkbox } from 'welcome-ui/Checkbox'
+import { Field } from 'welcome-ui/Field'
+import { Stack } from 'welcome-ui/Stack'
 
 const Example = () => {
   const [checkbox, setCheckbox] = React.useState(false)

diff --git a/lib/src/components/Checkbox/docs/examples/nested.tsx b/lib/src/components/Checkbox/docs/examples/nested.tsx
@@ -1,5 +1,7 @@
-import { Checkbox, Field, Stack } from 'welcome-ui'
 import * as React from 'react'
+import { Checkbox } from 'welcome-ui/Checkbox'
+import { Field } from 'welcome-ui/Field'
+import { Stack } from 'welcome-ui/Stack'
 
 const Example = () => {
   const [checkboxA, setCheckboxA] = React.useState(false)

diff --git a/lib/src/components/Checkbox/docs/examples/overview.tsx b/lib/src/components/Checkbox/docs/examples/overview.tsx
@@ -1,5 +1,5 @@
-import { Checkbox } from 'welcome-ui'
 import * as React from 'react'
+import { Checkbox } from 'welcome-ui/Checkbox'
 
 const Example = () => {
   const [checkbox, setCheckbox] = React.useState(false)

diff --git a/lib/src/components/Checkbox/docs/examples/variants.tsx b/lib/src/components/Checkbox/docs/examples/variants.tsx
@@ -1,5 +1,7 @@
-import { Checkbox, Field, Stack } from 'welcome-ui'
 import * as React from 'react'
+import { Checkbox } from 'welcome-ui/Checkbox'
+import { Field } from 'welcome-ui/Field'
+import { Stack } from 'welcome-ui/Stack'
 
 const Example = () => {
   const [checkbox, setCheckbox] = React.useState(false)

diff --git a/lib/src/components/DatePicker/docs/examples/icon.tsx b/lib/src/components/DatePicker/docs/examples/icon.tsx
@@ -1,5 +1,6 @@
-import { DatePicker, WttjIcon } from 'welcome-ui'
 import * as React from 'react'
+import { DatePicker } from 'welcome-ui/DatePicker'
+import { WttjIcon } from 'welcome-ui/Icons'
 
 const Example = () => {
   return (

diff --git a/lib/src/components/DatePicker/docs/examples/months.tsx b/lib/src/components/DatePicker/docs/examples/months.tsx
@@ -1,5 +1,5 @@
-import { DatePicker } from 'welcome-ui'
 import * as React from 'react'
+import { DatePicker } from 'welcome-ui/DatePicker'
 
 const Example = () => {
   return <DatePicker dateFormat="MM/yyyy" name="welcome" showMonthYearPicker value={new Date()} />