From 7cbb2ce7541b07ddaed0f4f7f50061d5fd7aef74 Mon Sep 17 00:00:00 2001 From: theojungle Date: Mon, 29 Jul 2024 11:21:40 +0200 Subject: [PATCH] feat: rebranding of colors --- packages/Core/src/index.ts | 1 + packages/Core/src/theme/colors.ts | 262 +++++---- packages/Core/src/theme/dark.ts | 54 ++ packages/Core/tests/index.test.tsx | 18 +- packages/Themes/Dark/CHANGELOG.md | 503 ------------------ packages/Themes/Dark/README.md | 17 - packages/Themes/Dark/package.json | 51 -- packages/Themes/Dark/src/index.ts | 1 - packages/Themes/Dark/src/theme.ts | 34 -- packages/Themes/Dark/tsconfig.json | 4 - packages/Themes/Welcome/CHANGELOG.md | 379 ------------- packages/Themes/Welcome/README.md | 17 - packages/Themes/Welcome/package.json | 51 -- packages/Themes/Welcome/src/index.ts | 1 - packages/Themes/Welcome/src/theme.ts | 49 -- packages/Themes/Welcome/tsconfig.json | 4 - packages/Themes/WelcomeDark/CHANGELOG.md | 236 -------- packages/Themes/WelcomeDark/README.md | 17 - packages/Themes/WelcomeDark/package.json | 53 -- packages/Themes/WelcomeDark/src/index.ts | 1 - packages/Themes/WelcomeDark/src/theme.ts | 46 -- packages/Themes/WelcomeDark/tsconfig.json | 4 - packages/Utils/src/variants.ts | 10 +- scripts/upgrade-v6.js | 111 ++++ website/build-app/components/Header/index.tsx | 2 + .../components/ThemeProvider/index.tsx | 3 +- .../components/ThemeSelector/index.tsx | 12 + website/build-app/utils/stackblitz.ts | 4 +- 28 files changed, 342 insertions(+), 1603 deletions(-) create mode 100644 packages/Core/src/theme/dark.ts delete mode 100644 packages/Themes/Dark/CHANGELOG.md delete mode 100644 packages/Themes/Dark/README.md delete mode 100644 packages/Themes/Dark/package.json delete mode 100644 packages/Themes/Dark/src/index.ts delete mode 100644 packages/Themes/Dark/src/theme.ts delete mode 100644 packages/Themes/Dark/tsconfig.json delete mode 100644 packages/Themes/Welcome/CHANGELOG.md delete mode 100644 packages/Themes/Welcome/README.md delete mode 100644 packages/Themes/Welcome/package.json delete mode 100644 packages/Themes/Welcome/src/index.ts delete mode 100644 packages/Themes/Welcome/src/theme.ts delete mode 100644 packages/Themes/Welcome/tsconfig.json delete mode 100644 packages/Themes/WelcomeDark/CHANGELOG.md delete mode 100644 packages/Themes/WelcomeDark/README.md delete mode 100644 packages/Themes/WelcomeDark/package.json delete mode 100644 packages/Themes/WelcomeDark/src/index.ts delete mode 100644 packages/Themes/WelcomeDark/src/theme.ts delete mode 100644 packages/Themes/WelcomeDark/tsconfig.json create mode 100644 scripts/upgrade-v6.js create mode 100644 website/build-app/components/ThemeSelector/index.tsx diff --git a/packages/Core/src/index.ts b/packages/Core/src/index.ts index 1aeec89611..c3d75ca7a3 100644 --- a/packages/Core/src/index.ts +++ b/packages/Core/src/index.ts @@ -1,5 +1,6 @@ // Themes export * from './theme/core' +export * from './theme/dark' // Base export * from './utils/base' diff --git a/packages/Core/src/theme/colors.ts b/packages/Core/src/theme/colors.ts index 2dfdbe851a..139f134a40 100644 --- a/packages/Core/src/theme/colors.ts +++ b/packages/Core/src/theme/colors.ts @@ -1,116 +1,160 @@ const palette = { - // dark - mercury: 'rgba(0, 0, 0, 0.1)', - todo: 'rgba(0, 0, 0, 0.17)', - nobel: 'rgba(0, 0, 0, 0.4)', - empress: 'rgba(0, 0, 0, 0.55)', - tundora: 'rgba(0, 0, 0, 0.7)', - black: 'rgba(0, 0, 0, 1)', - - // light - nero: 'rgba(255, 255, 255, 0.1)', - mineshaft: 'rgba(255, 255, 255, 0.17)', - granite: 'rgba(255, 255, 255, 0.4)', - battleship: 'rgba(255, 255, 255, 0.55)', - silverchalice: 'rgba(255, 255, 255, 0.7)', - white: 'rgba(255, 255, 255, 1)', - - // success - gin: '#E3F0EC', - riptide: '#99DCC7', - puertorico: '#45BE98', - jade: '#00A772', - spanishviridian: '#00875C', - - // danger - rosewhite: '#FFE7E7', - beautybush: '#EBBDB5', - japonica: '#D87C6E', - valencia: '#CE5947', - carmen: '#AF4636', - - // info - aliceblue: '#EDF3FE', - sail: '#B7D7F9', - lightsky: '#9AC7F7', - blueberry: '#4B9BF1', - celticblue: '#106DD1', - - // warning - floralwhite: '#FFF2DC', - sidecar: '#F4DFBB', - marzipan: '#EBC484', - sunray: '#E4AE56', - bourbon: '#B97F22', - - //subs - paleblue: '#8CB3DB', - blue: '#3B52D0', - red: '#EE4B65', - tangerine: '#F79D85', - palegreen: '#A5D0A8', - green: '#267566', - purple: '#9B8CC0', + 'beige-10': '#FBF9F7', + 'beige-20': '#F6F3EF', + 'beige-30': '#F0EBE5', + 'beige-40': '#D8D2CB', + 'beige-50': '#B8B1A8', + 'beige-60': '#928C85', + 'beige-70': '#605B55', + 'beige-80': '#3E3A35', + 'beige-90': '#33302D', + 'beige-100': '#272522', + 'blue-10': '#E0F5FF', + 'blue-20': '#BBEAFF', + 'blue-30': '#9BDEF7', + 'blue-40': '#55C3E9', // brand + 'blue-50': '#27A5D0', + 'blue-60': '#057AA3', + 'blue-70': '#025A79', + 'blue-80': '#013C50', + 'blue-90': '#00202B', + 'teal-10': '#D5FFFA', + 'teal-20': '#AAF4EB', + 'teal-30': '#6DE1D2', + 'teal-40': '#00C7AE', // brand + 'teal-50': '#01AA95', + 'teal-60': '#008070', + 'teal-70': '#00544A', + 'teal-80': '#003D35', + 'teal-90': '#00211D', + 'gray-10': '#F3F3F3', + 'gray-20': '#DEDEDE', + 'gray-30': '#BDBDBD', + 'gray-40': '#989898', + 'gray-50': '#7B7B7B', + 'gray-60': '#585858', + 'gray-70': '#444444', + 'gray-80': '#262626', + 'green-10': '#EAFFD4', + 'green-20': '#D6F6B4', + 'green-30': '#BADE94', // brand + 'green-40': '#9FC873', + 'green-50': '#83AD57', + 'green-60': '#5A8034', + 'green-70': '#40611F', + 'green-80': '#2A4210', + 'green-90': '#142603', + 'orange-10': '#FFDED0', + 'orange-20': '#FFC9B2', + 'orange-30': '#FFB595', + 'orange-40': '#FF9868', // brand + 'orange-50': '#E67B49', + 'orange-60': '#C45927', + 'orange-70': '#9F4217', + 'orange-80': '#6D2605', + 'orange-90': '#451701', + 'pink-10': '#FFEAF5', + 'pink-20': '#FFD5EB', + 'pink-30': '#FEB7DC', + 'pink-40': '#F696C8', // brand + 'pink-50': '#E468A8', + 'pink-60': '#C24887', + 'pink-70': '#972962', + 'pink-80': '#6D1142', + 'pink-90': '#3C0725', + 'purple-10': '#F2F2FF', + 'purple-20': '#E0E0FF', + 'purple-30': '#C9C9FF', + 'purple-40': '#ACACFF', // brand + 'purple-50': '#9080F0', + 'purple-60': '#7958D6', + 'purple-70': '#593CAC', + 'purple-80': '#422A86', + 'purple-90': '#1F0E51', + 'red-10': '#FFEAEA', + 'red-20': '#FFDCD2', + 'red-30': '#FFC2B1', + 'red-40': '#F79D85', + 'red-50': '#F79D85', + 'red-60': '#C86347', + 'red-70': '#A5462D', + 'red-80': '#842B18', + 'red-90': '#691D0C', + 'yellow-10': '#FFF9E1', + 'yellow-20': '#FFF1B2', + 'yellow-30': '#FFE166', + 'yellow-40': '#FFCD00', + 'yellow-50': '#E9BC06', + 'yellow-60': '#C8A102', + 'yellow-70': '#A88700', + 'yellow-80': '#846A01', + 'yellow-90': '#604D00', + 'yellow-100': '#423500', + black: '#000000', + white: '#FFFFFF', } export const colors = { - 'primary-100': '#EBFAFA', - 'primary-200': '#86E4DF', - 'primary-500': '#36D2C9', - 'primary-600': '#31BDB5', - 'primary-700': '#207E79', - 'primary-800': '#185F5B', - 'primary-900': '#103F3C', - 'success-100': palette.gin, - 'success-200': palette.riptide, - 'success-300': palette.puertorico, - 'success-400': palette.jade, - 'success-500': palette.spanishviridian, - 'danger-100': palette.rosewhite, - 'danger-200': palette.beautybush, - 'danger-300': palette.japonica, - 'danger-400': palette.valencia, - 'danger-500': palette.carmen, - 'warning-100': palette.floralwhite, - 'warning-200': palette.sidecar, - 'warning-300': palette.marzipan, - 'warning-400': palette.sunray, - 'warning-500': palette.bourbon, - 'info-100': palette.aliceblue, - 'info-200': palette.sail, - 'info-300': palette.lightsky, - 'info-400': palette.blueberry, - 'info-500': palette.celticblue, - 'light-100': palette.nero, - 'light-200': palette.mineshaft, - 'light-400': palette.granite, - 'light-500': palette.battleship, - 'light-700': palette.silverchalice, - 'light-900': palette.white, - 'dark-100': palette.mercury, - 'dark-200': palette.todo, - 'dark-400': palette.nobel, - 'dark-500': palette.empress, - 'dark-700': palette.tundora, - 'dark-900': palette.black, - 'nude-100': '#F3FAFA', - 'nude-200': '#E9F6F6', - 'nude-400': '#D2DDDD', - 'nude-600': '#8C9494', - 'nude-700': '#696F6F', - 'nude-900': '#464A4A', - 'sub-1': palette.paleblue, - 'sub-2': palette.blue, - 'sub-3': palette.red, - 'sub-4': palette.tangerine, - 'sub-5': palette.palegreen, - 'sub-6': palette.green, - 'sub-7': palette.purple, - black: palette.black, - white: palette.white, - overlay: palette.empress, - border: palette.mercury, - underline: '#36D2C9', + ...palette, + 'brand-green': palette['green-30'], + 'brand-teal': palette['teal-40'], + 'brand-blue': palette['blue-40'], + 'brand-purple': palette['purple-40'], + 'brand-pink': palette['pink-40'], + 'brand-orange': palette['orange-40'], + 'primary-10': palette['yellow-10'], + 'primary-20': palette['yellow-20'], + 'primary-30': palette['yellow-30'], + 'primary-40': palette['yellow-40'], + 'primary-50': palette['yellow-50'], + 'primary-60': palette['yellow-60'], + 'primary-70': palette['yellow-70'], + 'primary-80': palette['yellow-80'], + 'primary-90': palette['yellow-90'], + 'primary-100': palette['yellow-100'], + 'nude-10': palette['beige-10'], + 'nude-20': palette['beige-20'], + 'nude-30': palette['beige-30'], + 'nude-40': palette['beige-40'], + 'nude-50': palette['beige-50'], + 'nude-60': palette['beige-60'], + 'nude-70': palette['beige-70'], + 'nude-80': palette['beige-80'], + 'nude-90': palette['beige-90'], + 'nude-100': palette['beige-100'], + 'neutral-white': palette.white, + 'neutral-10': palette['gray-10'], + 'neutral-20': palette['gray-20'], + 'neutral-30': palette['gray-30'], + 'neutral-40': palette['gray-40'], + 'neutral-50': palette['gray-50'], + 'neutral-60': palette['gray-60'], + 'neutral-70': palette['gray-70'], + 'neutral-80': palette['gray-80'], + 'neutral-black': palette.black, + 'success-10': palette['green-10'], + 'success-20': palette['green-20'], + 'success-30': palette['green-30'], + 'success-40': palette['green-60'], + 'success-50': palette['green-70'], + 'danger-10': palette['red-10'], + 'danger-20': palette['red-20'], + 'danger-30': palette['red-30'], + 'danger-40': palette['red-60'], + 'danger-50': palette['red-70'], + 'warning-10': palette['orange-10'], + 'warning-20': palette['orange-20'], + 'warning-30': palette['orange-30'], + 'warning-40': palette['orange-60'], + 'warning-50': palette['orange-70'], + 'info-10': palette['blue-10'], + 'info-20': palette['blue-20'], + 'info-30': palette['blue-30'], + 'info-40': palette['blue-60'], + 'info-50': palette['blue-70'], + overlay: 'rgba(0, 0, 0, 0.55)', + border: palette['gray-20'], + underline: palette['yellow-40'], } export type ThemeColors = typeof colors diff --git a/packages/Core/src/theme/dark.ts b/packages/Core/src/theme/dark.ts new file mode 100644 index 0000000000..f634c45bfb --- /dev/null +++ b/packages/Core/src/theme/dark.ts @@ -0,0 +1,54 @@ +import { createTheme } from './core' +import { WuiTheme } from './types' + +const theme = createTheme() + +type RecursivePartial = { + [P in keyof T]?: T[P] | RecursivePartial +} + +export const colors: WuiTheme['colors'] = { + ...theme.colors, + 'gray-10': theme.colors['gray-80'], + 'gray-20': theme.colors['gray-70'], + 'gray-30': theme.colors['gray-60'], + 'gray-40': theme.colors['gray-50'], + 'gray-50': theme.colors['gray-40'], + 'gray-60': theme.colors['gray-30'], + 'gray-70': theme.colors['gray-20'], + 'gray-80': theme.colors['gray-10'], + 'beige-10': theme.colors['beige-100'], + 'beige-20': theme.colors['beige-90'], + 'beige-30': theme.colors['beige-80'], + 'beige-40': theme.colors['beige-70'], + 'beige-50': theme.colors['beige-60'], + 'beige-60': theme.colors['beige-50'], + 'beige-70': theme.colors['beige-40'], + 'beige-80': theme.colors['beige-30'], + 'beige-90': theme.colors['beige-20'], + 'beige-100': theme.colors['beige-10'], + 'nude-10': theme.colors['nude-100'], + 'nude-20': theme.colors['nude-90'], + 'nude-30': theme.colors['nude-80'], + 'nude-40': theme.colors['nude-70'], + 'nude-50': theme.colors['nude-60'], + 'nude-60': theme.colors['nude-50'], + 'nude-70': theme.colors['nude-40'], + 'nude-80': theme.colors['nude-30'], + 'nude-90': theme.colors['nude-20'], + 'nude-100': theme.colors['nude-10'], + 'neutral-white': theme.colors['neutral-black'], + 'neutral-10': theme.colors['neutral-80'], + 'neutral-20': theme.colors['neutral-70'], + 'neutral-30': theme.colors['neutral-60'], + 'neutral-40': theme.colors['neutral-50'], + 'neutral-50': theme.colors['neutral-40'], + 'neutral-60': theme.colors['neutral-30'], + 'neutral-80': theme.colors['neutral-20'], + 'neutral-black': theme.colors['neutral-white'], + border: theme.colors['neutral-70'], +} + +export const darkTheme: RecursivePartial = { + colors, +} diff --git a/packages/Core/tests/index.test.tsx b/packages/Core/tests/index.test.tsx index f983d60db6..cd9e2b7096 100644 --- a/packages/Core/tests/index.test.tsx +++ b/packages/Core/tests/index.test.tsx @@ -1,4 +1,3 @@ -import { welcomeTheme } from '../../Themes/Welcome' import { createTheme } from '../src/theme/core' import { colors } from '../src/theme/colors' @@ -8,21 +7,8 @@ test('core theme has the correct color for buttons.primary.color', () => { expect(theme.buttons.primary.color).toBe(colors['dark-900']) }) -test('welcomeTheme correctly overwrites core theme.buttons with its custom styles', () => { - const theme = createTheme(welcomeTheme) - - expect(theme.buttons.primary.color).toBe('rgba(0, 0, 0, 1)') -}) - -test('Can overwrite welcomeTheme.buttons with custom button styles', () => { - const theme = createTheme({ - ...welcomeTheme, - buttons: { - primary: { - color: 'red', - }, - }, - }) +test('correctly overwrites core theme.buttons with its custom styles', () => { + const theme = createTheme({ buttons: { primary: { color: 'red' } } }) expect(theme.buttons.primary.color).toBe('red') }) diff --git a/packages/Themes/Dark/CHANGELOG.md b/packages/Themes/Dark/CHANGELOG.md deleted file mode 100644 index 6cf02279a2..0000000000 --- a/packages/Themes/Dark/CHANGELOG.md +++ /dev/null @@ -1,503 +0,0 @@ -# Change Log - -All notable changes to this project will be documented in this file. -See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. - -## [5.10.2](https://github.com/WTTJ/welcome-ui/compare/v5.10.1...v5.10.2) (2024-02-06) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -## [5.10.1](https://github.com/WTTJ/welcome-ui/compare/v5.10.0...v5.10.1) (2024-02-01) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [5.10.0](https://github.com/WTTJ/welcome-ui/compare/v5.9.0...v5.10.0) (2024-01-22) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [5.9.0](https://github.com/WTTJ/welcome-ui/compare/v5.8.1...v5.9.0) (2024-01-05) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -## [5.8.1](https://github.com/WTTJ/welcome-ui/compare/v5.7.0...v5.8.1) (2023-12-27) - - -### Bug Fixes - -* malformed font-face directive and copy woff/2 files to S3 properly ([#2380](https://github.com/WTTJ/welcome-ui/issues/2380)) ([f1bbdf1](https://github.com/WTTJ/welcome-ui/commit/f1bbdf181f210cba33ae8ca68755b07352030bc0)) - - - - - -## [5.7.1-alpha.0](https://github.com/WTTJ/welcome-ui/compare/v5.7.0...v5.7.1-alpha.0) (2023-12-20) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [5.7.0](https://github.com/WTTJ/welcome-ui/compare/v5.6.7...v5.7.0) (2023-12-20) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -## [5.6.1](https://github.com/WTTJ/welcome-ui/compare/v5.6.0...v5.6.1) (2023-10-31) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [5.6.0](https://github.com/WTTJ/welcome-ui/compare/v5.5.1...v5.6.0) (2023-10-31) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [5.5.0](https://github.com/WTTJ/welcome-ui/compare/v5.4.0...v5.5.0) (2023-10-11) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [5.2.0](https://github.com/WTTJ/welcome-ui/compare/v5.1.0...v5.2.0) (2023-09-19) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [5.1.0](https://github.com/WTTJ/welcome-ui/compare/v5.0.0...v5.1.0) (2023-09-18) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [5.0.0](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.52...v5.0.0) (2023-08-31) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [5.0.0-alpha.45](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.44...v5.0.0-alpha.45) (2023-08-03) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [5.0.0-alpha.44](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.43...v5.0.0-alpha.44) (2023-08-03) - - -### Features - -* migrate from reakit to ariakit ([#2101](https://github.com/WTTJ/welcome-ui/issues/2101)) ([9d506d8](https://github.com/WTTJ/welcome-ui/commit/9d506d872e9f34380b8727a82b7569aafd0ee5f9)) - - - - - -# [5.0.0-alpha.43](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.42...v5.0.0-alpha.43) (2023-07-31) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [5.0.0-alpha.40](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.39...v5.0.0-alpha.40) (2023-06-15) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [5.0.0-alpha.37](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.36...v5.0.0-alpha.37) (2023-05-30) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [5.0.0-alpha.34](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.33...v5.0.0-alpha.34) (2023-04-19) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [5.0.0-alpha.33](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.32...v5.0.0-alpha.33) (2023-04-12) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [5.0.0-alpha.32](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.31...v5.0.0-alpha.32) (2023-03-22) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [5.0.0-alpha.31](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.30...v5.0.0-alpha.31) (2023-03-22) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [5.0.0-alpha.29](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.28...v5.0.0-alpha.29) (2023-03-21) - - -### Reverts - -* Revert "v5.0.0-alpha.29" ([7e73102](https://github.com/WTTJ/welcome-ui/commit/7e731020daa04dd7701d7729dee857dfa6f0876f)) - - - - - -# [5.0.0-alpha.24](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.23...v5.0.0-alpha.24) (2023-03-06) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [5.0.0-alpha.21](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.20...v5.0.0-alpha.21) (2023-02-16) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [5.0.0-alpha.18](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.17...v5.0.0-alpha.18) (2023-02-08) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [5.0.0-alpha.17](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.16...v5.0.0-alpha.17) (2023-02-07) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [5.0.0-alpha.16](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.15...v5.0.0-alpha.16) (2023-02-02) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -## [4.4.1](https://github.com/WTTJ/welcome-ui/compare/v4.4.0...v4.4.1) (2022-09-12) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [4.2.0](https://github.com/WTTJ/welcome-ui/compare/v4.1.2...v4.2.0) (2022-05-30) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -## [4.1.2](https://github.com/WTTJ/welcome-ui/compare/v4.1.1...v4.1.2) (2022-05-25) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -## [4.1.1](https://github.com/WTTJ/welcome-ui/compare/v4.1.0...v4.1.1) (2022-05-16) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [4.1.0](https://github.com/WTTJ/welcome-ui/compare/v4.0.6...v4.1.0) (2022-05-16) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -## [4.0.5](https://github.com/WTTJ/welcome-ui/compare/v4.0.4...v4.0.5) (2022-04-27) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -## [4.0.1](https://github.com/WTTJ/welcome-ui/compare/v4.0.0...v4.0.1) (2022-03-24) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [3.12.0](https://github.com/WTTJ/welcome-ui/compare/v3.11.0...v3.12.0) (2021-11-08) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [3.5.0](https://github.com/WTTJ/welcome-ui/compare/v3.4.3...v3.5.0) (2021-04-28) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -## [3.4.3](https://github.com/WTTJ/welcome-ui/compare/v3.4.2...v3.4.3) (2021-04-28) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -## [3.4.2](https://github.com/WTTJ/welcome-ui/compare/v3.4.1...v3.4.2) (2021-04-19) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -## [3.4.1](https://github.com/WTTJ/welcome-ui/compare/v3.4.0...v3.4.1) (2021-04-19) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [3.4.0](https://github.com/WTTJ/welcome-ui/compare/v3.3.0...v3.4.0) (2021-04-19) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [3.1.0](https://github.com/WTTJ/welcome-ui/compare/v3.0.1...v3.1.0) (2021-03-25) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -## [2.15.3](https://github.com/WTTJ/welcome-ui/compare/v2.15.2...v2.15.3) (2021-02-04) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [2.8.0](https://github.com/WTTJ/welcome-ui/compare/v2.7.3...v2.8.0) (2020-10-27) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -## [2.7.1](https://github.com/WTTJ/welcome-ui/compare/v2.7.0...v2.7.1) (2020-10-20) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [2.7.0](https://github.com/WTTJ/welcome-ui/compare/v2.6.3...v2.7.0) (2020-10-20) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -## [2.6.3](https://github.com/WTTJ/welcome-ui/compare/v2.6.2...v2.6.3) (2020-10-19) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -## [2.1.4](https://github.com/WTTJ/welcome-ui/compare/v2.1.3...v2.1.4) (2020-09-02) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -## [2.0.2](https://github.com/WTTJ/welcome-ui/compare/v2.0.1...v2.0.2) (2020-08-04) - - -### Bug Fixes - -* https for all links ([#755](https://github.com/WTTJ/welcome-ui/issues/755)) ([6b8e0ea](https://github.com/WTTJ/welcome-ui/commit/6b8e0ea7807486510169437bb909cb65038ff6f5)) - - - - - -## [1.29.2](https://github.com/WTTJ/welcome-ui/compare/v1.29.1...v1.29.2) (2020-06-10) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [1.27.0](https://github.com/WTTJ/welcome-ui/compare/v1.26.4...v1.27.0) (2020-05-25) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -## [1.26.4](https://github.com/WTTJ/welcome-ui/compare/v1.26.3...v1.26.4) (2020-05-07) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -## [1.26.3](https://github.com/WTTJ/welcome-ui/compare/v1.26.2...v1.26.3) (2020-05-07) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [1.26.0](https://github.com/WTTJ/welcome-ui/compare/v1.25.2...v1.26.0) (2020-05-04) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -## [1.25.1](https://github.com/WTTJ/welcome-ui/compare/v1.25.0...v1.25.1) (2020-04-23) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [1.23.0](https://github.com/WTTJ/welcome-ui/compare/v1.22.1...v1.23.0) (2020-04-14) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [1.22.0](https://github.com/WTTJ/welcome-ui/compare/v1.21.2...v1.22.0) (2020-04-10) - - -### Bug Fixes - -* fix typo in theme imports ([#592](https://github.com/WTTJ/welcome-ui/issues/592)) ([dd17ae7](https://github.com/WTTJ/welcome-ui/commit/dd17ae73e57c5b3f6adb0518ddd0f098affd86e7)) - - - - - -## [1.21.2](https://github.com/WTTJ/welcome-ui/compare/v1.21.1...v1.21.2) (2020-04-09) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -## [1.20.1](https://github.com/WTTJ/welcome-ui/compare/v1.20.0...v1.20.1) (2020-04-06) - -**Note:** Version bump only for package @welcome-ui/themes.dark - - - - - -# [1.20.0](https://github.com/WTTJ/welcome-ui/compare/v1.19.2...v1.20.0) (2020-04-06) - - -### Bug Fixes - -* **themes:** imports ([#577](https://github.com/WTTJ/welcome-ui/issues/577)) ([a4b529b](https://github.com/WTTJ/welcome-ui/commit/a4b529b07fa07e9e6b5b2457bec66ee94e813f55)) - - -### Features - -* **themes:** add Themes packages ([#571](https://github.com/WTTJ/welcome-ui/issues/571)) ([3018158](https://github.com/WTTJ/welcome-ui/commit/30181589c9ea0a0322b94e8441645dc14018a680)) diff --git a/packages/Themes/Dark/README.md b/packages/Themes/Dark/README.md deleted file mode 100644 index 71b46d0551..0000000000 --- a/packages/Themes/Dark/README.md +++ /dev/null @@ -1,17 +0,0 @@ -# @welcome-ui/themes.dark - -The Dark theme from [@welcome-ui](https://welcome-ui.com). - -![npm bundle size](https://img.shields.io/bundlephobia/minzip/@welcome-ui/themes.dark) [![License](https://img.shields.io/npm/l/welcome-ui.svg)](https://github.com/WTTJ/welcome-ui/tree/main/LICENSE) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-mediumspringgreen.svg)](ttps://github.com/WTTJ/welcome-ui/tree/main/CONTRIBUTING.mdx) - -## Installation - - yarn add @welcome-ui/themes.dark - -## Import - - import { darkTheme } from '@welcome-ui/themes.dark' - -## Documentation - -See the [documentation](https://welcome-ui.com) or [package source](https://github.com/WTTJ/welcome-ui/tree/main/packages/Themes/Dark) for more details. diff --git a/packages/Themes/Dark/package.json b/packages/Themes/Dark/package.json deleted file mode 100644 index ac47e7eb5b..0000000000 --- a/packages/Themes/Dark/package.json +++ /dev/null @@ -1,51 +0,0 @@ -{ - "name": "@welcome-ui/themes.dark", - "version": "5.17.1", - "description": "welcome-ui: Dark theme", - "main": "dist/index.js", - "module": "dist/index.mjs", - "types": "dist/types/index.d.ts", - "exports": { - ".": { - "types": "./dist/types/index.d.ts", - "import": "./dist/index.mjs", - "require": "./dist/index.js" - } - }, - "scripts": { - "build": "node ../../../scripts/build.js", - "test": "jest", - "types": "rimraf dist/types && tsc --emitDeclarationOnly --declaration --declarationDir dist/types" - }, - "publishConfig": { - "access": "public" - }, - "repository": { - "type": "git", - "url": "git+https://github.com/WTTJ/welcome-ui.git" - }, - "keywords": [ - "design-system", - "react", - "ariakit", - "styled-components", - "styled-system", - "ui-library", - "ui", - "ux", - "jungle", - "welcome", - "WTTJ" - ], - "author": "WTTJ ", - "license": "MIT", - "bugs": { - "url": "https://github.com/WTTJ/welcome-ui/issues" - }, - "dependencies": { - "@welcome-ui/core": "^5.17.1" - }, - "gitHead": "974e7bfd71f8cfe846cbffd678c3860a8952f9e9", - "sideEffects": false, - "homepage": "https://welcome-ui.com" -} diff --git a/packages/Themes/Dark/src/index.ts b/packages/Themes/Dark/src/index.ts deleted file mode 100644 index 223f85abd1..0000000000 --- a/packages/Themes/Dark/src/index.ts +++ /dev/null @@ -1 +0,0 @@ -export { darkTheme } from './theme' diff --git a/packages/Themes/Dark/src/theme.ts b/packages/Themes/Dark/src/theme.ts deleted file mode 100644 index 0e598a7e0c..0000000000 --- a/packages/Themes/Dark/src/theme.ts +++ /dev/null @@ -1,34 +0,0 @@ -import { createTheme, WuiTheme } from '@welcome-ui/core' - -const theme = createTheme() - -type RecursivePartial = { - [P in keyof T]?: T[P] | RecursivePartial -} - -export const colors = { - ...theme.colors, - 'light-100': theme.colors['dark-100'], - 'light-200': theme.colors['dark-200'], - 'light-400': theme.colors['dark-400'], - 'light-500': theme.colors['dark-500'], - 'light-700': theme.colors['dark-700'], - 'light-900': theme.colors['dark-900'], - 'dark-100': theme.colors['light-100'], - 'dark-200': theme.colors['light-200'], - 'dark-400': theme.colors['light-400'], - 'dark-500': theme.colors['light-500'], - 'dark-700': theme.colors['light-700'], - 'dark-900': theme.colors['light-900'], - 'nude-100': '#252B2B', - 'nude-200': '#444E4E', - 'nude-400': '#576060', - 'nude-600': '#8F9595', - 'nude-700': '#8F9595', - 'nude-900': '#C7CACA', - border: theme.colors['light-200'], -} - -export const darkTheme: RecursivePartial = { - colors, -} diff --git a/packages/Themes/Dark/tsconfig.json b/packages/Themes/Dark/tsconfig.json deleted file mode 100644 index 4299707ba8..0000000000 --- a/packages/Themes/Dark/tsconfig.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "extends": "../../../tsconfig.json", - "include": ["src", "../../../types"] -} diff --git a/packages/Themes/Welcome/CHANGELOG.md b/packages/Themes/Welcome/CHANGELOG.md deleted file mode 100644 index e73e7a2064..0000000000 --- a/packages/Themes/Welcome/CHANGELOG.md +++ /dev/null @@ -1,379 +0,0 @@ -# Change Log - -All notable changes to this project will be documented in this file. -See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. - -## [5.10.2](https://github.com/WTTJ/welcome-ui/compare/v5.10.1...v5.10.2) (2024-02-06) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -## [5.10.1](https://github.com/WTTJ/welcome-ui/compare/v5.10.0...v5.10.1) (2024-02-01) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -# [5.10.0](https://github.com/WTTJ/welcome-ui/compare/v5.9.0...v5.10.0) (2024-01-22) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -# [5.9.0](https://github.com/WTTJ/welcome-ui/compare/v5.8.1...v5.9.0) (2024-01-05) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -## [5.8.1](https://github.com/WTTJ/welcome-ui/compare/v5.7.0...v5.8.1) (2023-12-27) - - -### Bug Fixes - -* malformed font-face directive and copy woff/2 files to S3 properly ([#2380](https://github.com/WTTJ/welcome-ui/issues/2380)) ([f1bbdf1](https://github.com/WTTJ/welcome-ui/commit/f1bbdf181f210cba33ae8ca68755b07352030bc0)) - - - - - -## [5.7.1-alpha.0](https://github.com/WTTJ/welcome-ui/compare/v5.7.0...v5.7.1-alpha.0) (2023-12-20) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -# [5.7.0](https://github.com/WTTJ/welcome-ui/compare/v5.6.7...v5.7.0) (2023-12-20) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -## [5.6.1](https://github.com/WTTJ/welcome-ui/compare/v5.6.0...v5.6.1) (2023-10-31) - - -### Bug Fixes - -* remove panda ([518976c](https://github.com/WTTJ/welcome-ui/commit/518976c8d2b81bcce14d5bd25c7789bc288daa96)) - - - - - -# [5.6.0](https://github.com/WTTJ/welcome-ui/compare/v5.5.1...v5.6.0) (2023-10-31) - - -### Bug Fixes - -* depcheck ([d910f65](https://github.com/WTTJ/welcome-ui/commit/d910f65e9e60ea616d1848cf507c21aad002f62e)) - - -### Features - -* setup panda ([b316329](https://github.com/WTTJ/welcome-ui/commit/b3163299da7344c96f2a8717ee01d2b1826ed78f)) - - - - - -# [5.5.0](https://github.com/WTTJ/welcome-ui/compare/v5.4.0...v5.5.0) (2023-10-11) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -# [5.2.0](https://github.com/WTTJ/welcome-ui/compare/v5.1.0...v5.2.0) (2023-09-19) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -# [5.1.0](https://github.com/WTTJ/welcome-ui/compare/v5.0.0...v5.1.0) (2023-09-18) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -# [5.0.0](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.52...v5.0.0) (2023-08-31) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -# [5.0.0-alpha.45](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.44...v5.0.0-alpha.45) (2023-08-03) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -# [5.0.0-alpha.44](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.43...v5.0.0-alpha.44) (2023-08-03) - - -### Features - -* migrate from reakit to ariakit ([#2101](https://github.com/WTTJ/welcome-ui/issues/2101)) ([9d506d8](https://github.com/WTTJ/welcome-ui/commit/9d506d872e9f34380b8727a82b7569aafd0ee5f9)) - - - - - -# [5.0.0-alpha.43](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.42...v5.0.0-alpha.43) (2023-07-31) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -# [5.0.0-alpha.40](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.39...v5.0.0-alpha.40) (2023-06-15) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -# [5.0.0-alpha.37](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.36...v5.0.0-alpha.37) (2023-05-30) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -# [5.0.0-alpha.34](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.33...v5.0.0-alpha.34) (2023-04-19) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -# [5.0.0-alpha.33](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.32...v5.0.0-alpha.33) (2023-04-12) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -# [5.0.0-alpha.32](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.31...v5.0.0-alpha.32) (2023-03-22) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -# [5.0.0-alpha.31](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.30...v5.0.0-alpha.31) (2023-03-22) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -# [5.0.0-alpha.29](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.28...v5.0.0-alpha.29) (2023-03-21) - - -### Reverts - -* Revert "v5.0.0-alpha.29" ([7e73102](https://github.com/WTTJ/welcome-ui/commit/7e731020daa04dd7701d7729dee857dfa6f0876f)) - - - - - -# [5.0.0-alpha.24](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.23...v5.0.0-alpha.24) (2023-03-06) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -# [5.0.0-alpha.21](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.20...v5.0.0-alpha.21) (2023-02-16) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -# [5.0.0-alpha.18](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.17...v5.0.0-alpha.18) (2023-02-08) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -# [5.0.0-alpha.17](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.16...v5.0.0-alpha.17) (2023-02-07) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -# [5.0.0-alpha.16](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.15...v5.0.0-alpha.16) (2023-02-02) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -## [4.4.1](https://github.com/WTTJ/welcome-ui/compare/v4.4.0...v4.4.1) (2022-09-12) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -# [4.2.0](https://github.com/WTTJ/welcome-ui/compare/v4.1.2...v4.2.0) (2022-05-30) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -## [4.1.2](https://github.com/WTTJ/welcome-ui/compare/v4.1.1...v4.1.2) (2022-05-25) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -## [4.1.1](https://github.com/WTTJ/welcome-ui/compare/v4.1.0...v4.1.1) (2022-05-16) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -# [4.1.0](https://github.com/WTTJ/welcome-ui/compare/v4.0.6...v4.1.0) (2022-05-16) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -## [4.0.5](https://github.com/WTTJ/welcome-ui/compare/v4.0.4...v4.0.5) (2022-04-27) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -## [4.0.1](https://github.com/WTTJ/welcome-ui/compare/v4.0.0...v4.0.1) (2022-03-24) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -# [3.5.0](https://github.com/WTTJ/welcome-ui/compare/v3.4.3...v3.5.0) (2021-04-28) - - -### Features - -* add new sub color 7 ([#844](https://github.com/WTTJ/welcome-ui/issues/844)) ([81a9770](https://github.com/WTTJ/welcome-ui/commit/81a9770e9310e7ae44d5d0ef6d6ed0a507ce603e)) - - - - - -## [2.15.3](https://github.com/WTTJ/welcome-ui/compare/v2.15.2...v2.15.3) (2021-02-04) - -**Note:** Version bump only for package @welcome-ui/themes.welcome - - - - - -## [2.6.1](https://github.com/WTTJ/welcome-ui/compare/v2.6.0...v2.6.1) (2020-10-13) - - -### Bug Fixes - -* modal header and footer style ([#788](https://github.com/WTTJ/welcome-ui/issues/788)) ([9501512](https://github.com/WTTJ/welcome-ui/commit/95015120a2801bb94c9603293547ca20fae8fbe9)) - - - - - -## [2.0.2](https://github.com/WTTJ/welcome-ui/compare/v2.0.1...v2.0.2) (2020-08-04) - - -### Bug Fixes - -* https for all links ([#755](https://github.com/WTTJ/welcome-ui/issues/755)) ([6b8e0ea](https://github.com/WTTJ/welcome-ui/commit/6b8e0ea7807486510169437bb909cb65038ff6f5)) - - - - - -## [1.26.1](https://github.com/WTTJ/welcome-ui/compare/v1.26.0...v1.26.1) (2020-05-05) - - -### Bug Fixes - -* welcome theme select highlight color was too light ([#618](https://github.com/WTTJ/welcome-ui/issues/618)) ([f4ddcdf](https://github.com/WTTJ/welcome-ui/commit/f4ddcdf5a706b9e7e8a2303057e0d836902549ff)) - - - - - -# [1.22.0](https://github.com/WTTJ/welcome-ui/compare/v1.21.2...v1.22.0) (2020-04-10) - - -### Bug Fixes - -* fix typo in theme imports ([#592](https://github.com/WTTJ/welcome-ui/issues/592)) ([dd17ae7](https://github.com/WTTJ/welcome-ui/commit/dd17ae73e57c5b3f6adb0518ddd0f098affd86e7)) - - - - - -# [1.20.0](https://github.com/WTTJ/welcome-ui/compare/v1.19.2...v1.20.0) (2020-04-06) - - -### Bug Fixes - -* **themes:** imports ([#577](https://github.com/WTTJ/welcome-ui/issues/577)) ([a4b529b](https://github.com/WTTJ/welcome-ui/commit/a4b529b07fa07e9e6b5b2457bec66ee94e813f55)) - - -### Features - -* **themes:** add Themes packages ([#571](https://github.com/WTTJ/welcome-ui/issues/571)) ([3018158](https://github.com/WTTJ/welcome-ui/commit/30181589c9ea0a0322b94e8441645dc14018a680)) diff --git a/packages/Themes/Welcome/README.md b/packages/Themes/Welcome/README.md deleted file mode 100644 index 47b06d3a86..0000000000 --- a/packages/Themes/Welcome/README.md +++ /dev/null @@ -1,17 +0,0 @@ -# @welcome-ui/themes.welcome - -The Welcome theme from [@welcome-ui](https://welcome-ui.com). - -![npm bundle size](https://img.shields.io/bundlephobia/minzip/@welcome-ui/themes.welcome) [![License](https://img.shields.io/npm/l/welcome-ui.svg)](https://github.com/WTTJ/welcome-ui/tree/main/LICENSE) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-mediumspringgreen.svg)](ttps://github.com/WTTJ/welcome-ui/tree/main/CONTRIBUTING.mdx) - -## Installation - - yarn add @welcome-ui/themes.welcome - -## Import - - import { welcomeTheme } from '@welcome-ui/themes.welcome' - -## Documentation - -See the [documentation](https://welcome-ui.com) or [package source](https://github.com/WTTJ/welcome-ui/tree/main/packages/Themes/Welcome) for more details. diff --git a/packages/Themes/Welcome/package.json b/packages/Themes/Welcome/package.json deleted file mode 100644 index cef6eebaaa..0000000000 --- a/packages/Themes/Welcome/package.json +++ /dev/null @@ -1,51 +0,0 @@ -{ - "name": "@welcome-ui/themes.welcome", - "version": "5.17.1", - "description": "welcome-ui: Welcome theme", - "main": "dist/index.js", - "module": "dist/index.mjs", - "types": "dist/types/index.d.ts", - "exports": { - ".": { - "types": "./dist/types/index.d.ts", - "import": "./dist/index.mjs", - "require": "./dist/index.js" - } - }, - "scripts": { - "build": "node ../../../scripts/build.js", - "test": "jest", - "types": "rimraf dist/types && tsc --emitDeclarationOnly --declaration --declarationDir dist/types" - }, - "publishConfig": { - "access": "public" - }, - "repository": { - "type": "git", - "url": "git+https://github.com/WTTJ/welcome-ui.git" - }, - "keywords": [ - "design-system", - "react", - "ariakit", - "styled-components", - "styled-system", - "ui-library", - "ui", - "ux", - "jungle", - "welcome", - "WTTJ" - ], - "author": "WTTJ ", - "license": "MIT", - "bugs": { - "url": "https://github.com/WTTJ/welcome-ui/issues" - }, - "dependencies": { - "@welcome-ui/core": "^5.17.1" - }, - "gitHead": "974e7bfd71f8cfe846cbffd678c3860a8952f9e9", - "sideEffects": false, - "homepage": "https://welcome-ui.com" -} diff --git a/packages/Themes/Welcome/src/index.ts b/packages/Themes/Welcome/src/index.ts deleted file mode 100644 index ba60b578c0..0000000000 --- a/packages/Themes/Welcome/src/index.ts +++ /dev/null @@ -1 +0,0 @@ -export { welcomeTheme } from './theme' diff --git a/packages/Themes/Welcome/src/theme.ts b/packages/Themes/Welcome/src/theme.ts deleted file mode 100644 index 427f5c2bdd..0000000000 --- a/packages/Themes/Welcome/src/theme.ts +++ /dev/null @@ -1,49 +0,0 @@ -import { WuiTheme } from '@welcome-ui/core' - -type RecursivePartial = { - [P in keyof T]?: T[P] | RecursivePartial -} - -const palette = { - // primary - dandelion: '#FFF8D9', - cinnamon: '#FFE166', - yellow: '#FFCD00', - gold: '#E5B800', - corn: '#997B00', - cornsilk: '#735C00', - olive: '#4C3D00', - - // nudes - isabelline: '#F6F3EF', - pampas: '#EFEAE4', - timberwolf: '#D6D2CC', - naturalgray: '#8F8C88', - ironside: '#6B6966', - dune: '#474543', -} - -const colors: Partial = { - 'primary-100': palette.dandelion, - 'primary-200': palette.cinnamon, - 'primary-500': palette.yellow, - 'primary-600': palette.gold, - 'primary-700': palette.corn, - 'primary-800': palette.cornsilk, - 'primary-900': palette.olive, - 'nude-100': palette.isabelline, - 'nude-200': palette.pampas, - 'nude-400': palette.timberwolf, - 'nude-600': palette.naturalgray, - 'nude-700': palette.ironside, - 'nude-900': palette.dune, - underline: palette.yellow, -} - -export const welcomeTheme: RecursivePartial = { - colors, - shadows: { - sm: 'none', - md: 'none', - }, -} diff --git a/packages/Themes/Welcome/tsconfig.json b/packages/Themes/Welcome/tsconfig.json deleted file mode 100644 index 4299707ba8..0000000000 --- a/packages/Themes/Welcome/tsconfig.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "extends": "../../../tsconfig.json", - "include": ["src", "../../../types"] -} diff --git a/packages/Themes/WelcomeDark/CHANGELOG.md b/packages/Themes/WelcomeDark/CHANGELOG.md deleted file mode 100644 index 50d22679cf..0000000000 --- a/packages/Themes/WelcomeDark/CHANGELOG.md +++ /dev/null @@ -1,236 +0,0 @@ -# Change Log - -All notable changes to this project will be documented in this file. -See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. - -## [5.10.2](https://github.com/WTTJ/welcome-ui/compare/v5.10.1...v5.10.2) (2024-02-06) - -**Note:** Version bump only for package @welcome-ui/themes.welcome-dark - - - - - -## [5.10.1](https://github.com/WTTJ/welcome-ui/compare/v5.10.0...v5.10.1) (2024-02-01) - -**Note:** Version bump only for package @welcome-ui/themes.welcome-dark - - - - - -# [5.10.0](https://github.com/WTTJ/welcome-ui/compare/v5.9.0...v5.10.0) (2024-01-22) - -**Note:** Version bump only for package @welcome-ui/themes.welcome-dark - - - - - -# [5.9.0](https://github.com/WTTJ/welcome-ui/compare/v5.8.1...v5.9.0) (2024-01-05) - -**Note:** Version bump only for package @welcome-ui/themes.welcome-dark - - - - - -## [5.8.1](https://github.com/WTTJ/welcome-ui/compare/v5.7.0...v5.8.1) (2023-12-27) - - -### Bug Fixes - -* malformed font-face directive and copy woff/2 files to S3 properly ([#2380](https://github.com/WTTJ/welcome-ui/issues/2380)) ([f1bbdf1](https://github.com/WTTJ/welcome-ui/commit/f1bbdf181f210cba33ae8ca68755b07352030bc0)) - - - - - -## [5.7.1-alpha.0](https://github.com/WTTJ/welcome-ui/compare/v5.7.0...v5.7.1-alpha.0) (2023-12-20) - -**Note:** Version bump only for package @welcome-ui/themes.welcome-dark - - - - - -# [5.7.0](https://github.com/WTTJ/welcome-ui/compare/v5.6.7...v5.7.0) (2023-12-20) - -**Note:** Version bump only for package @welcome-ui/themes.welcome-dark - - - - - -## [5.6.1](https://github.com/WTTJ/welcome-ui/compare/v5.6.0...v5.6.1) (2023-10-31) - -**Note:** Version bump only for package @welcome-ui/themes.welcome-dark - - - - - -# [5.6.0](https://github.com/WTTJ/welcome-ui/compare/v5.5.1...v5.6.0) (2023-10-31) - -**Note:** Version bump only for package @welcome-ui/themes.welcome-dark - - - - - -# [5.5.0](https://github.com/WTTJ/welcome-ui/compare/v5.4.0...v5.5.0) (2023-10-11) - - -### Bug Fixes - -* add missing dependencies ([#2330](https://github.com/WTTJ/welcome-ui/issues/2330)) ([f81315c](https://github.com/WTTJ/welcome-ui/commit/f81315c77bcb18b4acba3322222685fdf210360c)) - - - - - -# [5.2.0](https://github.com/WTTJ/welcome-ui/compare/v5.1.0...v5.2.0) (2023-09-19) - -**Note:** Version bump only for package @welcome-ui/themes.welcome-dark - - - - - -# [5.1.0](https://github.com/WTTJ/welcome-ui/compare/v5.0.0...v5.1.0) (2023-09-18) - -**Note:** Version bump only for package @welcome-ui/themes.welcome-dark - - - - - -# [5.0.0](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.52...v5.0.0) (2023-08-31) - -**Note:** Version bump only for package @welcome-ui/themes.welcome-dark - - - - - -# [5.0.0-alpha.45](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.44...v5.0.0-alpha.45) (2023-08-03) - -**Note:** Version bump only for package @welcome-ui/themes.welcome-dark - - - - - -# [5.0.0-alpha.44](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.43...v5.0.0-alpha.44) (2023-08-03) - - -### Features - -* migrate from reakit to ariakit ([#2101](https://github.com/WTTJ/welcome-ui/issues/2101)) ([9d506d8](https://github.com/WTTJ/welcome-ui/commit/9d506d872e9f34380b8727a82b7569aafd0ee5f9)) - - - - - -# [5.0.0-alpha.43](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.42...v5.0.0-alpha.43) (2023-07-31) - -**Note:** Version bump only for package @welcome-ui/themes.welcome-dark - - - - - -# [5.0.0-alpha.40](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.39...v5.0.0-alpha.40) (2023-06-15) - -**Note:** Version bump only for package @welcome-ui/themes.welcome-dark - - - - - -# [5.0.0-alpha.37](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.36...v5.0.0-alpha.37) (2023-05-30) - -**Note:** Version bump only for package @welcome-ui/themes.welcome-dark - - - - - -# [5.0.0-alpha.34](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.33...v5.0.0-alpha.34) (2023-04-19) - -**Note:** Version bump only for package @welcome-ui/themes.welcome-dark - - - - - -# [5.0.0-alpha.33](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.32...v5.0.0-alpha.33) (2023-04-12) - -**Note:** Version bump only for package @welcome-ui/themes.welcome-dark - - - - - -# [5.0.0-alpha.32](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.31...v5.0.0-alpha.32) (2023-03-22) - -**Note:** Version bump only for package @welcome-ui/themes.welcome-dark - - - - - -# [5.0.0-alpha.31](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.30...v5.0.0-alpha.31) (2023-03-22) - -**Note:** Version bump only for package @welcome-ui/themes.welcome-dark - - - - - -# [5.0.0-alpha.29](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.28...v5.0.0-alpha.29) (2023-03-21) - - -### Reverts - -* Revert "v5.0.0-alpha.29" ([7e73102](https://github.com/WTTJ/welcome-ui/commit/7e731020daa04dd7701d7729dee857dfa6f0876f)) - - - - - -# [5.0.0-alpha.24](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.23...v5.0.0-alpha.24) (2023-03-06) - -**Note:** Version bump only for package @welcome-ui/themes.welcome-dark - - - - - -# [5.0.0-alpha.21](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.20...v5.0.0-alpha.21) (2023-02-16) - -**Note:** Version bump only for package @welcome-ui/themes.welcome-dark - - - - - -# [5.0.0-alpha.18](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.17...v5.0.0-alpha.18) (2023-02-08) - -**Note:** Version bump only for package @welcome-ui/themes.welcome-dark - - - - - -# [5.0.0-alpha.17](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.16...v5.0.0-alpha.17) (2023-02-07) - -**Note:** Version bump only for package @welcome-ui/themes.welcome-dark - - - - - -# [5.0.0-alpha.16](https://github.com/WTTJ/welcome-ui/compare/v5.0.0-alpha.15...v5.0.0-alpha.16) (2023-02-02) - -**Note:** Version bump only for package @welcome-ui/themes.welcome-dark diff --git a/packages/Themes/WelcomeDark/README.md b/packages/Themes/WelcomeDark/README.md deleted file mode 100644 index cfe659f768..0000000000 --- a/packages/Themes/WelcomeDark/README.md +++ /dev/null @@ -1,17 +0,0 @@ -# @welcome-ui/themes.welcome-dark - -The Welcome Dark theme from [@welcome-ui](https://welcome-ui.com). - -![npm bundle size](https://img.shields.io/bundlephobia/minzip/@welcome-ui/themes.welcome-dark) [![License](https://img.shields.io/npm/l/welcome-ui.svg)](https://github.com/WTTJ/welcome-ui/tree/main/LICENSE) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-mediumspringgreen.svg)](ttps://github.com/WTTJ/welcome-ui/tree/main/CONTRIBUTING.mdx) - -## Installation - - yarn add @welcome-ui/themes.welcome-dark - -## Import - - import { darkTheme } from '@welcome-ui/themes.welcome-dark' - -## Documentation - -See the [documentation](https://welcome-ui.com) or [package source](https://github.com/WTTJ/welcome-ui/tree/main/packages/Themes/WelcomeDark) for more details. diff --git a/packages/Themes/WelcomeDark/package.json b/packages/Themes/WelcomeDark/package.json deleted file mode 100644 index b423756a61..0000000000 --- a/packages/Themes/WelcomeDark/package.json +++ /dev/null @@ -1,53 +0,0 @@ -{ - "name": "@welcome-ui/themes.welcome-dark", - "version": "5.17.1", - "description": "welcome-ui: Welcome Dark theme", - "main": "dist/index.js", - "module": "dist/index.mjs", - "types": "dist/types/index.d.ts", - "exports": { - ".": { - "types": "./dist/types/index.d.ts", - "import": "./dist/index.mjs", - "require": "./dist/index.js" - } - }, - "scripts": { - "build": "node ../../../scripts/build.js", - "test": "jest", - "types": "rimraf dist/types && tsc --emitDeclarationOnly --declaration --declarationDir dist/types" - }, - "publishConfig": { - "access": "public" - }, - "repository": { - "type": "git", - "url": "git+https://github.com/WTTJ/welcome-ui.git" - }, - "keywords": [ - "design-system", - "react", - "ariakit", - "styled-components", - "styled-system", - "ui-library", - "ui", - "ux", - "jungle", - "welcome", - "WTTJ" - ], - "author": "WTTJ ", - "license": "MIT", - "bugs": { - "url": "https://github.com/WTTJ/welcome-ui/issues" - }, - "dependencies": { - "@welcome-ui/core": "^5.17.1", - "@welcome-ui/themes.welcome": "^5.17.1", - "ramda": "^0.29.0" - }, - "gitHead": "6d279e3c89ce7bd16a2e90245aaebaea2bd69462", - "sideEffects": false, - "homepage": "https://welcome-ui.com" -} diff --git a/packages/Themes/WelcomeDark/src/index.ts b/packages/Themes/WelcomeDark/src/index.ts deleted file mode 100644 index 9566c282c9..0000000000 --- a/packages/Themes/WelcomeDark/src/index.ts +++ /dev/null @@ -1 +0,0 @@ -export { welcomeDarkTheme } from './theme' diff --git a/packages/Themes/WelcomeDark/src/theme.ts b/packages/Themes/WelcomeDark/src/theme.ts deleted file mode 100644 index 172b26162f..0000000000 --- a/packages/Themes/WelcomeDark/src/theme.ts +++ /dev/null @@ -1,46 +0,0 @@ -import { createTheme, WuiTheme } from '@welcome-ui/core' -import { welcomeTheme } from '@welcome-ui/themes.welcome' -import merge from 'ramda/src/mergeDeepRight' - -const theme = createTheme(welcomeTheme) - -type RecursivePartial = { - [P in keyof T]?: T[P] | RecursivePartial -} - -const palette = { - // dark nudes - isabelline: '#22201E', - pampas: '#3D3A37', - timberwolf: '#504E4B', - naturalgray: '#8B8987', - ironside: '#A8A6A5', - dune: '#C5C4C3', -} - -export const colors = { - 'light-100': theme.colors['dark-100'], - 'light-200': theme.colors['dark-200'], - 'light-400': theme.colors['dark-400'], - 'light-500': theme.colors['dark-500'], - 'light-700': theme.colors['dark-700'], - 'light-900': theme.colors['dark-900'], - 'dark-100': theme.colors['light-100'], - 'dark-200': theme.colors['light-200'], - 'dark-400': theme.colors['light-400'], - 'dark-500': theme.colors['light-500'], - 'dark-700': theme.colors['light-700'], - 'dark-900': theme.colors['light-900'], - 'nude-100': palette.isabelline, - 'nude-200': palette.pampas, - 'nude-400': palette.timberwolf, - 'nude-600': palette.naturalgray, - 'nude-700': palette.ironside, - 'nude-900': palette.dune, - border: theme.colors['light-200'], - underline: theme.colors['primary-700'], -} - -export const welcomeDarkTheme: RecursivePartial = merge(welcomeTheme, { - colors, -}) as WuiTheme diff --git a/packages/Themes/WelcomeDark/tsconfig.json b/packages/Themes/WelcomeDark/tsconfig.json deleted file mode 100644 index 006a89b6eb..0000000000 --- a/packages/Themes/WelcomeDark/tsconfig.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "extends": "../../../tsconfig.json", - "include": ["index.ts", "../../../types"] -} diff --git a/packages/Utils/src/variants.ts b/packages/Utils/src/variants.ts index a0518668f9..d3fa155c92 100644 --- a/packages/Utils/src/variants.ts +++ b/packages/Utils/src/variants.ts @@ -3,11 +3,11 @@ import { th } from '@xstyled/styled-components' export type Variant = 'error' | 'focused' | 'info' | 'success' | 'warning' export const VARIANTS: Record = { - error: 'colors.danger-400', - focused: 'colors.primary-200', - info: 'colors.info-500', - success: 'colors.success-400', - warning: 'colors.warning-400', + error: 'colors.danger-50', + focused: 'colors.primary-50', + info: 'colors.info-50', + success: 'colors.success-50', + warning: 'colors.warning-50', } export const getVariantColor = (variant: Variant): ReturnType => { diff --git a/scripts/upgrade-v6.js b/scripts/upgrade-v6.js new file mode 100644 index 0000000000..cea6d09341 --- /dev/null +++ b/scripts/upgrade-v6.js @@ -0,0 +1,111 @@ +/* eslint-disable no-console */ +/* eslint-disable @typescript-eslint/no-var-requires */ +// This script will help you to migrate from Welcome-UI v5 to Welcome-UI v6 +// node ./scripts/upgrade-v6.js "../your-project/src/**/**.**(ts|tsx)" +const fs = require('fs/promises') + +const glob = require('glob') + +// const pattern = 'src/**/**.*(ts|tsx)' +const [pattern = ''] = process.argv.slice(2) + +const newColorValues = { + 'primary-100': 'v6.primary-10', + 'primary-200': 'v6.primary-20', + 'primary-500': 'v6.primary-40', + 'primary-600': 'v6.primary-50', + 'primary-700': 'v6.primary-70', + 'primary-800': 'v6.primary-80', + 'primary-900': 'v6.primary-100', + 'light-100': 'v6.neutral-80', + 'light-200': 'v6.neutral-80', + 'light-400': 'v6.neutral-60', + 'light-500': 'v6.neutral-40', + 'light-700': 'v6.neutral-30', + 'light-900': 'v6.neutral-white', + 'dark-100': 'v6.neutral-20', + 'dark-200': 'v6.neutral-20', + 'dark-400': 'v6.neutral-40', + 'dark-500': 'v6.neutral-50', + 'dark-700': 'v6.neutral-70', + 'dark-900': 'v6.neutral-black', + 'nude-100': 'v6.nude-20', + 'nude-200': 'v6.nude-30', + 'nude-400': 'v6.nude-40', + 'nude-600': 'v6.nude-60', + 'nude-700': 'v6.nude-70', + 'nude-900': 'v6.nude-80', + 'success-100': 'v6.success-10', + 'success-200': 'v6.success-20', + 'success-300': 'v6.success-30', + 'success-400': 'v6.success-40', + 'success-500': 'v6.success-50', + 'info-100': 'v6.info-10', + 'info-200': 'v6.info-20', + 'info-300': 'v6.info-30', + 'info-400': 'v6.info-40', + 'info-500': 'v6.info-50', + 'danger-100': 'v6.danger-10', + 'danger-200': 'v6.danger-20', + 'danger-300': 'v6.danger-30', + 'danger-400': 'v6.danger-40', + 'danger-500': 'v6.danger-50', + 'warning-100': 'v6.warning-10', + 'warning-200': 'v6.warning-20', + 'warning-300': 'v6.warning-30', + 'warning-400': 'v6.warning-40', + 'warning-500': 'v6.warning-50', + 'sub-1': 'brand-blue', + 'sub-2': 'brand-blue', + 'sub-3': 'brand-orange', + 'sub-4': 'brand-orange', + 'sub-5': 'brand-green', + 'sub-6': 'brand-green', + 'sub-7': 'brand-purple', +} + +const getNewColorValue = value => newColorValues[value] || value + +const upgradeColors = content => { + const regex = + /(primary|nude|success|danger|info|warning|dark|light)-(100|200|300|400|500|600|700|800|900)|(sub-(1|2|3|4|5|6|7))/gm + + if (regex.test(content)) { + const newContent = content.replaceAll(regex, getNewColorValue) + return newContent + } + return content +} + +const removePrefix = content => { + const regex = /v6\./gm + + if (regex.test(content)) { + const newContent = content.replaceAll(regex, prefix => prefix.replace('v6.', '')) + return newContent + } + + return content +} + +glob(pattern, (error, matches) => { + if (error) console.log('error', error) + + matches.forEach(async match => { + if ( + match === './packages/Core/src/theme/colors.ts' || + match === './packages/Core/src/theme/dark.ts' + ) + return + + const file = await fs.readFile(match) + let content = file.toString() + + content = upgradeColors(content) + content = removePrefix(content) + + await fs.writeFile(match, content) + }) + + console.log('done') +}) diff --git a/website/build-app/components/Header/index.tsx b/website/build-app/components/Header/index.tsx index 9b984715a0..0427b186e1 100644 --- a/website/build-app/components/Header/index.tsx +++ b/website/build-app/components/Header/index.tsx @@ -10,6 +10,7 @@ import { Box } from '@welcome-ui/box' import { VersionSelector } from '../VersionSelector' import { Sidebar } from '../Sidebar' import { Search } from '../Search' +import { ThemeSelector } from '../ThemeSelector' import { Logo } from './Logo' import * as S from './styles' @@ -59,6 +60,7 @@ export const Header = ({ components, foundations }: HeaderProps) => { + { - const theme = React.useMemo(() => createTheme(welcomeTheme), []) + const theme = React.useMemo(() => createTheme(), []) return ( diff --git a/website/build-app/components/ThemeSelector/index.tsx b/website/build-app/components/ThemeSelector/index.tsx new file mode 100644 index 0000000000..8799ee955d --- /dev/null +++ b/website/build-app/components/ThemeSelector/index.tsx @@ -0,0 +1,12 @@ +import { Button } from '@welcome-ui/button' +import { CrescentMoonIcon, SunIcon } from '@welcome-ui/icons' +import React from 'react' + +export const ThemeSelector = () => { + return ( + + ) +} diff --git a/website/build-app/utils/stackblitz.ts b/website/build-app/utils/stackblitz.ts index f8a11eff3f..0f5d3c6e8d 100644 --- a/website/build-app/utils/stackblitz.ts +++ b/website/build-app/utils/stackblitz.ts @@ -20,11 +20,10 @@ const getIndexHtml = (name: string) => ` const indexTsx = `import * as React from 'react' import * as ReactDOM from 'react-dom' import { createTheme, WuiProvider } from '@welcome-ui/core' -import { welcomeTheme } from '@welcome-ui/themes.welcome' import Demo from './demo' -const theme = createTheme(welcomeTheme) +const theme = createTheme() ReactDOM.render( @@ -52,7 +51,6 @@ const getPackageJson = (dependencies: string) => `{ }, "dependencies": { "@welcome-ui/core": "latest", - "@welcome-ui/themes.welcome": "latest", ${dependencies}, "@xstyled/styled-components": "^3.7.3", "react": "^18.1.0",