diff --git a/presets/bridgeColors.js b/presets/bridgeColors.js deleted file mode 100644 index 02e21b38..00000000 --- a/presets/bridgeColors.js +++ /dev/null @@ -1,13 +0,0 @@ -export const colorGreen = '#1AE19D'; -export const colorWhite = '#FFFFFF'; -export const colorDarkGrey = '#DADADA'; -export const colorLightGrey = '#F4F4F4'; -export const colorDarkBlue = '#151A26'; -export const colorDeepBlue = '#0F1322'; -export const colorBasicBlue = '#1D1F30'; -export const colorGradientDarkBlue = '#3271A5'; -export const colorGradientLightBlue = '#AADBFF'; -export const colorLightBlue = '#363A58'; -export const colorWarning = '#FFA41D'; -export const colorError = '#FF4F4F'; -export const colorInfo = '#4AB2FF'; diff --git a/presets/massa-bridge-preset.js b/presets/massa-bridge-preset.js deleted file mode 100644 index 7aec4e27..00000000 --- a/presets/massa-bridge-preset.js +++ /dev/null @@ -1,185 +0,0 @@ -// This is the tailwind preset for MassaStation applications. - -// We disable eslint to be able to define plugins. -// eslint-disable-next-line @typescript-eslint/no-var-requires -const { createThemes } = require('tw-colors'); - -import { - colorGreen, - colorWhite, - colorDarkGrey, - colorLightGrey, - colorDarkBlue, - colorDeepBlue, - colorBasicBlue, - colorGradientDarkBlue, - colorGradientLightBlue, - colorLightBlue, - colorWarning, - colorError, - colorInfo, -} from './bridgeColors'; - -/** @type {import('tailwindcss').Config} */ -import plugin from 'tailwindcss/plugin'; - -module.exports = { - content: ['./src/**/*.{js,ts,jsx,tsx}'], - darkMode: 'class', - theme: { - fontFamily: { - Urbane: ['Urbane', 'sans-serif'], - Poppins: ['Poppins', 'sans-serif'], - }, - }, - plugins: [ - createThemes({ - light: { - primary: colorWhite, - secondary: colorLightGrey, - tertiary: colorDarkGrey, - brand: colorInfo, - neutral: colorDarkBlue, - info: colorLightBlue, - 'deep-blue': colorWhite, - 'bright-blue': colorGradientLightBlue, - // states: - 's-success': colorGreen, - 's-error': colorError, - 's-warning': colorWarning, - 's-info': colorDarkGrey, - 's-info-1': colorInfo, - // components: - 'c-default': colorDarkBlue, - 'c-hover': colorLightBlue, - 'c-pressed': colorBasicBlue, - 'c-disabled-1': colorDarkGrey, - 'c-disabled-2': colorLightGrey, - 'c-error': colorError, - // icons: - 'i-primary': colorDarkBlue, - 'i-secondary': colorWhite, - 'i-tertiary': colorGreen, - // fonts: - 'f-primary': colorDarkBlue, - 'f-secondary': colorWhite, - 'f-tertiary': colorGreen, - 'f-disabled-1': colorDarkGrey, - 'f-disabled-2': colorWhite, - }, - dark: { - primary: colorDarkBlue, - secondary: colorBasicBlue, - tertiary: colorLightBlue, - brand: colorInfo, - neutral: colorWhite, - info: colorDarkGrey, - 'deep-blue': colorDeepBlue, - 'bright-blue': colorGradientDarkBlue, - // states: - 's-success': colorGreen, - 's-error': colorError, - 's-warning': colorWarning, - 's-info': colorDarkGrey, - 's-info-1': colorInfo, - // components: - 'c-default': colorWhite, - 'c-hover': colorDarkGrey, - 'c-pressed': colorLightGrey, - 'c-disabled-1': colorDarkGrey, - 'c-disabled-2': colorLightGrey, - 'c-error': colorError, - // icons: - 'i-primary': colorWhite, - 'i-secondary': colorDarkBlue, - 'i-tertiary': colorGreen, - // fonts: - 'f-primary': colorWhite, - 'f-secondary': colorDarkBlue, - 'f-tertiary': colorGreen, - 'f-disabled-1': colorDarkGrey, - 'f-disabled-2': colorWhite, - }, - }), - plugin(function ({ addComponents, theme }) { - addComponents({ - '.mas-banner': { - fontSize: '36px', - fontWeight: '600', - fontFamily: theme('fontFamily.Urbane'), - lineHeight: '44px', - fontStyle: 'normal', - }, - '.mas-title': { - fontSize: '34px', - fontWeight: '600', - fontFamily: theme('fontFamily.Urbane'), - lineHeight: '40px', - }, - '.mas-subtitle': { - fontSize: '20px', - fontWeight: '500', - fontFamily: theme('fontFamily.Urbane'), - lineHeight: '24px', - }, - '.mas-h2': { - fontSize: '20px', - fontWeight: '300', - fontFamily: theme('fontFamily.Urbane'), - lineHeight: '24px', - }, - '.mas-h3': { - fontSize: '14px', - fontWeight: '500', - fontFamily: theme('fontFamily.Urbane'), - lineHeight: '16px', - }, - '.mas-buttons': { - fontSize: '16px', - fontWeight: '600', - fontFamily: theme('fontFamily.Urbane'), - lineHeight: '20px', - }, - '.mas-menu-active': { - fontSize: '16px', - fontWeight: '600', - fontFamily: theme('fontFamily.Urbane'), - lineHeight: '20px', - }, - '.mas-menu-default': { - fontSize: '16px', - fontWeight: '500', - fontFamily: theme('fontFamily.Urbane'), - lineHeight: '20px', - }, - '.mas-menu-underline': { - fontSize: '16px', - fontWeight: '500', - fontFamily: theme('fontFamily.Urbane'), - lineHeight: '20px', - textDecoration: 'underline', - fontStyle: 'normal', - }, - '.mas-body': { - fontSize: '16px', - fontWeight: '500', - fontFamily: theme('fontFamily.Poppins'), - lineHeight: '24px', - fontStyle: 'normal', - }, - '.mas-body2': { - fontSize: '14px', - fontWeight: '400', - fontFamily: theme('fontFamily.Poppins'), - lineHeight: '20px', - }, - '.mas-caption': { - fontSize: '12px', - fontWeight: '400', - fontFamily: theme('fontFamily.Poppins'), - lineHeight: '16px', - }, - }); - }), - ], -}; diff --git a/src/components/Icons/Svg/Massa/BridgeLogo.tsx b/src/components/Icons/Svg/Massa/BridgeLogo.tsx deleted file mode 100644 index 6698a72d..00000000 --- a/src/components/Icons/Svg/Massa/BridgeLogo.tsx +++ /dev/null @@ -1,77 +0,0 @@ -// eslint-disable-next-line @typescript-eslint/ban-ts-comment -// @ts-ignore -import React from 'react'; - -import { ComponentPropsWithoutRef } from 'react'; - -interface SVGProps extends ComponentPropsWithoutRef<'div'> { - theme?: 'theme-light' | 'theme-dark' | undefined; -} - -/* eslint-disable max-len */ -function LightLogo() { - return ( - // prettier-ignore - - ); -} - -function DarkLogo() { - return ( - // prettier-ignore - - ); -} -/* eslint-enable max-len */ - -export function BridgeLogo(props: SVGProps) { - let { theme = 'theme-dark', ...rest } = props; - - const isDark = theme === 'theme-dark'; - - return ( -