diff --git a/.changeset/tender-windows-yawn.md b/.changeset/tender-windows-yawn.md new file mode 100644 index 0000000000..df619a420c --- /dev/null +++ b/.changeset/tender-windows-yawn.md @@ -0,0 +1,6 @@ +--- +"@ultraviolet/illustrations": patch +"@ultraviolet/ui": patch +--- + +migration banner illustrations diff --git a/packages/illustrations/package.json b/packages/illustrations/package.json index 7146c08c48..be8b0c48a2 100644 --- a/packages/illustrations/package.json +++ b/packages/illustrations/package.json @@ -57,7 +57,7 @@ } }, "devDependencies": { - "@ultraviolet/ui": "workspace:^", - "@ultraviolet/themes": "workspace:^" + "@ultraviolet/ui": "workspace:*", + "@ultraviolet/themes": "workspace:*" } } diff --git a/packages/illustrations/src/various/banner/default-image-small.svg b/packages/illustrations/src/various/banner/default-image-small.svg new file mode 100644 index 0000000000..7f433df1f2 --- /dev/null +++ b/packages/illustrations/src/various/banner/default-image-small.svg @@ -0,0 +1,88 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/illustrations/src/various/banner/default-image.svg b/packages/illustrations/src/various/banner/default-image.svg new file mode 100644 index 0000000000..b67518ade2 --- /dev/null +++ b/packages/illustrations/src/various/banner/default-image.svg @@ -0,0 +1,148 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/packages/illustrations/src/various/banner/index.ts b/packages/illustrations/src/various/banner/index.ts new file mode 100644 index 0000000000..67fc54e646 --- /dev/null +++ b/packages/illustrations/src/various/banner/index.ts @@ -0,0 +1,4 @@ +import defaultIllustrationSmall from './default-image-small.svg' +import defaultIllustration from './default-image.svg' + +export { defaultIllustrationSmall, defaultIllustration } diff --git a/packages/illustrations/src/various/index.ts b/packages/illustrations/src/various/index.ts index 6de846af3a..025a9a9c01 100644 --- a/packages/illustrations/src/various/index.ts +++ b/packages/illustrations/src/various/index.ts @@ -1,6 +1,7 @@ +import * as banner from './banner' import * as documentation from './documentation' import * as empty from './empty' import * as feedback from './feedback' import * as onboarding from './onboarding' -export { onboarding, feedback, empty, documentation } +export { banner, documentation, empty, feedback, onboarding } diff --git a/packages/ui/package.json b/packages/ui/package.json index 57f38d6b36..25c383fc4a 100644 --- a/packages/ui/package.json +++ b/packages/ui/package.json @@ -63,6 +63,7 @@ "@scaleway/random-name": "5.0.0", "@ultraviolet/themes": "workspace:*", "@ultraviolet/icons": "workspace:*", + "@ultraviolet/illustrations": "workspace:*", "@scaleway/use-media": "3.0.0", "deepmerge": "4.3.1", "react-datepicker": "4.25.0", diff --git a/packages/ui/src/components/Banner/assets/default-image-small.svg b/packages/ui/src/components/Banner/assets/default-image-small.svg deleted file mode 100644 index 35d2ea6907..0000000000 --- a/packages/ui/src/components/Banner/assets/default-image-small.svg +++ /dev/null @@ -1,93 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/packages/ui/src/components/Banner/assets/default-image.svg b/packages/ui/src/components/Banner/assets/default-image.svg deleted file mode 100644 index 2849d1d673..0000000000 --- a/packages/ui/src/components/Banner/assets/default-image.svg +++ /dev/null @@ -1,153 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/packages/ui/src/components/Banner/index.tsx b/packages/ui/src/components/Banner/index.tsx index d9938733bc..0c92e03d70 100644 --- a/packages/ui/src/components/Banner/index.tsx +++ b/packages/ui/src/components/Banner/index.tsx @@ -1,14 +1,16 @@ import type { Theme } from '@emotion/react' import { css, useTheme } from '@emotion/react' import styled from '@emotion/styled' +import { + defaultIllustration, + defaultIllustrationSmall, +} from '@ultraviolet/illustrations/various/banner' import type { ComponentProps, ReactNode } from 'react' import { useState } from 'react' import { Button } from '../Button' import { Link } from '../Link' import { Stack } from '../Stack' import { Text } from '../Text' -import defaultIllustrationSmall from './assets/default-image-small.svg' -import defaultIllustration from './assets/default-image.svg' type Variant = 'intro' | 'promotional' type Size = 'small' | 'medium' diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 38927d9b56..4448ec591a 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -541,10 +541,10 @@ importers: packages/illustrations: devDependencies: '@ultraviolet/themes': - specifier: workspace:^ + specifier: workspace:* version: link:../themes '@ultraviolet/ui': - specifier: workspace:^ + specifier: workspace:* version: link:../ui packages/plus: @@ -634,6 +634,9 @@ importers: '@ultraviolet/icons': specifier: workspace:* version: link:../icons + '@ultraviolet/illustrations': + specifier: workspace:* + version: link:../illustrations '@ultraviolet/themes': specifier: workspace:* version: link:../themes